未分类


jquery .bind(), .live(), .delegate(), .on()

假设我们有这样一段html: <ul class=’bookList’> <li>book 1</li> <li>book 2</li> </ul> <button>add a li </button> 1: .bind().bind方法的用法是这样的:targetElment.bind(‘eventType’, ev …


20170618-数据存储-cookie

Cookie HTTP Cookie, 通常直接叫做cookie,最初是在客户端用于存储会话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分,其中包含会话信息。这个HTTP响应设置一个以name为名称、以value为值的cookie,名称和值在传送时都必 …



用PerformanceTiming来检测页面性能

用PerformanceTiming来检测页面性能 window.performance.timing下的属性 navigationStart 当前浏览器窗口的前一个网页关闭,发生unload事件时的Unix毫秒时间戳。如果没有前一个网页,则等于fetchStart属性。 unloadEventStart 如果前一个网页与当前网页属 …


手把手教你从零写一个简单的 VUE

今天给大家带来的是实现一个简单的类似 VUE 一样的前端框架,VUE 框架现在应该算是非常主流的前端数据驱动框架,今天我们来从零开始写一个非常简单的 VUE 框架,主要是让大家知道最核心的 vue 部分是怎么运转起来的。包括数据绑定,模板处理,以及页面渲 …


前端性能优化之Performance神器

  对Chrome控制台有一定的了解的朋友都在知道,Network面板会包括很多网络请求方面的东西,包括Http相关的Request信息,Response信息,以及Cookies等等,都是前端开发需要密切关注的问题。  这些信息都是属于功能性的,那么当我们的功能需求满足后, …


JSONP的一点笔记

同源策略 同源策略(Same origin policy),它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。[2] 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互 …


es6 箭头函数

箭头函数:用法: var a=()=> 5; var b=(sum1,sum2)=> sum1+sum2 //多行代码 var c=(sum1,sum2)=>{sum1=sum1+1;sum2=sum2+2;return sum1+sum2} //返回对象 var d=id=>({ id:id, name:’jack’, }) //与变量解构结合使用 var e=( …


工具篇:使用requirejs模块化开发多页面一个入口js的使用方式

描述 知道requirejs的都知道,每一个页面需要进行模块化开发都得有一个入口js文件进行模块配置。但是现在就有一个很尴尬的问题,如果页面很多的话,那么这个data-main对应的入口文件就会很多。理论这样其实也没什么,但是到后面用grunt进行合并压缩就会有 …


2017年前端框架、类库、工具大比拼

相比于JavaScript开发人员的数量,目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月,GitHub上的快速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。