- 博客(25)
- 收藏
- 关注
RSS订阅原创 AngularJS提供的模块——ngRoute路由
Route：路由，通过某条线路找到目标内容。 ngRoute模块的用途：就是根据浏览器中URL中的一个特殊的地址标记(形如#/xxx)，查找到该标记所对应的模板页面，并异步加载到当前页面的ngView指令中。使用步骤： (1)创建唯一完整的HTML页面，其中声明一个容器，ngView指令。引入angular.js和angular-route.js (2)创建多个模板页
2017-02-28 22:05:35
565
原创 在AngularJS中显示模型中的数据有两种方式：
一种是使用花括号插值的方式：{{text}} 另一种是使用基于属性的指令，叫做ng-bind：这两种方式的效果都是一样的，其主要区别在于，使用花括号语法时，在AngularJS使用数据替换模板中的花括号时，第一个加载的页面，通常是应用中的index.html，其未被渲染的模板可能会被用户看到。而使用第二站方法的视图不会遇到这种问题。原因是，浏览器需要首先加载in
2017-02-28 21:22:43
619
转载 jquery的事件委托-bind，live，delegate，on的区别
事件委托：让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！一、bind()方法 （只能给已经存在的元素上绑定事件）只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。二、live()方法（绑定到document DOM节点上。和.bind()的优势是支持动态数据）jQuery 1.3新增的.live()方法代替.bind()方法
2017-02-28 19:09:25
780
转载 到底什么是闭包
感觉楼里大部分回答太复杂了，过于理论化，文绉绉地绕来绕去，没抓住本质和精髓。抄书谁不会啊？其实闭包没那么复杂。最简洁、直击要害的回答，我能想到的分别有这么三句（版权属于 @张恂老师 ）：1、闭包是一个有状态（不消失的私有数据）的函数。2、闭包是一个有记忆的函数。3、闭包相当于一个只有一个方法的紧凑对象（a compact object）。上面这三句话是等
2017-02-25 22:13:49
14955
5
转载 【H5】localStorage、sessionStorage用法总结
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。sessionStorage生
2017-02-25 22:05:04
586
原创 sessionStorage 、localStorage 和 cookie 之间的区别
共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超
2017-02-25 21:56:11
502
转载 AMD和CMD的区别
AMD 规范在这里：https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里：https://github.com/seajs/seajs/issues/242AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。类似的还有 CommonJS Modules/2
2017-02-25 21:41:27
417
原创 DIV+CSS布局的优势和弊端
DIV+CSS的优势1、符合W3C标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是什么，您的网站都能很好的兼容。3、使页面载入得更快。页面体积变小，浏览速度变快，由于将大部分页面代码写在
2017-02-25 17:44:31
6494
转载 js几种实用的跨域方法和原理
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以
2017-02-25 16:38:58
560
原创 JSONP跨域的工作原理
JSONP 是一种非正式传输协议，该协议的一个要点就是允许用户传递一个callback 或者开始就定义一个回调方法，参数给服务端，然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。JSONP 和 JSON 的区别： JSON 是一种传输格式，而 JSONP 呢是一种数据的获取方式。其
2017-02-25 16:25:15
403
原创 onmousemove事件
onmousemove()事件:当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。事件会占用系统的资源，谨慎使用当鼠标移动时 鼠标所在的位置案例：$(document).ready(function(){ $(document).mousemove(function(e){ $("span").text(e.pageX + ", " + e.p
2017-02-25 15:54:53
3012
原创 mouseover 事件和mouseenter 事件的不同
mouseover 事件：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout$("p").mouseover(function(){ $("p").css("background-color","yellow");});mouseenter 事件：只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouselea
2017-02-25 15:15:19
771
原创 mouseout() 方法和mouseleave() 方法的不同
mouseout() 方法 ：当鼠标从元素上移开时触发//鼠标移开变颜色$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4");});注释：与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mousel
2017-02-25 15:00:26
1217
原创 angular 的数据双向绑定
Angular.js 中的特性,双向绑定.多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的?这要归功于 scope 下面3个重要的方法:$watch$digest$apply他们的区别是什么,我们来介绍下:$watch这是一个监听 scope 上数据的监听器方法说明:$scop
2017-02-22 21:48:30
526
原创 HTML5 类名操作的四种属性
1、Node.classList.add('class') 添加class2、Node.classList.remove('class') 移除class3、Node.classList.toggle('class') 切换class，有则移除，无则添加4、Node.classList.contains('class') 检测是否存在classNode指一个有效的DOM节点，是一个
2017-02-20 00:27:55
1590
转载 【bootstrap】栅格布局和自动隐藏或者显示
查看了多个大神的博客然后综合转载了下：1 Container顾名思义container是栅格系统最外层的class，直接被container包裹的只能是row这个class。需要注意的是container自带左右各15px padding值，这样container与浏览器窗口之间就存在一定距离。2 rowrow指container的一行，每行理想状态包含12个col
2017-02-19 20:29:41
27200
2
原创 数组操作方法归纳总结
个人的一个小总结，哪里有错误和不足欢迎批评指正：1、数组创建：var arr = new Array();var arr = new Array([size]);//创建并指定长度，但是长度是可以随之发生改变的2、数组的头部添加删除：unshift()头部添加 shift()头部删除 3、数组的尾部添加删除：Push()尾部添加 pop()尾部删除
2017-02-18 13:39:06
8240
原创 javascript的typeof返回哪些数据类型
Object 对象或者null返回的是objectnumber functionbooleanunderfind 未定义string
2017-02-18 13:33:15
4094
原创 css三大特性
继承性> color以及tetx-,font-,line-开头的属性都可以继承> a标签的颜色无法继承> h标签的大小无法继承> div的高度如果不设置由内容决定，如果没有内容，高度为0；div的宽度默认由父元素继承过来层叠性权重相同时，后写的样式会覆盖先写的样式优先级!important>行内样式>id选择器>类选择器>标签选择器>通配符>
2017-02-18 13:14:01
464
原创 HTML与XHTML的差别
分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页，XHTML的语法较为严谨。所有标签都必须小写在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。标签必须成双成对像是...、...、...标签等，当出现一个标签时
2017-02-18 13:04:52
2881
转载 HTML DOM addEventListener() 方法
为 元素添加点击事件。 当用户点击按钮时，在 id="demo" 的 元素上输出 "Hello World" :document.getElementById("myBtn").addEventListener("click", function(){ document.getElementById("demo").innerHTML = "Hello World";})
2017-02-09 20:31:30
629
转载 DOM标准事件的三个阶段:冒泡、捕获 dom事件三个阶段
本文主要解决两个问题：什么是事件流DOM事件流的三个阶段起因温故了一下我的《JavaScript高级程序设计》的时候，翻到DOM事件那一章，（说实话，现在无论是什么框架你都离不开操作DOM啊，毕竟这是你展示的最基本元素，就像人的细胞）。想起了dom事件流原理，好多人不明白，只知道click mouseout等实用场景，真要理解和更进一步的前端是要
2017-02-09 20:21:19
1466
原创 图片裁剪插件Jcrop.js的使用
简单使用裁剪：DOCTYPE html>lang="en"> head> meta charset="UTF-8"> title>裁切插件title> 一定要引入css--> link rel="stylesheet" href="./Jcrop/css/Jcrop.min.css"> style> /*.box {
2017-02-08 13:08:26
1133
原创 jQuery中的text(),html(),val() 三者的区别区别
.text():获取或者改变指定元素的文本 例如：a链接时.html():获取或改变指定元素的html元素以及文本 括号里空是获取，有内容是添加.val():获取或者改变指定元素的value值（一般是表单元素比如：按钮） 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。 如果该方法有参数，则设置元素的值。 设置输入域的
2017-02-08 08:53:50
1107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人