- 博客(36)
- 资源 (11)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 前端性能优化－－DOM操作
缓存DOM对象在内存中操作元素由于DOM操作会导致浏览器的回流，回流需要花费大量的时间进行样式计算和节点重绘与渲染，所以应当尽量减少回流次数。一种可靠的方法就是加入元素时不要修改页面上已经存在的元素，而是在内存中的节点进行大量的操作，最后再一并将修改运用到页面上。一次性DOM节点生成在这里我们每次都需要生成节点（document.createElement("li")），然后将其加入到内存片段中，我们可以通过innerHTML属性来一次性生成节点，具体的思路就是使用字符串拼接的方式，先生成相应的HT
2015-05-14 14:07:43
1092
转载 懒加载
在各种门户网站中，都有大量的图片，尤其是电子商务网站，更多的产品图片，这个时候如果直接访问主页的话，会有很多的图片需要浏览器下载，特别是在网速不好的情况话，打开一个网站需要很长的时间，比如京东首页，而且在很多情况下，用户是不会看网站的每一个图片的，用户只是挑选自己感兴趣的产品，这种情况下，就会有很多的带宽浪费，还会带来不好的用好体验。 于是图片懒加载的技术就出来了，懒加载是
2015-05-13 15:52:29
952
转载 JavaScript 事件委托
转自：http://www.html-js.com/article/JavaScript-JavaScript-the-event-delegate-to-implement-event-can-be-configured事件委托在JavaScript里，通常要做的一件事是绑定事件，比如用户在页面的点击、滚动等，然后执行注册的回调函数，这样就响应了用户的某种行为。简
2015-05-12 19:54:51
542
转载 js阻止浏览器的默认行为以及停止事件冒泡
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1.阻止浏览器的默认行为[java] view plaincopyfunction stopDefault(e) { //如果提供了事件对象，则这是一个非IE浏览器 if(e && e.prevent
2015-05-12 19:53:52
2950
转载 网页重构——bigpipe中的页面构建优化
题记：搞互联网的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站（数据来自性能测试网站http://gtmetrix.com/）。网站的内容、SEO优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更次要。所以提高网页效率，是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优化。一、HTTP请求数的权衡
2015-05-12 19:49:43
611
转载 jQuery自执行
代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为什么只有一个匿 名函数又没看到运行（当然是运行了……），就能有jQuery这么个函数库了？于是，我
2015-04-21 13:02:40
606
原创 note for HTML5权威指南
accesskey 属性 （快捷键）Name : input type="text" name="name" accesskey="n" />在windows系统上同时按下Alt键和accesskey属性值对应的键，键盘焦点会转移到Name对应的input元素。 contenteditable 属性 （编辑修改）p contenteditable="true" > I miss
2015-04-21 12:58:41
1277
转载 雅虎团队经验：网站页面性能优化的34条黄金守则
1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术
2015-01-14 22:39:57
661
转载 javascript (function(){})()
代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为什么只有一个匿 名函数又没看到运行（当然是运行了……），就能有jQuery这么个函数库了？于是，我
2014-11-12 16:59:20
529
转载 32位和64位系统区别及int字节数
一）64位系统和32位有什么区别？ 1、64bit CPU拥有更大的寻址能力，最大支持到16GB内存，而32bit只支持4G内存2、64位CPU一次可提取64位数据，比32位提高了一倍，理论上性能会提升1倍。但这是建立在64bit操作系统，64bit软件的基础上的。 什么是64位处理器？之所以叫做“64位处理器”，是因为电脑内部都是实行2进制运算，处理器（C
2014-10-16 22:59:49
612
原创 jQuery Mobile移动开发
1.在<head>元素中包含JavaScript文件是传统的方法。然而，根据Yahoo！”80%的最终用户响应时间在前端上”的说法，这些事件大部分花在资产的下载上，例如样式表，图片，脚本等。减少这些资产的数量明显很重要，在HTML文件的最后包含JavaScript也变得更加常见。这是因为脚本阻止并行下载，也就是说其他资产在每个脚本单独下载完之前无法下载。为了确保脚本放在正确的位置，在</html>结束标记之前包含它。2.注意：创建自定义 data- 属性的唯一限制是属性的自定义部分的长度至少为一个字符，
2014-10-05 11:00:03
1889
转载 cookie ，session 和localStorage的区别详解
当你在浏览网站的时候，WEB 服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都纪录下来。当下次你再光临同一个网站，WEB 服务器会先看看有没有它上次留下的 Cookie 资料，有的话，就会依据 Cookie里的内容来判断使用者，送出特定的网页内容给你。 Cookie 的使用很普遍，许多有提供个人化服务的网站，都是利用 Cookie来辨认使用
2014-09-02 12:40:08
12787
1
原创 Head First HTML5 Programming 学习笔记
1.HTML5 提供了本地存储，2D绘图，离线支持，套接字和线程等诸多特性。2.问：这在老式的浏览器上也能用？就像这些新的doctype, meta之类的标记？老式浏览器怎么处理这些新语法呢？ 答：对，靠点聪明，也靠点运气。就拿link和script标记上的type属性为例，如今在HTML5中去掉这个属性是合理的，因为CSS和JavaScript现在已经成为标准（当然也是默认的样式和脚本样式）。不过，事实上，浏览器早已经假定默认使用CSS和JavaScript。所以标准一致，真是碰巧，浏览器多年
2014-09-01 15:11:55
3318
转载 JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash6、利用JSONP本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用
2014-08-26 14:49:38
563
原创 HTML5游戏开发实战--注意点
1.WebSocket是HTML5标准的一部分，Web页面可以用它来持久连接到socket服务器上。该接口提供了浏览器与服务器之间的事件驱动型连接，这意味着客户端不必再每隔一个时间段就需要向服务器发送一次新的数据请求。当有数据需要更新时，服务器就可以直接推送数据更新给浏览器。该功能的好处之一就是玩家之间可以实时进行交互。当一个玩家做了些事，就会向服务器发送数据，服务器将广播一个事件给其他已连接的所有浏览器，让它们知道玩家做了什么。这样就使得制作HTML5网络游戏成为可能。2.随着现代浏览器对HTML5元
2014-07-28 00:00:03
2352
1
原创 详解VMware 9.0.1安装MAC OS X 10.8(历时近3日感想篇)
突然心血来潮，想用VMware 9.0.1安装MAC OS X，但网上的文章多多少少总有点缺陷，不能适合每一个人，在综合了近30篇安装MAC OS X的文章后，我决定发布一篇比较大众化，比较详尽的MAC OS X安装过程。一、准备工作：（1）虚拟机系统：vmware workstation 9，（或vmware player），请自行在网上下载。（2）vmware的MAC补丁包。如果你使用的是vmware10，请下载补丁包V1.20，如果是vmware8或9，请下载补丁包V1.10。（3）安装的苹
2014-06-29 18:03:52
4909
转载 js继承的实现
js继承有5种实现方式： 1、继承第一种方式：对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,pass
2014-06-23 22:07:51
534
转载 JS面向对象编程---对象
在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误，因为大家总是用面向过程的编程思想来写JS代码，而且也由于网络上充斥了太多小“巧”的JS代码段，很多都是随意而为，很不规范，这也就造成了大家对JS的“误解”，一味的认为它就是一个辅助的小东东，而不适合做大
2014-06-23 21:25:10
606
转载 javascript深入理解js闭包
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无
2014-06-23 20:42:03
600
原创 JSP+Ajax网站开发小知识
1.<select name="love" size="3">其中的size属性指定了列表框显示选项的条数，如果所有选项多于这个数，将会出现滚动条。 2.addCookie(Cookie cookie)方法将其放入客户端，获取Cookie对象可调用request对象的Cookie[] getcookies()方法。 Cookie myCookie = new Cookie("name", "Tom"); respense.addCookie
2014-06-15 23:35:33
1437
2
原创 Web前端--黑客技术揭秘（菜鸟知识）
一，Web安全的关键点1.同源策略是众多安全策略的一个，是Web层面上的策略，非常重要。2.同源策略规定：不同域的客户端脚本在没明确授权的情况下，不能读写对方的资源。3.同域要求两个站点同协议，同域名，同端口。4.当然，在同一个域内，客户端脚本可以任意读写同源内的资源，前提是这个资源本身是可读可写的。5.安全类似木桶原理，短的那块板决定了木桶实际能装多少水。一个Web服务器，r
2014-06-03 23:28:42
7108
原创 jQuery实战小知识
一.基础篇1.jQuery通常对任何需要执行操作（除了那些微不足道的JavaScript操作）的页面都非常有用，而且也高度关注如何帮助页面开发者在页面中使用不唐突的JavaScript。采用jQuery的解决方案，把行为从结构中分离出来，正如把样式从结构中分离出来一样，他能使我们更好地组织页面，增加代码的灵活性。 尽管事实上jQuery仅仅向JavaScript命名空间引入
2014-05-02 13:58:36
913
转载 JS操作JSON
转自：http://blog.csdn.net/ycyangcai/article/details/4136662JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单
2014-04-15 23:19:07
460
原创 css伪类伪元素
在CSS中，模式（pattern）匹配规则决定那种样式规则应用于文档树(document tree)的哪个元素。这些模式叫着选择符（selector)。 一条CSS规则(rule)是选择符{属性:值;属性:值;}（selector {property:value;property1:value2;}），即选择符决定了{}中的声明(declaration)匹配哪个元素。类：在HTML中当表现
2014-04-12 19:05:29
497
转载 互联网协议入门（下）
上一篇文章分析了互联网的总体构思，从下至上，每一层协议的设计思想。这是从设计者的角度看问题，今天我想切换到用户的角度，看看用户是如何从上至下，与这些协议互动的。==============================================================互联网协议入门（下）（接上文）七、一个小结先对前面的内容，做一个小结。我们已经知道，
2014-04-12 11:44:04
586
转载 互联网协议入门（上）
我们每天使用互联网，你是否想过，它是如何实现的？全世界几十亿台电脑，连接在一起，两两通信。上海的某一块网卡送出信号，洛杉矶的另一块网卡居然就收到了，两者实际上根本不知道对方的物理位置，你不觉得这是很神奇的事情吗？互联网的核心是一系列协议，总称为"互联网协议"（Internet Protocol Suite）。它们对电脑如何连接和组网，做出了详尽的规定。理解了这些协议，就理解了互联网的原理。
2014-04-12 11:15:19
539
转载 linux的du和df命令
今天也有同学问我Linux下查看目录大小的命令，现在也将前阵子学习到du/df两个命令总结一下吧。前阵子测试工作中有遇到过由于磁盘空间满导致程序无法执行到情况，所以使用了df和du两个命令。du查看目录大小，df查看磁盘使用情况。我常使用的命令（必要时，sudo使用root权限），1.查看某个目录的大小：du -hs /home/master/documents 查看目录下所
2014-03-29 22:18:27
485
转载 网站工作秘诀--从浏览器到服务器
导读：我们访问一个网站或网页的时候，流程是先在浏览器中打入地址，随后获得网站传过来的信息，对于普通用户来说并不需要了解到底这流程是如何工作的，不过如果是网络开发或应用工作者，当然要清楚其中的原理。作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你输入一个网
2014-03-20 20:34:17
696
转载 快速排序
一、选取最后一个元素在我们的课本中，看到最多的就是选择第一个元素作为中轴，但是在很多书上却选择最后一个元素作为中轴。下面就让我们来一睹选取最后一个元素作为中轴的快排。注：本文中的所有算法都采用双向扫描法，即，设两个下标i和j，i和右扫描，j向左扫描，直到i不小于j。而当下标为i的数小于中轴时，跳过并继续向右扫描，否则停止扫描，并开始j的向左扫描，相对地，当下标为j的数大于中轴时，跳
2014-03-16 19:17:33
580
转载 计算机网络应用层 之 P2P
一、什么是P2P对等网络（PeertoPeer，简称P2P）也称为对等连接，是一种新的通信模式，每个参与者具有同等的能力，可以发起一个通信会话。这个定义有点抽象，下面就来简单地解释一下。粗略地讲，应用程序可以设计成采用客户机/服务器体系结构或对等体系结构（P2P）。我们日常生活中的许多应用程序，包括web、电子邮件和DNS，都是使用客户机/服务器体系结构；而文件分发，例如大家熟悉的
2014-03-16 19:16:11
835
原创 HTML5与CSS3权威指南
第一章：Web时代的变迁HTML5放心使用的理由：兼容性：HTML5在老板本的浏览器上也可以正常运行；实用性：HTML5内部并没有封装什么很复杂的，不切实际的功能，而只是封装了简单实用的功能；非革命性的发展：HTML5的内部功能不是革命性的，只是发展性的。第二章：HTML5与HTML4的区别1.DOCTYPE声明：2.指定字符i编码：3.不允许写结束标记的元
2013-11-03 23:46:18
2437
1
原创 计算机网络
第一章：概述1.网络是指“三网”，即电信网络，有线电视网络和计算机网络。2.计算机网络最重要的2个功能：连通性和共享。3.网络由若干结点和连接这些结点的链路组成。网络中的结点可以是计算机，集线器，交换机或路由器等。4.网络和网络还可以通过路由器互连起来，这样就构成了一个覆盖范围更大的网络，即互联网（互连网）。5.网络把许多计算机连接在一起，而因特网则把许多网络连接在一起。i
2013-09-15 19:05:38
1473
原创 css
是否包含空格不会影响 CSS 在浏览器的工作效果，同样，与 XHTML 不同，CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。id 选择器以 "#" 来定义。注意：id 属性只能在每个 HTML 文档中出现一次。注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。要使用内联样式，
2013-09-14 10:16:15
295
原创 MySQL小提示
使用配置向导时，可以将MySQL注册为系统服务，MySQL会随Windows自动启动。这样免除了每次手动输入启动命令的麻烦，如果不想安装服务，可以取消【Install As Windows Service】选项旁边的复选按钮。如果读者不需要经常使用MySQL，可以在配置向导中不选择【Launch the MySQL Server automatically】选项，根据需要使用net命令启动或者关闭
2013-02-28 23:20:42
912
原创 Java Web
第一章：JSP简介 WWW服务具有的特点：以超文本，超媒体的方式组织网络内的消息资源用户可以通过WWW浏览器获取Internet上任意网址的信息提供直观，易于使用的图形用户界面 WWW服务的核心技术是超文本语言HTML，信息资源的统一定位格式URL和超文本传送协议HTTP 后缀名为htm或者html的网页时静态网页，其不足：不能及时更新信息，页面
2012-11-12 23:57:48
1148
darwin.iso
2014-07-07
优化快速排序
2014-06-27
计算机网络应用层 之 P2P
2014-06-27
HTML5与CSS3
2014-06-27
计算机网络
2014-06-27
MySQL小提示
2014-06-27
Java Web的各个章节
2014-06-27
mysql 错误：1146 ,Table "XXX" doesn;t exist
2015-01-15
getJSON跨域问题。。。
2014-12-11
求 第 n 大 的 丑 数
2014-11-24
求 最接近的值 C语言
2014-11-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人