- 博客(88)
- 收藏
- 关注
RSS订阅转载 JSON
JSON详解JSON的全称是”JavaScript Object Notation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。XML也是一种数据交换格式，为什么没有选择XML呢？因为XML虽然可以作为跨平台的数据交换格式，但是在JS(JavaScript的简写)中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSO
2016-03-14 13:31:30
410
转载 CSS 垂直居中
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy .Absolute-Center { margin: auto; position: ab
2016-03-01 11:56:45
586
原创 js事件代理
1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好处呢：1，提高性能。我们可以看一个例子：需要触发每个li来改变他们的背景颜色。
2016-02-29 22:36:29
764
转载 javascript 事件模型
事件的触发有三个阶段document 往事件触发地点，捕获前进，遇到相同注册事件立即触发执行到达事件位置，触发事件（多谢 @糖果果 指出 问题 ，@update 14/2/19 如果该处既注册了冒泡事件，也注册了捕获事件，按照注册顺序执行）事件触发地点往 document 方向，冒泡前进，遇到相同注册事件立即触发这么说很多人比较迷糊，我们在注册事件的时候，通常使用的是 捕获 或者
2016-02-28 22:00:42
424
转载 Git使用教程
Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如
2016-01-31 00:46:31
434
转载 H5 响应式设计
1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px}@media screen and (min-width:321px) and (max-width:37
2015-12-25 10:05:07
1500
原创 CSS 之rem
开始的时候为了解决适配的字体问题我们用了em 但是它需要一个参考点em：一般来说都是以body的font-size = 16px;为基准 所以 我们可以使用1em = 10px 比如说我们使用“1em”等于“10px”来改变默认值“1em=16px”，这样一来，我们设置字体大小相当于“14px”时，只需要将其值设置为“1.4em”。“li”的“1.4em”是不是“14px”将是一个问号
2015-12-15 13:50:07
1398
转载 CSS3 Box-shadow
CSS3 的 box-shadow 有点类似于 text-shadow，只不过不同的是 text-shadow 是对象的文本设置阴影，而 box-shadow 是给对象实现图层阴影效果。本文我们搁下IE不谈，只谈谈 box-shadow 的具体使用方法语法：1box-shadow:insetx-offset y-offset blur-rad
2015-12-15 10:25:04
423
原创 PHP中单引号和双引号的区别
” ” 双引号里面的字段会经过编译器解释，然后再当作HTML代码输出。‘ ‘ 单引号里面的不进行解释，直接输出。从字面意思上就可以看出，单引号比双引号要快了。例如：$abc=’my name is tome’;echo $abc //结果是:my name is tomecho ‘$abc’ //结果是:$abcecho “$abc” //结果是:my name
2015-12-14 16:24:05
358
转载 inline-block
基础知识display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。举例说明：以前我们做横向菜单列表的时候
2015-11-16 00:47:33
439
转载 Flex 布局
一、Flex布局是什么？Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。
2015-11-15 17:02:49
1235
原创 box-shadow
外阴影：box-shadow:X Y Npx #color;内阴影：box-shadow:inset X Y Npx #color;第一个属性：阴影的X轴(可以使用负值)第二个属性：阴影的Y轴(可以使用负值)第三个属性：阴影的像素（大小）第四个属性：阴影的颜色内阴影：inset 这个可以设置内部阴影box-shadow: 0px 0 px 5px red
2015-11-07 13:00:23
468
转载 伪元素
层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-let
2015-11-07 10:41:31
591
原创 PHP empty和isset区别
对于初学php的人来说，empty()和和isset()用法的区别是很难搞清楚的，他们的用法的差别不仔细去琢磨的话确实很难弄清楚。先说一下他们的共同点：都可以判定一个变量是否为空；都返回boolean类型，即true或false。下面具体说一下他们用法之间的区别：isset()用来检测变量是否设置，只能用于变量，因为传递任何其它参数都将造成解析错误。若想
2015-10-26 20:07:21
426
转载 jsnew关键字
new关键字做了什么在JavaScript中，使用new关键字后，意味着做了如下四件事情：创建一个新的对象，这个对象的类型是object；设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数（指prototype.construtor所指向的构造函数）中设置的；执行构造函数，当this关键字被提及的时候，使用新创建的对象的属性；返回新创建的对象（除非构造方法中返回
2015-10-21 17:20:03
793
转载 网页性能管理
一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分成五步。HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制（paint）在屏幕上这五步里面，第一步到
2015-09-26 11:03:29
407
转载 YAHOO 14条优化原则
YaHoo Web优化的14条法则Web应用性能优化黄金法则：先优化前端程序(front-end)的性能，因为这是80%或以上的最终用户响应时间的花费所在。法则1. 减少HTTP请求次数80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等，的下载上。减少页面元素将会减少HTTP请求次数。这是快速显示页面的关键所在。一种减少
2015-09-21 13:42:24
429
转载 js == 和 ===
首先，== equality 等同，=== identity 恒等。 ==， 两边值类型不同的时候，要先进行类型转换，再比较。 ===，不做类型转换，类型不同的一定不等。一言以蔽之：==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。 下面分别说明： 先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 1、如果类型不同，就[不相等
2015-09-20 13:38:12
374
转载 CSS sprite
无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。虽然它真正流行是在 A List Apart 解释并认可这个技术之后，但是早在 2003 年 7 月份，Peter Stanicek 就已经开始谈论它了。目前大多数的开发人员对这个技术都有相当地掌握，也有很多关于它的教程和文章。几乎所有的文章中都宣
2015-09-18 20:12:33
495
转载 子弹飞
花姐问：老三，去上海还是浦东，去上海还是浦东？葛优（马邦德）回头看姜文并大声回答：上海就是浦东，浦东就是上海。黄四郎大笑：哈哈哈哈哈哈……最后笑的就是黄四郎。 夫人被花姐代替。夫人说了，她只做县长夫人，谁是县长，她无所谓。花姐也是，她本来就是JI 女，她跟老大老二老三都无所谓，老二是悍匪，而且自己说了对女人没兴趣。当初第一次得到钱的时候，唯一没说带钱走的就是老二，
2015-09-18 11:59:42
667
转载 让子弹飞
一结局大揭秘1黄四郎没有死，他打死了武智冲，穿着汤师爷的衣服出现在了火车上2汤师爷的没有说完的第一个秘密是老二是他告密害死的， 第二个秘密是他喜欢花姐，花姐是卧底。3花姐给黄四郎的礼盒里面装的是两颗钻石， 黄四郎一看就知道花姐已经搞定了汤师爷和老二和老三， 于是便假装卖个人情给花姐放过老二和老三，本来他是带人来干掉他们的。4花姐搞定了老三却没有
2015-09-18 11:03:12
780
转载 圆角边框
圆角矩形一向是设计师最倾心的一种设计，因为他们可以让整个网页生动起来，不那么死板，所以，作为一个优秀的网页设计师，学会一种或多种编辑圆角矩形的方法是必不可少的，而且圆角矩形应用范围极广，一个网页内的所有矩形基本上都需要设计为圆角矩形，这样网页才不会那么死气沉沉！工具/原料一些简洁、直观、强悍的前端开发框架，如bootstrap方法/步骤
2015-09-17 12:14:11
646
转载 html3大元素
HTML元素分为三大类：块状元素：网页框架基本结构块：html、body、frameset、frame、noframe、iframe表单结构块：form、filedset、legend布局结构块：div段落结构块：p标题结构块：h1-h6列表结构块：ol、ul、dl、dt、dd、menu、dir居中结构块：center预定义结构块：pre引用结构块：blockquote结构装饰线：
2015-09-15 11:58:49
516
转载 固定布局的几种方式
自适应布局在现在的布局中，很容易遇见，下面是在平时工作中对左右两边固定，中间自适应，且中间内容优先显示布局的一些总结，希望能帮到大家，如果大家有更多更好的意见，欢迎补充！页面布局如下：第一种：左右两边绝对定位法,中间用margin-left、margin-right；#main{margin:0 200px; overflow: hidden
2015-09-14 02:42:08
2495
转载 cmd命令大全
刚接触电脑的时候是从DOS系统开始，DOS时代根本就没有Windows这样的视窗操作界面，只有一个黑漆漆的窗口，让你输入命令。所以学DOS系统操作，cmd命令提示符是不可或缺的。可以告诉大家，大多数的程序员牛人或计算机专家在DOS系统下的操作是非常了得的，所以菜鸟要想成为计算机高手，DOS命令是非学不可。 直到今天的Windows系统，还是离不开DOS命令的操作。学习DOS系统操作，首先了解
2015-09-13 19:56:57
451
转载 浏览器解析过程
1. 首先嘛，你得在浏览器里输入要网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：浏览器缓存 – 浏览器会缓存DNS记录一段时间。 有趣的是，操作系统没有告诉浏览器储存DNS记录的时间，这样不同浏览器会储存个自固定的一个时间（2分钟到30分钟不等）。系统缓存 – 如果在浏览器缓存里没有找到需要的记录，浏览器会做
2015-09-13 19:28:05
679
转载 Web浏览器兼容性测试
Web浏览器兼容性测试工具如何选择？对于前端开发工程师来说,网页兼容性测试工程师而言，确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情，幸运的是，有很多优秀的工具可以帮助测试浏览器的兼容性，领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具让我们一起看看这些很棒的工具吧。 Spoon Browser Sandbox 点击你需要测试的浏览器环境，安装插
2015-09-13 12:40:47
884
转载 浏览器的工作原理
一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari，Safari是部分开源的
2015-08-24 16:07:14
447
转载 严格模式和混杂模式
Doctype(document type 文档类型)的简写，来告诉浏览器以何种方式解析。1：过度的(Transitional,也叫混杂模式)：要求比较宽松，允许继续使用HTML4.01的标识，完整声明为DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD
2015-08-19 21:33:25
980
原创 js 作用域与作用域链
The more hard you work The more luck you getvar socpe = "global";function t(){ console.log(scope); var scope = "local"; consloe.log(scope);}t();(PS: console.log()是firebug提供的
2015-08-17 19:22:58
388
原创 内存优化及作用域(scope)
If you can do something better ,Why not?作用域(scope)作用域在JavaScript内存管理中起着至关重要的作用；能够形成作用域的有函数的调用 with语句（有时间要看看with） 和全局作用域。var foo = function(){ var local = {};//局部变量};foo();//当执行完这个函
2015-08-15 23:22:34
429
转载 Var 的作用
var的副作用隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。这表明，在技术上，隐式全局变量并不是真正的全局变量，但它们是全局对象的属性。属性是可以通过delete操作符删除的，而变量是不能的：// 定
2015-08-13 01:04:47
1339
转载 什么是堆 什么是栈 它们在哪里
在通常情况下由操作系统（OS）和语言的运行时（runtime）控制吗？它们的作用范围是什么？它们的大小由什么决定？哪个更快？答案一栈是为执行线程留出的内存空间。当函数被调用的时候，栈顶为局部变量和一些 bookkeeping 数据预留块。当函数执行完毕，块就没有用了，可能在下次的函数调用的时候再被使用。栈通常用后进先出（LIFO）的方式预留空间；因此最近的保留块（reserved bloc
2015-08-13 00:54:50
609
转载 this 指针
1：全局代码中的this alert(this); //window 全局范围内的this将会指向全局对象，在浏览器中就是window。2：单纯的函数调用 function fooCoder(x){ this.x = x;}fooCoder(2);alert(x);//this指向了全局变量，也还是window 在严格模式中 就是undef
2015-08-11 20:24:05
411
转载 面试可能的知识点和坑
JavaScript的基本类型原始类型(基本类型 值类型) “number string boolean null undefined”对象类型 "object function Date Array"String在很多编程语言中string类型都是引用类型，JavaScript中的string却是基本类型，在JavaScript中字符串是一组由16位值组成的不可变的有序序
2015-08-10 21:47:07
602
原创 函数表达式 和函数声明
首先来看一个题目 var f = function g(){return 23;}typeof g();会输出什么 function 还是什么？？？答案 会发生错误 error！还有就是下面两种声明方式有什么不同。function foo(){};//函数声明和 var bar = function foo(){};//函数表达式首先让我们看看函数和函数表达
2015-08-09 23:06:25
596
原创 值类型 和引用类型以及
首先 看看JavaScript里面的类型值类型：数值 布尔值 null undefined引用类型 对象 数组 函数简单来说 声明一个值类型变量 就相当于在栈上分配一个空间。存储在栈(stack)中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。function chainStore(){ var store1 = "Nike China";
2015-08-08 23:54:23
330
原创 堆和栈
1：程序内存的分配 栈区(stack)——由编译器自动分配释放 存放函数的参数值 局部变量的值等等，其操作方式类似于数据结构中的栈。 堆区（heap）—— 一般由程序员自己分配释放 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式倒是类似于链表 全局区(静态区 static ) 全局变量和静态变量的存储是放在一起的 ，初始化的全
2015-08-08 23:27:05
348
转载 从jQuery里面看变量与作用域
万丈高楼平地起，要了解闭包应用，就首先要了解它的基础。而这一节，我们遇到的片段，就是这个基础的所在——变量声明变量 变量的英文名为variable，其前三个字母正是我们在JS声明变量的关键字——var。那么，我们先来看一下如何去声明一个变量：/* * 声明变量的格式为 * var 变量名 初始化变量表达式列表（可选） */ var a=1, b, c="tes
2015-08-08 09:42:16
5547
转载 闭包阮一峰
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。
2015-08-06 08:05:30
2375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人