[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
前端页面有哪三层构成，分别是什么？作用是什么？
分类：前端开发时间：2015-09-25阅读：(1922)标签：css, html - 今儿被人问到前端页面有哪三层构成，分别是什么？作用是什么？前端干了那么久，细思极恐，网上查查，一下内容为转载，转载的太多也不知道原创是谁了，就当来自互联网吧。最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了...
-
Javascript正则表达式
分类：前端开发时间：2015-09-12阅读：(1561)标签：javascript, 正则表达式 - 三天不练手生，很久没用正则，都忘了，今天又遇到了javascript正则表达式，有必要重拾起来巩固一下。 **定义字符集：** [a-z] 表示a到z这26个小写字母之间某一个； [A-Z] 表示A到Z这26个大写字母之间某一个； [0-9] 表示0到9之间某一个数字； [cbd] 表示cbd三个字母任意匹配一个；**特别字符：** ^ 表示字符串的开始位置； $ 表示字符串的结束位置；...
-
Typecho文章阅读统计和热门文章插件
分类：资源工具时间：2015-09-11阅读：(2098)标签：cms - 这是一款Typecho插件——Views，具备文章阅读次数统计和浏览次数最多的文章排行功能。使用方法：下载并安装并启用Views插件；插件下载：typecho_views.zip在要显示浏览统计数据的地方添加以下代码：<?php Views_Plugin::theViews(); ?> 在要显示最受欢迎文章的地方添加以下代码：<?php Views_Plugin::theM...
-
CSS伪类单冒号和双冒号
分类：前端开发时间：2015-07-22阅读：(4021)标签：css3, html5 - 以前在写css的时候，可能只注意到了伪类，用冒号，但css3中支持一些伪元素，这些伪元素就需要用到双冒号了。so,冒号是伪类，双冒号是伪元素。举个例子：a:hover{background:#F00;}/*这是伪类*/ p::selection{background:#F00;}/*这是伪元素*/
-
javascript进制转换
分类：前端开发时间：2015-07-08阅读：(1395)标签：javascript - //十进制转其他var x=110;alert(x);alert(x.toString(8));alert(x.toString(32));alert(x.toString(16));//其他转十进制var x='110';alert(parseInt(x,2));alert(parseInt(x,8));alert(parseInt(x,16));//其他转其他//先用parseInt转成...
-
PHP换行常量和路径斜杠常量
分类：PHP时间：2015-06-24阅读：(2643)标签：php - 不同系统中，换行和斜杠不同，为了可以兼容，跨平台，用PHP自带的常量来替换“rn”、“n”、“/”、“”。DIRECTORY_SEPARATOR是php常量 ，解决路径斜杠问题。define(‘DS’, DIRECTORY_SEPARATOR);//常量名太长，可以定义一个简写的常量来替换。PHP_EOL解决换行问题。
-
图片垂直居中
分类：前端开发时间：2015-06-11阅读：(2885)标签：css - <p>在一些情况下，我们需要将图片在div中垂直居中，可是css只有水平居中，img的属性也没有垂直居中的，怎么解决呢？</p><p>在table中，图片、checkbox等元素都可以水平和垂直居中，如果不用table怎么办？那就用div模拟table了。给div样式设置display:table-cell，让div以table表格显示。but,这个主流浏...
-
sql优化小笔记
分类：SQL时间：2015-06-11阅读：(1567)标签：mysql, sql - 运行sql前，explain分析一下sql执行情况，一定范围内，模糊查询的时候用instr替换like，用临时表比用in效率高。
-
阻止事件冒泡和默认事件
分类：前端开发时间：2015-06-04阅读：(5935)标签：javascript, jquery - 在元素标签嵌套中，可能会有各级元素绑定了不同的事件，例如<dt><a>标题</a></dt>，a标签绑定了事件，dt也绑定了事件，如果促发a的事件，则会冒泡到dt上，dt的事件也会被触发。阻止事件冒泡，用e.stopPropagation()；$('dt').click(function() { $(this).toggleClass('on...
