摘要：
CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑大小写不敏感虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的.test{ background-COLOR:#a00; width:100px; height: 100px;}虽然把background-color写为了background-COLOR，但仍然会生效，之所以写成小写是因为xhtml标准的关系，但是即使不是xhtml还是写成小写比较好，美观、易读而且可以应对可能的转换需求选择器优先级当两个规则都作用到了同一个html元素上时，如果定义的属... 阅读全文
摘要：
在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样都能实现某些效果，但并不是所有的方式效果都相同，我们看过不少关于JavaScript方面的语法优化知识，其实CSS里面也有一些CSS压缩CSS压缩并不是什么高端的姿势，但却很有用，其原理很简单，就是把我们CSS中没用 阅读全文
摘要：
前些日子辞掉了工作，比较轻松，有大把的时间写博客神马的，陆续面了几个不错的互联网公司，有成功的也有失败的，阿里的面试及offer都来的很意外，还没来得及投百度，由于阿里给的条件及工作内容都让我很满意了，唯一的遗憾是得离开北京去杭州，不知道现在还要不要投投其他的也试试。至于为什么选在年前离职，其实这并不在我的计划内，从毕业起就在这个很小的公司工作，只有六、七个开发人员，但是感觉自己学到了很多东西，工作内容也很有创造性，但最近半年来对老板给公司制定的方向感觉不是很认同，还有非常多的因素就不多说了，让我工作效率很低，有时候带着抵触情绪工作，这样做出来的东西可想而知。继续做下去只能是耗着，耗到年终拿个 阅读全文
摘要：
在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见，但有时候我们已经为了reset而reset，我们经常看到这样的reset代码div{ padding:0px; margin:0px;}span{ margin:0px; }其实大部分CSS reset是没必要的，多写了只会增加浏览器在渲染页面是的负担，当然有同学会说CSS reset还是有其意义的，这个我也承认，但是我们可以通过了解一些标签的CSS属性的默认值来避免过度的reset标签属性默认值由于大部分的CSS reset都是针对padding、border、margin，我们就先看看常用标签的... 阅读全文
摘要：
在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 28 29 30 31 32 33 我们希望看到的效果是这样的但结果却是这样的父容器并没有把浮动的子元素包围起来，俗称塌陷，为了消除这种现象，我们需要一些清除浮动的技巧。2 如何清理浮动清理浮动一般有两种思路利用 clear属... 阅读全文
摘要：
在上篇博客最简单的JavaScript模板引擎说了一下一个最简单的JavaScript模版引擎的原理与实现，作出了一个简陋的版本，今天优化一下，使之能够胜任日常拼接html工作，先把上次写的模版函数粘出来function tmpl(id,data){ var html=document.getElementById(id).innerHTML; var result="var p=[];with(obj){p.push('" +html.replace(/[\r\n\t]/g," ") .replace(//g,"');p... 阅读全文
摘要：
在小公司待久了感觉自己的知识面很小，最近逛博客园和一些技术网站看大家在说JavaScript模版引擎的事儿，完全没有概念，网上一搜这是08年开始流行起来的。。。本来以为这是很高深的知识，后来在网上看到jQuery作者John Resig，研究了一下，算是明白了最简单的javaScript模版引擎的原理，并没有想象的那么高大上，写篇博客推导一下John Resig写法的过程，写出一个最简单的JavaScript模版引擎。什么是JavaScript引擎其实在网站开发中模板还是很常见的一种技术，比如PHP的Smarty、ASP.NET的Master Page等，但这些模板都是基于服务器的，JavaS 阅读全文
摘要：
上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法，有了这些基本知识，可以看看正则表达式在JavaScript的应用了，在一切开始之前，看看RegExp实例的几个属性RegExp实例对象有五个属性global：是否全局搜索，默认是falseignoreCase：是否大小写敏感，默认是falsemultiline：多行搜索，默认值是falselastIndex：是当前表达式模式首次匹配内容中最后一个字符的下一个位置，每次正则表达式成功匹配时，lastIndex属性值都会随之改变。source：正则表达式的文本字符串除了将正则表达式编译为内部格式从而使 阅读全文
摘要：
定义 JavaScript种正则表达式有两种定义方式，定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2. 字面量 var reg=/<%[^%>]%>/g; g： global，全文搜索，默认搜索到第一个结果接 阅读全文
摘要：
用了几天node.js感觉很新奇，但是调试问题实在是愁煞人，开始的时候懒的学习调试方法，看看异常内容就可以了，但随着代码复杂程度的上升，并不是所有错误都是语法错误了，不调试搞不定了，只好搜搜资料，学习了一下怎么调试。不用每次都重启服务的supervisor使用过PHP的同学肯定都清楚，修改了某个脚本文件后，只要刷新页面服务器就会加载新的内容，但是node.js在第一次引用到某个文件解析后会将其放入内存，下次访问的时候直接在内存中获取，以提高效率，但是这对我们开发造成一定困扰，修改了某个module后只能重启服务器后才能生效，调试起来效率还是很低的。于是乎node.js中有了supervisor 阅读全文