08 2014 档案
摘要：进程管理NodeJS可以感知和控制自身进程的运行环境和状态，也可以创建子进程并与其协同工作，这使得NodeJS可以把多个程序组合在一起共同完成某项工作，并在其中充当胶水和调度器的作用。本章除了介绍与之相关的NodeJS内置模块外，还会重点介绍典型的使用场景开门红如何使用NodeJS调用终端命令来简化...
阅读全文
摘要：网络操作通过NodeJS，除了可以编写一些服务端程序来协助前端开发和测试外，还能够学习一些HTTP协议与Socket协议的相关知识开门红使用NodeJS内置的http模块简单实现一个HTTP服务器var http = require('http');http.createServer(functio...
阅读全文
摘要：文件操作NodeJS能够操作文件。小至文件查找，大至代码编译，几乎没有一个前端工具不操作文件。换个角度讲，几乎也只需要一些数据处理逻辑，再加上一些文件操作，就能够编写出大多数前端工具，本章将介绍与之相关的NodeJS内置模块开门红NodeJS提供了基本的文件操作API，但是像文件拷贝这种高级功能就没...
阅读全文
摘要：NodeJS基础JS是脚本语言，脚本语言都需要一个解析器才能运行，NodeJS就是一个解析器。nodejs.org打开终端，键入node进入命令交互模式，可以输入一条代码语句后立即执行并显示结果$node>console('Hello World');Hello World如果要运行一大段代码的话，...
阅读全文
摘要：4. 转换HTML代码为DOM元素先创建一个文档片段DocumentFragment，然后调用方法jQuery.clean(elems, context, frag-ment, scripts)将HTML代码转换为DOM元素，并存储在创建的文档片段中。!fragment为true时可能有三种情况：•...
阅读全文
摘要：HTTP事务所需要的步骤：接下来，浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接，类似对讲机的Over（完毕） Roger（明白）TCP/IP模型TCP即传输控制协议（Transmission Con-trol Protocol）一旦TCP/IP连接建立，浏览器会通过该连接...
阅读全文
摘要：视觉滚动 风景一 励志名言 向着目标奔跑，何必在意折翼的翅膀，只要信心不死，就看的见方向，顺风适合行走，逆风更适合飞翔，人生路上什么都不怕，就怕自己投降。 ...
阅读全文
摘要：参数selector是复杂HTML代码则利用浏览器的innerHTML机制创建DOM元素第157行：如果HTML代码满足缓存条件，则在使用转换后的DOM元素时，必须先复制一份再使用，否则可以直接使用第160行：将新创建的DOM元素数组合并到当前jQuery对象中并返回参数selector是“#id”...
阅读全文
摘要：CSS3动画——抖动导航 导航菜单1 导航菜单2 导航菜单3 导航菜单4 导航菜单5 导航菜单6 导航菜单7 导航菜单8*zoom是CSS hack中专对I...
阅读全文
摘要：第21章 Media Queries相关样式该模块中允许添加媒体查询（media query）表达式，用以指定媒体类型，根据媒体类型来选择使用的样式（显示器、便携设备、电视机）使用方法@media 设备类型 and (设备特性) {样式代码}大部分设备特性的指定值接受min/max的前缀，表示大于等...
阅读全文
摘要：第17章 与背景和边框相关的样式与背景相关的新增属性background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在F...
阅读全文
摘要：第14章 使用选择器在页面中插入内容使用选择器来插入文字图片上一章提到过使用before和after伪类为某个元素之前或之后插入内容 h2:after{content:'12345'}，也可以指定个别元素不进行插入h2.class1:after{content:none}，也可以插入图片h2:aft...
阅读全文
摘要：第6章 精灵精灵（sprite），它是一种可以集成入动画之中的图像对象，赋予它们各种行为，精灵并非Canvas API的一部分，，但都是从它衍生而来本章将会实现三种设计模式：策略模式（精灵与绘制器解耦）、命令模式（精灵的动作）、享元模式（一个实例表示多个精灵）painter属性是一个指向Painte...
阅读全文
摘要：第11章 获取地理位置信息HTML5为window.navigator对象新增了一个geolocation属性取得当前地理位置void getCurrentPosition(onSuccess,onError,options);第一个参数为获取成功执行的回调函数，第二个为失败时执行的回调函数，第三个...
阅读全文
摘要：第9章 通信API跨文档消息传输HTML5提供了网页文档之间互相接收与发送信息的功能，不仅同源（域+端口号）的Web网页之间可以互相通信，甚至可以实现跨域通信想要接受从其他窗口发过来的信息，要对窗口对象的message事件进行监视window.addEventListener("message",f...
阅读全文
摘要：性能运行putImageData()比drawImage()慢，同等条件下优先考虑drawImage()操作图像数据需要遍历大量数据，应该注意几点：1）避免在循环体中直接访问对象属性，应当保存在局部变量中2）应该用循环计数器遍历完整的像素，而非像素分量（每4个一组）3）逆向遍历与移位技巧效果并不好4...
阅读全文
摘要：操作图像的像素：getImageData() putImageData()ImageData对象调用getImageData()方法实际是获取了一个指向ImageData对象的引用，返回的对象包含3个属性：1）width以设备像素为单位的图像数据宽度 2）height以设备像素为单位的图像数据高度 ...
阅读全文
摘要：拖放APIHTML5实现了直接拖放操作API，简化HTML4利用mousedown、mousemove等事件实现的操作实现拖放的步骤1要将被拖动元素的draggable属性设置为true，img元素与a元素（必须指定href）默认允许拖放2编写有关拖放的事件处理代码DataTransfer对象的属性...
阅读全文
摘要：表单验证required属性，可以应用在大多数的元素上，如果元素内容为空，则不允许提交pattern属性，将属性设置为某个格式的正则表达式min属性与max属性，规定数值类型或日期类型的input元素的专有属性，限制其范围step属性，控制input元素中值增加或减少的步幅，如果用户输入的值在0到1...
阅读全文
摘要：第三章 HTML5的结构article元素更强调独立性，section元素强调分段，div元素强调css的套用，aretcle元素和section元素在核实的情况下可以调换nav元素用作页面导航的链接组，通常里面包含元素aside元素表示页面或文章的附属信息部分，可以是与当前页面或内容相关的参考资料...
阅读全文
摘要：文本的定位水平与垂直定位：当使用strokeText()和fillText()绘制文本时，指定了所绘文本的X与Y坐标，还有textAlign与textBaseline两个属性textAlign：start（默认） center end left right，当canvas元素的dir属性是ltr时，...
阅读全文
摘要：CanvasRenderingContext2D对象中用于平移、旋转坐标系的方法镜像scale(1,-1)绘制垂直镜像；scale(-1,1)绘制水平镜像自定义的坐标变换transform()，多次调用会叠加效果setTransform()，每次调用都会清除上次的效果两个方法都用于旋转、缩放、及平移...
阅读全文
摘要：第2章 HTML5与HTML4的区别HTML5的文件扩展符与内容类型保持不变仍为“.html”或“.htm”，内容类型（ContentType）仍为“text/html”DOCTYPE声明：HTML4中，HTML5中，（不区分大小写）另外，当使用工具时，也可以在声明中加入SYSTEM识别符指定字符编...
阅读全文
摘要：路径与子路径在某一时刻，canvas之中只能有一条路径存在，Canvas规范称之为“当前路径”（current path），这条路径却可以包含很多子路径（subpath），子路径是由两个或者更多点组成的context.beginPath();context.rect(10,10,100,100);c...
阅读全文
摘要：事件处理：HTML5应用程序是以事件来驱动的，可以在canvas中增加一个事件监听器，当事件发生时，浏览器就会调用这个监听器 //方法一canvas.onmousedown=function(e){ //一些代码}; //方法二canvas.addEventListener('mousedown',...
阅读全文
摘要：jQuery.fn.init(selector,context,rootjQuery):构造函数 jQuery.fn.init() 负责解析参数 selector 和 context 的类型，并执行相应的逻辑，最后返回 jQuery.fn.init() 的实例，共有12个有效分支源码分析定义jQue...
阅读全文
摘要：第二章 构造jQuery对象jQuery对象是一个类数组对象，含有连续的整型属性、length属性和大量的jQuery方法，$()是jQuery()的缩写构造函数jQuery()如果调用构造函数jQuery()时传入的参数不同，创建的jQuery对象的逻辑也会随之不同jQuery(selector[...
阅读全文
摘要：canvas元素可以说是HTML5元素中功能最强大的一个，它真正的能力是通过Canvas的context对象（绘图上下文）表现出来的fillText()方法使用fillStyle属性来填充文本中的字符，strokeText()方法使用strokeStyle属性描绘字符的轮廓线，fillStyle属性...
阅读全文
摘要：第一章总体构架jQuery模块可以分为3部分：入口模块、底层支持模块和功能模块浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果，其它模块基于测试结果解决浏览器之间的兼容性问题回调函数列表模块用于增强对回调函数的管理，支持添加、移除、触发、锁定、禁用回调函数功能异步队列模块用于解耦异步任务...
阅读全文
摘要：XSS构造技巧利用字符编码：var redirectUrl="\";alert(/XSS/);";本身没有XSS漏洞，但由于返回页面是GBK/GB2312编码的“%c1\”成为了一个Unicode字符，忽略掉转义字符\%c1";alert(/XSS/);//绕过长度限制：很多时候产生XSS的地方会有...
阅读全文
摘要：第一章 我的安全世界观安全是一个持续过程6种威胁：Spoofing（伪装）、Tampering（篡改）、Repudiation（抵赖）、InformationDisclosure（信息泄漏）、Denial of Service（拒绝服务）、Elevation of Privilege（提升权限）一个...
阅读全文
