- 博客(19)
- 收藏
- 关注
原创 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 265
原创 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 600
原创 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 479
原创 单例模式
单例模式:一个构造函数只有一个实例,可通过构造函数内部判断的方式来实现 使用数据缓存来存储该单例,用作判断单例是否已经生成,是单例模式主要的实现思路。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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人