摘要： 一、数据包详细信息 Packet Details面板内容如下，主要用于分析封包的详细信息。 帧：物理层、链路层 包：网络层 段：传输层、应用层 1）Frame 物理层数据帧概况 2）Ethernet II 数据链路层以太网帧头部信息 3）Internet Protocol Version 4 互联网 阅读全文

摘要： 一、字符集 1）字符与字节（Character） 字符是各种文字和符号的总称，包括乱码；一个字符对应1~n个字节，一字节对应8位，每位用0或1表示。 2）字符集（Character Set） 字符集是多个字符的集合，每个字符集包含的字符个数不同，常见字符集名称：ASCII字符集、GB2312字符集、 阅读全文

摘要： CSS动画并不是绝对比JavaScript动画性能更优越，开源动画库Velocity.js等就展现了强劲的性能。 一、两者的主要区别 先开门见山的说说两者之间的区别。 1）CSS动画： 基于CSS的动画一般由浏览器“主线程”之外的独立线程处理，在其中执行样式、布局、绘制和 JavaScript。 使 阅读全文

摘要： 一、网络优化 YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。 1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存 通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。 之所以要做合并压缩是因为： 阅读全文

摘要： 我在写CSS的时候经常会碰到些麻烦事儿： 1）看上去蛮简单的排版却写了很久 2）代码写的越来越散，总是这里补一句，那里补一句，没有条理性 3）margin、padding、font-size等属性在不停的重写 效率提不上去，工期又赶，最后只能加班加点做。 后面仔细想想，其实自己可以做的更有计划性，更 阅读全文

摘要： 以前曾用Canvas合成、裁剪、图片等《用H5中的Canvas等技术制作海报》。这次用Canvas来画文字。 下图中“老王考到驾照后”这几个字是画在Canvas上的，与在PS中打入的字非常接近，毫无违和感。 前面一段时间也在研读JavaScript设计模式相关的知识，这次正好小小的实践一下，但对设计 阅读全文

摘要： 最近在研读另外一本关于设计模式的书《JavaScript设计模式》，这本书中描述了更多的设计模式。 一、创建型设计模式 包括简单工厂、工厂方法、抽象工厂、建造者、原型和单例模式。 1）简单工厂 又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。 两种实现方式，第一种是通过类实例化对象创 阅读全文

摘要： 最近搞了台Macbook Pro，就学习了一下Linux命令，在网上查了些资料，看了本书叫《快乐的 Linux 命令行》，里面涉及到了各个方面的命令。 在此将常用的整理出来，以备将来使用。 一、文件系统中跳转 1）pwd 打印出当前工作目录名。 2）ls 列出一个目录包含的文件及子目录。 ls 命令 阅读全文

摘要： 最近在研读一本巨著《JavaScript忍者秘籍》，里面有一篇涉及到了正则表达式。 我在以前也曾经写过一篇正则表达式相关的文章《JavaScript与PHP中正则》，这次再做些补充。 书中的源码可以在此下载。我将源码放到了线上，如果不想下载，可以直接访问在线网址，修改页面名就能访问到相应示例代码。 阅读全文

摘要： 最近在研读一本巨著《JavaScript忍者秘籍》，里面有一篇文章提到了这3个概念。 书中的源码可以在此下载。我将源码放到了线上，如果不想下载，可以直接访问在线网址，修改页面名就能访问到相应示例代码。 一、DOM特性和DOM属性 attribute（特性），是我们赋予某个事物的特质或对象，attri 阅读全文