2015年11月_追赶者

原创 HTML5之应用缓存

html书写:<html manifest="demo.appcache"></html>cache文件的扩展名是”.appcache”; manifest文件必须设置正确的MIME-type为text/cache-manifest//服务器端设置manifest文件是简单的文本文件，告知浏览器被缓存的内容 CACHE MANIFEST 此标题下列出的文件将在首次下载后进行缓存 NETWORK

2015-11-21 23:09:25 346

原创 3种盒内元素两端对齐方案

ul { list-style: none; padding-left: 0; width:490px; overflow:hidden; background-color: #eee;}li { float:left; width:100px; height:50px; margin-left:30px; margin-bottom:10px;

2015-11-17 22:45:46 1038

原创 url解析函数

function parseURL(url){ var a = document.createElement("a"); a.href = url; return { source:url, protocol:a.protocol.replace(":",""), host:a.h

2015-11-17 22:42:41 443

原创 seajs模块加载

在使用seajs加载模块时，对模块中依赖的模块都要加载一次才能使用，比如用jquery写代码，在每个模块中都需要require一次，像jquery这种全局都需要用到的模块，可以在config中设置preload,保证事先准备好jquery

2015-11-16 22:12:06 353

原创 HTML5之drag

源元素事件 – dragstart drag dragend event.dataTransfer.setData("type","值") dataTransfer是存储要传给目标元素的数据的对象,通过event获取该对象目标元素事件 dragenterdragover // 在该事件中需要阻止事件的默认行为 e.preventDefault();才能触发drop事件d

2015-11-15 17:40:04 316

原创 HTML5之storage

storage包括:localStorage、sessionStorage; 这两个对象直接使用就是，无需创建API:localStorage.setItem("键","值")localStorage.getItem("key");localStorage.removeItem("key");localStorage.clear()//清空localStorage.lengthlocal

2015-11-15 17:35:22 241

原创 HTML5之worker

worker是允许多线程执行的可用 typeof(Worker)!==undefined检查浏览器是否支持worker创建worker对象——相当于执行worker文件var worker = new Worker("文件地址");//worker文件内用postMessage(数据)返回数据//设置回调函数处理返回的数据worker.onmessage = function(message

2015-11-15 17:29:30 288

原创 http缓存

浏览器第一次接收响应时:缓存文件 //响应头包括文件的过期时间(cache-controll\Expire)、文件的最后修改时间(last-modified)和根据文件内容生成的ETag;以后请求： 1检查cache-controll(http1.1/优先级更高)或Expire(http1.0)确定缓存是否过期. 没过期：继续使用缓存的文件

2015-11-15 17:21:23 264

原创 js执行上下文

变量作用域是程序源代码中定义这个变量的区域作用域链是存储当前作用域可访问的变量的栈三种代码运行环境:global function eval执行环境 =》变量对象作用域链 thisAO/VO =》变量函数声明函数形参函数被调用时 1.创建阶段(函数被调用，但还没开始执行函数代码) (1)会创建作用域链

2015-11-12 21:48:52 433

原创面试题

var length = 10function fn(){ alert(this.length)}var obj = { length: 5, method: function(fn) { fn() // 10 this指向window arguments[0]() // 1 arguments是一个对象,arguments也有自己的作

2015-11-11 22:25:42 240

原创网页设计注意事项(总结)

1.首先要吸引眼球，让来访者产生兴趣;所以第一屏一定要吸引眼球;吸引眼球的就是主题，要突出主题，可以用用色彩来衬托; 2.若第一屏颜色单调，内容也简单，内容可以加个通道,导航条颜色可以深一些； 3.要有醒目的通道，通向自己的产品或服务，这样方便产生兴趣的来访者迅速找到目标; 4.首页的信息量不要太大,首页只是让来访者产生兴趣;通到才是指向信息; 5.网站要专业,目标客户要明确，风格要适合目标

2015-11-11 22:22:00 599

原创 ES6定义函数的新方法（generator和箭头函数）

generator函数; 定义 function* foo(){ .... yield x1; .... yield x2; ........ return xn; }调用 var f=foo(); f.next() //x1,false f.n

2015-11-11 22:20:45 1431

原创 ajax知识点

XHR readyState:0:unset(未发送)1:(已创建请求消息)2:(已接受到响应消息的头部) 3:(XHR正在加载响应消息的主体数据)4:(XHR已收完毕响应消息)AJAX实现的效果： 1.客户端和服务器端异步运行 2.客户端页面的局部刷新 3.动态页面静态化7种请求方法: GET HEAD POST PUT TRACE OPTIONS DELETE 只有post put请求

2015-11-11 22:15:58 337

instanceofarr instanceof ArrayisPrototypeOfArray.prototype.isPrototypeOf(arr);Object.prototype.toString.call();Object.prototype.toString.call(arr)constructor;arr.constructor === ArrayArray.isArrayArray

2015-11-11 22:14:21 330

原创 flex

flex-direction:row 子元素要设置width或flex;若只设width未设flex,父元素宽度不够，且默认不换行，则子元素按比例显示，子元素只被调整宽度，未设高度则填充; flex-direction:column 同样 flex优先级高于width\height若flex-direction:column align-items:center 才能实现左右居中若要

2015-11-11 22:02:04 454

原创 Angular知识点

1.不要复用controller,一个controller负责一小块 2.controller里不要操作DOM,DOM操作要用directive(操作view), 3.不要在controller里做数据格式化,ng有更好的表单控件 4.不要在controller里做数据过滤操作，ng有$filter服务 5.controller不会相互调用，控制器的交互通过事件进行特征 1.采用MVC模型

2015-11-11 21:59:18 478

原创单例模式

单例模式:一个构造函数只有一个实例，可通过构造函数内部判断的方式来实现使用数据缓存来存储该单例，用作判断单例是否已经生成，是单例模式主要的实现思路。function Construct(){ if(Construct.unique!==undefined){ return Construct.unique; } this.xxx=xxx; Cons

2015-11-11 21:06:20 239

原创移动端学习笔记

click事件延迟300ms 来判断单击还是双击touchstart和touchend的位置相同，时间间隔较短没有触发touchmove事件，则可认为触发了手持设备上的click事件，一般称它为tap (如zepto库)tap事件比click事件更快BUG:1.tap点透bug//若点击上面一层消失，因为上面一层消失，300ms后下面的元素接受了事件解决方案：1.加入缓动动画，上

2015-11-11 21:01:27 302

原创 angularjs嵌套作用域问题

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="angular.js"></script></head><body ng-app="todo"> <div ng-controller="ctrl1"> <input type="tex

2015-11-01 23:49:11 901

hefeng