2011年5月6日
构建高性能网站，针对前台工程师--总结篇
摘要： 首先从一次完整的的请求说起：（以此为例get,www,baidu.com）1，webbrower 发出request，2，然后解析www.baidu.com为ip,找到ip的服务器，3，服务器处理请求资源并返回请求的内容，4，browser接受请求内容过程，（返回内容是按顺序读取的）4.1遇到外联css，就会并发去读取css内容（），4.2遇到图片时，回去并发读取图片，目前浏览器的并发数为2，4.3遇到js时则会阻塞其他请求。4.4加载完css后，browse开始渲染页面，4.5直到加载完页面中的文本资源，这时dom的结构已经确定，会出发 document.ready方法4.6 browse继 阅读全文
posted @ 2011-05-06 16:43 moxie 阅读(114) 评论(0) 推荐(0) 编辑
核心只要两行即可实现添加或移除className
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-05-06 16:40 moxie 阅读(236) 评论(0) 推荐(0) 编辑
js去前后空格
摘要： var str = "abcd "; str.trim(); 报语法错误 解决方法如下： str = str.replace(/^\s+|\s+$/g,""); 阅读全文
posted @ 2011-05-06 16:35 moxie 阅读(161) 评论(0) 推荐(0) 编辑
2011年5月5日
50个CSS编辑工具
摘要： 网格和布局The 1KB CSS Grid新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用。Variable Grid System基于 960px 的常规CSS网页布局工具，用于快速生成基本的 CSS 网格。Grid Designer 2可控性强，选项丰富的网格系统，支持 CSS 在线即时输出。Design By Grid PNG Grid Generator生成用于CSS网格的 PNG 图片，以方便地用作 PSD 或 HTML/CSS 设计背景，免除手工制作网格的麻烦。nP: Grid Generator用于设计布局结构，制定列、边缘、间距等参数。YAML Builde 阅读全文
posted @ 2011-05-05 23:29 moxie 阅读(589) 评论(0) 推荐(0) 编辑
学习jquery应该了解的几篇文章
摘要： 1.使用jQuery简化Ajax开发简介：jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。2.jQuery性能指标和调优简介：jQuery 无疑是一个出色的 JavaScript 库，但它的性能如何？在其易用性和优异 Web 页面性能之间进行折衷是否值得？它 阅读全文
posted @ 2011-05-05 10:06 moxie 阅读(287) 评论(0) 推荐(0) 编辑
2011年5月3日
2011年值得注意的5个设计趋势
摘要： 在过去的12个月里，我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有，像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过，下面列举的这些关于web设计领域的技术趋势，我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。1. 抛弃Flash无论Adobe与苹果的Flash之战你站在哪一边，越来越多的网站和开发者开始远离非Flash不可的视频、动画和网站导航这都是一 阅读全文
posted @ 2011-05-03 00:18 moxie 阅读(131) 评论(0) 推荐(0) 编辑
2011年5月2日
css总结
摘要： 1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容.但需要注意的是,请不要使用全局Reset:*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距.在此建议参考YUI Reset和Eric Meyer的做法./** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol 阅读全文
posted @ 2011-05-02 10:02 moxie 阅读(345) 评论(0) 推荐(0) 编辑
2011年5月1日
html中js增加删除行
摘要： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 添加删除行 附件数量 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords 阅读全文
posted @ 2011-05-01 11:37 moxie 阅读(1829) 评论(0) 推荐(0) 编辑
2011年4月29日
HTML5给Web带来9大改变
摘要： Adobe和Apple围绕Flash发生的冲突是今年上半年的一个焦点事件，引起了很多人的关注，其中也有不少人因这一事件第一次了解到HTML5的存在。初次了解HTML5的人可能会非常惊讶，HTML5规范早在6年前就开始制定了，然而，时至今日尽管HTML5规范草案已经非常好，但何时真正成为标准却仍然不确定。的确，HTML5规范制定委员会工作进展非常缓慢。因为关于如何改进浏览器和改进Web世界，不管是浏览器供应商还是其他人都有太多的想法，而这些都要汇聚到HTML5规范中并达成一致，这需要时间。许多新的标签和JavaScript函数尽管已经在一些浏览器上进行了实验，但互操作性和标准化问题还没有解决。比 阅读全文
posted @ 2011-04-29 21:58 moxie 阅读(463) 评论(0) 推荐(0) 编辑
2011年4月28日
了解CSS挂马及相应防范方法
摘要： 随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。网站挂马的手段最初非常单一，但是随着Web2.0技术以及Blog、Wiki等广泛的应用，挂马也涌现出各种各样的技术，其中CSS挂马方式，可以说是Web2.0时代黑客的最爱。有许多非常著名的网站都被黑客用CSS挂马入侵过。建议大家在点击陌生链接时，要多个心眼，大网站也是可能被挂马的。大家在上网时，最好还是使用一些带网页木马拦截功能的安全辅助工具。黑客为什么选择CSS挂马?在Web1.0时代，使用E挂 阅读全文
posted @ 2011-04-28 17:00 moxie 阅读(156) 评论(0) 推荐(0) 编辑