自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 node测试相关工具

1. mocha mocha 是一个简单、灵活有趣的 JavaScript 测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试。 Mocha 是具有丰富特性的 JavaScript 测试框架,可以运行在 Node.js 和浏览器中,使得异步测试更简单更有趣。Mocha 可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例。2. 断言库 shoul

2016-01-06 15:00:46 475

原创 node.js学习相关知识杂选

1. http协议定义的八个标准方法 1.1 OPTIONS返回服务器针对特定资源所支持的HTTP请求方法。也可以利用向Web服务器发送’*’的请求来测试服务器的功能性1.2 HEAD向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回。这一方法可以在不必传输整个响应内容的情况下,就可以获取包含在响应消息头中的元信息1.3 GET向特定的资源发出请求。注意:GET方法不应当被用于产生“副作

2015-12-22 17:02:15 466

原创 html5和html4的区别

1 语法改变在HTML5中提高web浏览器之间的兼容性是它的一个很大的目标。1.1 DOCTYPE声明<!DOCTYPE html>1.2 指定字符编码<mate charset = "UTF-8">1.3 省略引号和一些标签当属性值不包括空字符串,”<”,”>”,”=”,单引号,双引号等字符时,属性值两边的引号可以省略。<html>,<head>,<body>等元素可以省略2 新增的元素和废除的

2015-11-23 21:35:46 829

原创 JS高级程序设计读书笔记(第十三章 事件)

JavaScript与HTML之间的交互是通过事件实现的。IE9,Firefox,Opera,Safari,Chrome全都已经实现了“DOM2级事件“模块的核心部分。IE8是最后一个仍然使用其专有事件系统的主要浏览器。  1 事件流  事件流描述的是从页面中接收事件的顺序。IE和Netscape开发团队提出差不多完全相反的事件流事件。  1.1 事件冒泡  IE的事件流叫做事件冒泡(eve

2015-10-28 21:05:07 598

原创 canvas延伸-WebGL(three.js)

WebGL是针对Canvas的3D上下文。与其他web技术不同,WebGL并不是W3C制定的标准。发现了一个很酷网站,以下内容来自该网站。2015.10.20WebGL是在浏览器中实现三维效果的一套规范。Three.js能写出在浏览器上流畅运行的3D程序。在Three.js中,要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样

2015-10-26 16:06:27 6558

原创 JS高级程序设计读书笔记(第十五章 使用Canvas绘图)

canvas元素负责在页面中设定一个区域,然后通过js动态地在这个区域中绘制图形。  1. 基本用法  1.1 要使用canvas元素,必须先设置其width和height属性,指定绘图区域的大小。出现在开始标签和结束标签中的内容是后备信息,如果浏览器不支持canvas元素,就会显示这些信息。1.2 要在画布上绘图,需要取得绘图上下文(getContext())1.3 使用toData

2015-10-21 09:47:51 588

转载 Gulp开发教程(翻译)

点击这里

2015-10-19 11:27:43 306

原创 javascript中的BOM操作(JS高级程序设计第八章)

BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双层角色,它既是通过js访问浏览器的一个接口,又是ECMAscript规定的Global对象。1.全局变量会成为window对象的属性,但是直接定义全局变量和在window对象上直接定义属性还是有差别:全局变量不可以通过delete操作符删除,而直接在window对象上定义属性可以。

2015-09-23 17:17:34 568

原创 JS高级程序设计读书笔记(第七章)

函数表达式定义函数有两种方式:一种是函数声明,另一种就是函数表达式//1,函数声明function functionName(arg0, arg1, arg2){ //函数体} //函数声明的一个重要特征是,函数声明提升,意思是在执行代码之前会先读取函数声明。而函数表达式没有这个特征。 eg: sayHi(); function sayHi(){

2015-09-22 16:56:11 560

原创 js高级程序读书笔记(第五章和第六章)

安装了markdownpad之后,右边栏无法实时刷新,也无法滚动,原因是让我更新显卡驱动(-。-虽然很扯,但事实就是这样的【摊手】)解决办法,公司电脑配置太差,缺省的文件太多了,还是在这儿写吧。2015.9.8第六章 面向对象的程序设计面向对象都有类的概念,而ECMAScript没有类的概念。因此它的对象也和基于类的语言中的对象不一样。js中每个对象都是基于引用类型创建的,这个引用类型可

2015-09-17 22:39:51 564

原创 JS高级程序设计读书笔记(第一章到第五章)

我现在都到js高级程序设计最难的章节,第六章,对象,虽然有人推荐不用全部读完,但我还是完整的读一遍吧,一遍可以敲代码一边看书理解加百度,我认为这种方式很好,可以加深理解增强印象,这是我觉得这本书比JS权威指南好的地方。先就这么写,以后有了新的想法再添加。创建对象的三种方法:1,通过对象直接量(也可以称为对象字面量) var book = {name:”xiaodan”};2, 使用关键字ne

2015-09-07 16:28:35 1668

原创 获取页面可视区的高度·DOCTYPE的作用·将滚动条定位到具体的元素

1.获取页面可视区的高度 有两个获取页面可视区的高度, document.documentElement.clientHeight,document.body.clientHeight,这两个的区别是页面是否使用兼容模式,即是否使用<!DOCTYPE>。 document.documentElement是整个html文档的内容,而document.body只是整个body的内容。

2015-08-13 16:30:14 872

原创 正则表达式(Regular Express)学习笔记

1 . 匹配任意单个字符 —– .(英文句号)元字符 1.1 . 多个点匹配多个任意字符 1.2 . 如果你只想匹配.字符, 可以使用转义字符\. 2 . 匹配多个字符中的某一个 —– [] 元字符 2.1 . eg:[ns]a —— 匹配na或者sa 2.2 . 利用[]匹配字符区间 —– [A-Za-z0-9] —– !(-(连字符)是一个特殊的字

2015-08-04 18:01:25 1908

原创 js中return的用法

return false相当于终止符;return true相当于执行符1.js中经常用return false来阻止提交表单或者继续执行下面的代码,通常来说就是阻止执行默认的行为。总之:return false 只在当前函数有效,不会影响其他外部函数的执行。

2015-07-13 11:00:40 347

原创 css设计指南中有意思的部分

css

2015-05-30 10:53:31 428

原创 前端第五次面试

昨天转乘了三趟地铁到了西二旗,面试了一家公司,好厉害的样子,公司的人也很nice,工作氛围也很好。本来说有两轮面试,结果就只面了一位,说是等大家都一面结束再进行二面。下面说下我的面试过程C语言和JAVA的区别定位,absolute,relative,fixed的区别CSS3和HTML5的新特性,以及兼容性的处理过程进程和线程区别ajax get和post的区别前端性能优化的处理PC端

2015-05-22 11:01:18 421

原创 前端第四次电话面试

前端第四次电话面试刚刚打的电话,记得很清楚我们目前用的前端框架是什么面向对象语言的三大要素我用jQuery的感受,它的优缺点p元素和div元素的区别(语义化)client height,scroll height,offset height的区别block 和 inline-block 的区别inline 和 inline-block 的区别1.我说实情,我们现在没有前端框架(是不是

2015-05-18 18:19:16 535

原创 前端面试猜想

1.什么是web语义化 简单来说就是让机器可以读懂内容;具体来说,就是使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解2.什么是表现与数据分离 我认为的表现是“界面”,“界面”与数据的分离必须体现在代码上,界面的代码归界面,数据的代码归数据,数据访问代码时不能对UI有依赖,而界面代码修改时不用影响数据的代码未完续待

2015-05-15 11:11:33 371

原创 JavaScript调用模式(this的取值)以及,call(),apply()函数浅析

1.JavaScript调用模式 JavaScript一共有四种调用模式(方法调用模式,函数调用模式,构造器调用模式,apply调用模式)。调用一个函数时,会停止当前函数的执行,传递控制权和参数给新函数,除了声明时定义的形参外,每个函数还会接收两个附加的参数:this和arguments。参数this在面向对象的编程中非常重要,它的值取决于调用模式。(JavaScript:the good pa

2015-05-07 11:29:27 1046

翻译 基于原型的JavaScript对象和基于类的对象比较

首先举个形象的例子,如果建筑是基于类的系统,则建筑师会先画出房子的蓝图,然后房子都按照该蓝图来建造;如果建筑是基于原型的,建筑师首先会建一所房子,让后将房子都建成这种模样。 基于类的 基于原型的 1.定义类 1.定义原型对象 2.定义类的构造函数 2.定义对象的构造函数 3.实例化对象 3.将构造函数关联到原型 4.实例化对象基于类的对象实现/* step 1

2015-05-05 10:19:55 833

原创 记我第一次前端面试

记我第一次前端面试昨天下午我参加某公司的面试,是我第一次面试前端,流程如下:答了三个逻辑题js如何创建数组js如何创建对象如何用原生的js进行遍历HTML5的应用场景和优点HTML5的客户端存储当时没答上js如何创建对象,比较可惜,有三种方法,我之前的博客里面都有记记录直接使用对象字面量使用new Object使用Object。create()方法HTML5的网页浏览器支持情况

2015-04-28 10:38:51 1094

原创 jQuery metadata.js

#jQuery metadata.js##metadata.js 是一种支持固定格式解析的jQuery插件,即从DOM对象中提取元数据并返回此对象。

2015-04-25 14:19:38 850

原创 jQuery中的事件和动画

jQuery中的事件和动画1   jQuery中的事件1.1 加载DOMwindow.onload = function()  必须等到网页所有内容加载完毕才能执行      不能同时编写多个等价于$(window).load(function())$(document).ready(functio

2015-04-10 15:58:24 408

原创 jQuery中的DOM操作

jQuery中的DOM操作DOM分为3个部分,DOM Core ,HTML-DOM,CSS=DOM1,查找节点查找元素节点可以用$选择器,find()和children()方法。查找属性节点可以用attr()方法,也可以用$的属性过滤选择器 eg:($(“div[tittle]”)。2,创建

2015-04-08 11:21:48 399

原创 jQuery 2.1.3中的toggle() 有问题

$(function(){            $("#panel h5.head").toggle(function(){                $("div.content").fadeOut();            },function(){                $("div.content").fadeIn();                }

2015-04-03 09:46:08 785

原创 CSS和jQuery选择器

css选择器主要包括:标签选择器,ID选择器,类选择器,临近选择器,后代选择器,子选择器,属性选择器,群组选择器,通配选择器,伪类选择器~jQuery选择器主要包括:基本选择器,层次选择器,过滤选择器,表单选择器~1基本选择器,例如:$("#id"), $(".class"), $("div"), $("*"), $("div,span,p.myclass")~2层

2015-04-01 15:20:54 450

原创 js中对于数组push(),pop(),shift(),unshift()方法的具体应用

1,   push()和pop()使用的是栈方法(后进先出);shift()和push(),pop()和unshift()使用的是队列方法(先进先出)。2, 其中push()和unshift()是进入数组的方法,其中push()是从后面加入,unshift()是从前面加入。比如说数组[“green”,“red”,“orange”],对于一个元素,若想加入“blue”,使用push("blu

2015-03-13 17:16:37 6492 2

转载 src和href之间de区别

src和href之间存在区别,能混淆使用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译

2015-03-12 16:57:56 560

转载 js 中indexOf()函数的用法

indexOf()定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述searchvalue    必需。规定需检索的字符串值。fromindex    可选的整数参数。规定在字符串

2015-03-09 14:39:01 2524

原创 读js高级程序设计中有感

我现在都到js高级程序设计最难的章节,第六章,对象,虽然有人推荐不用全部读完,但我还是完整的读一遍吧,一遍可以敲代码一边看书理解加百度,我认为这种方式很好,可以加深理解增强印象,这是我觉得这本书比JS权威指南好的地方。先就这么写,以后有了新的想法再添加。

2015-03-08 17:45:54 414

转载 验证码的输入框与图片的对齐

input name="code"  /> img src="gif.aspx" align="absmiddle" />    在img里添加align=“absmiddle”

2015-03-05 10:03:27 1064

node.js实战 电子工业出版社 源码

node.js实战 电子工业出版社 赵昆 存志 雷宗民 吴中骅 源码

2015-11-17

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

TA关注的人

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