白色的海

摘要： 毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终... 阅读全文

摘要： 现在的网页中显示很多图标算是常态，发现项目中页面上用到的图标都是单个图标单个文件，用的时候直接往页面上挂，这确实很常态。如果，网站是挂在外网上，或者网速过低，又大量使用图标的情况下，由于浏览器和服务器的并发连接数是受限的，通常是4~8个，那么图标显示过慢或者超时的情况就会发生。当然了，像采用CDN，... 阅读全文

摘要： IE下默认会开启缓存策略，不管是页面还是通过ajax请求的数据都会议一个url，url是uri（统一资源定位符）的实例，url就是资源的标识符。 写一个demo进行验证，测试环境：IE8，node.js 0.12.7，页面模板为jade。 页面代码：testCache.jade 页面上放一个按钮，点 阅读全文

摘要： 策略模式中的策略就是一种算法或者业务规则，将这些策略作为函数进行封装，并向外提供统一的调用执行。 先定义一个简单的输入表单： 一般在页面上编辑信息后的提交动作中，都需要对输入的信息进行验证，会看到把很多负责check的代码写在提交函数中或者写在一个独立的check函数中。 比如像下面这样。 这样的写 阅读全文

摘要： 概念块级：block内联：inline内联块级：inline-block在html元素中，元素会有display属性display属性默认值是block，那么该元素是块级元素。display属性默认值是inline，那么该元素是内联元素。没有元素的display默认值是inline-block。di... 阅读全文

摘要： 在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步，完成一个能够一张一张的连续图片加载的功能。功能：1.一张一张加载图片。2.加载错误，超时后显示加载失败图片。对于功能的要求，肯定会存在对加载状态事件的处理以及完成时回调函数的处理，这样不仅会造... 阅读全文

摘要： 页面初始化中，用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码});他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触... 阅读全文

摘要： 图片的预加载就是在加载大图片前，先显示一个loading.gif，就算在网络比较慢的时候也能让人知道正在加载，总比啥反应都没有强。 下面这段代码就是预加载的一个简单的实现，假设先不处理加载图片时的onError，onAbort，超时的问题。 只关注代码的结构。 以下预加载的代码功能上是满足了，但是它 阅读全文

摘要： 标签包含了页面文档的上下文信息。主要包含的上下文信息：1.配置了服务器向浏览器响应时，http协议的head信息，浏览器根据head执行相应操作。2.对页面的描述信息，便于搜索引擎分类查找。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确地关闭。标签必选的属性是conten... 阅读全文

摘要： 标签必须放在整个html文档的第一行，之后一行就是从标签开始，所有浏览器都支持标签。标签是用来告诉浏览器用哪个html版本解析当前的html页面。其中很多DOCTYPE中都带有DTD声明，DTD就是html文档的规范说明，主要有：strict（严格）、transitional（过度）、framese... 阅读全文