自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

hefeng

学习web前端和js的追赶者

  • 博客(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 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除