DOM范围 DOM中的range对象是DOM2中新定义的接口.通过这个对象可以选择文档中的某个区域,而不必考虑节点的界限. 创建范围 document.createRange()创建一个范围,这个范围是range类型的实例.包含下面这些属性和方法. startContainer:包含范围起点的节点(选区中第一个节点的父节点). startOffset:范围在startContainer中起点的偏移量. endContainer:包含范围终点的节点(选区中最后一个节点的父节点). endOffse

1.获取用户网页选中内容 <p>4月13日消息,据台湾媒体报道,32岁的孙燕姿(Sng Ee Tze)和后天将满34岁的荷兰籍印度尼西亚男友纳迪姆(Nadim Van Der Ros)交往5年,曾说过"有空就结婚"的她,果然趁着宣传期尾声,于3月31日在新加坡登记注册了!昨消息传开,她未否认,仅说会选择适当时间公布喜讯,所属"美妙音乐"则表示她个性低调,婚礼只会邀请双方亲友,也不会透露细节,但据新加坡可靠消息指出,婚宴订在5月初.</p> &

http://www.zhangxinxu.com/wordpress/2011/04/js-range-html%E6%96%87%E6%A1%A3%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%E9%80%89%E4%B8%AD%E3%80%81%E5%BA%93%E5%8F%8A%E5%BA%94%E7%94%A8%E4%BB%8B%E7%BB%8D/ Range对象 http://www.w3school.com.cn/xmldom/dom_range.asp

一.扯淡部分 很久很久以前,也就是刚开始接触前端的那会儿,脑袋里压根没有什么架构.重构.性能这些概念,天真地以为前端===好看的页面,甚至把js都划分到除了用来写一些美美的特效别无它用的阴暗角落里,就更别说会知道js还有面向对象,设计模式,MVC,MVVM,模块化,构建工具等等这些高大上的概念了.现在想想还真是Too young too naive.前两天某大神在群里分享他招聘前端的心得的时候就说,就是那些以为能写两个页面就可以自称前端的人拉低了行业水平.这样看来前两年我还真的扯了不少后腿呢……

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var  range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var  selection =

一.安装grunt: npm install -g grunt-cli //安装 npm install grunt –save-dev //安装Grunt最新版本到项目目录中,并将其添加到devDependencies内 grunt –version //出现grunt -cli 和 grunt的版本号即安装成功 二.配置packge.json文件: [代码中去掉注释] module.exports = function(grunt) { // Project configuration. g

seajs是一个起辅助作用的库,所以它可以更方便开发,而它可以解决以下问题: 1.命名问题,就是冲突 2.性能问题,就是只要一个功能,但却使用一个大插件中的一个小功能,所以要手动拆分出这个功能 3.js依赖问题,要引入多个js文件,而且顺序也要排好,要手动去调节,要根据需求不断调节这些问题,修改BUG seajs推荐一个功能就是一个模块,所以一个功能一个js文件. 一般流程都是以下代码: <script> /*seajs的目录路径要搞清楚,你的文件在哪使用seajs,那个就是根目录*/ /*配

什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,那么什么是模块呢? 一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块.模块开发

1.我们先来了解下模块化历史 模块化历史 nodeJS的出现(http://nodejs.org/) commonJS规范(http://www.commonjs.org/) 浏览器JS的模块化? AMD规范(http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition) requireJS库(http://requirejs.org/ CMD规范 Seajs采用的 我们通常开发前端的时候分为线下和线上,线下直接开发调试脚本,而线上是很

drag.js // JavaScript Document //B开发 define(function(require,exports,module){ function drag(obj){ ; ; obj.onmousedown = function(ev){ var ev = ev || window.event; disX = ev.clientX - obj.offsetLeft; disY = ev.clientY - obj.offsetTop; document.onmouse

http://linqjs.codeplex.com/ /*Linq JS*/ //range var aa = Enumerable.range(1, 10).toArray(); var kk = Enumerable.range(1, 10, 3).toArray(); //select kk = Enumerable.range(1, 10).select("value,index=>index + ':' + value").toArray(); //where kk

原文地址:Use IMG tags only for Images 首先,补充一些背景知识. web开发人员经常通过在主页预加载(预缓存)将来的页面所用到的一些资源的方式来优化网站的性能.常用的手段是在主页内容加载完之后开启预读取资源下载.有些网站通过使用IMG标签的形式来打到预读取的目的----IMG没有同源的限制(limited to same-origin requests),这使它看起来是一种理想的选择.如果通过IMG标签来预读取css文件或者js文件,这个文件将只会被加载,但不会被解析

Script中的id还是有用的,比如如果页面需要加载的JS文件过多,那样最好是写一个JS文件用来加载这些JS文件 require: function(libraryName){ document.write(''); },//动态加载JS文件 load: function(){ var cr_scripts = new Array(); var scriptObjects = document.getElementsByTagName("script"); //这里是通过ByTagNa

一.实例1,设置网页选中内容并且复制到黏贴板 <p id='txtone'>发的FDSAFSDFDS!其实不管哪个行业, <img src='http://beijing.gongjuji.net/imgdata/big/4ba6635a-1e69-42b1-b64d-c25f655b4152.jpg'/> 都会遇到这个问题.所以企业员工自身幸福感很重要,若连员工都不幸福,他们怎么能提供客户满意的服务呢?更何况作为客服人员,如果自己都不快乐,他们又怎么能去提升别人的心理资本,去增加

revel使用Go官方的模板库.它会在两个目录查找模板文件: 1.应用的`views`目录以及它的所有子目录 2.revel库自己的`templates`目录 revel为错误页面提供了模板(在`dev`开发模式下,编译错误会更友好的显示),但是,如果用相同的名字创建一个模板,revel则会优先使用自己开发的模板.如 `app/views/errors/500.html` ##渲染内容 revel使用`RenderArgs`数据map来执行模板.除了从应用提供数据,revel也提供了: 1."e

https://segmentfault.com/a/1190000000733959 什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,那么什么是模块呢? 一个模块就是实现特定功能的

1.css3 ie下大部分不兼容 ie9以下 浏览器低版本不兼容 需要写 -webket-transition:1s -moz-transition: 1s -o-transition:1s transition:1s 这些 2.Css3 选择器 --属性选择器(1) E[attr]只使用属性名,但没有确定任何属性值 E[attr="value"]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并

1.安装好nodeJS后 ,一般都会把npm也安装好的.nodeJs集成npm的,可通过在cmd 分别运行 node -v和 npm -v来查看他们的版本,假设显示可说明可继续以下的操作 2.想安装grunt一般能够直接在cmd里面运行   npm install grunt grunt-cli [然而除了第一次我这么写能够生效外.后来都没成功过,什么鬼?我也不知道,能够改成这样写: npm install -g grunt-cli 安装全局grunt-cli npm install -g gr

什么是 Screen Orientation API Screen Orientation API 为 Web 应用提供了读取设备当前屏幕方向.旋转角度.锁定旋转方向.获取方向改变事件的能力.使得特定应用在屏幕方向方面增强用户体验,如视频和游戏.该标准目前处于工作组草案状态,最近一个修改为 1 月 29 日. 浏览器支持情况 属性结构 Screen Orientation API 通过在 Screen 接口上扩展属性 orientation 为我们提供该 API 的所有功能: partial i

说明: html默认select选择框控件在IOS的浏览器中 是底部弹出下拉选择. 这样到时页面位置错位,选择结束后对应不少元素的点击事件不响应. 这样看起来问题不大,但是选择完成之后点击确定提交弹出框的话  框内的按钮就很有可能不在页面上了(因为页面已经往上移了)  所以框上的按钮就会失效.  解决方案: 点击确认提交时让页面回到原位 js 点击时: window.scrollTo(0, document.body.scrollTop + 1); document.body.scrollTop

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动...... 通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习. 本课程需要一定的基础:微信开发者工具,JavaScript,Html,Css 第四章:基石-摄像头与Three.js结合 [前情提要] 上一章,前面的两章内容,我们学习了基本的摄像头数据读取以及Three.js三维场景的创建.这两章内容学习之后,我们已经可以做很多更定制化的开发了.例如: 1. 我们已经可以做基于摄像头图像的AR内容开发,(比如人