[ Web前端工程师编程能力飞升之路 ]

本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。

前端页面有哪三层构成,分别是什么?作用是什么?

分类:前端开发时间:2015-09-25阅读:(2109)标签:css, html
今儿被人问到前端页面有哪三层构成,分别是什么?作用是什么?前端干了那么久,细思极恐,网上查查,一下内容为转载,转载的太多也不知道原创是谁了,就当来自互联网吧。最准确的网页设计思路是把网页分成三个层次,即:结构层、表示层、行为层。网页的结构层(structural layer)由 HTML 或 XHTML 之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了...

Javascript正则表达式

分类:前端开发时间:2015-09-12阅读:(1711)标签:javascript, 正则表达式
三天不练手生,很久没用正则,都忘了,今天又遇到了javascript正则表达式,有必要重拾起来巩固一下。 **定义字符集:** [a-z] 表示a到z这26个小写字母之间某一个; [A-Z] 表示A到Z这26个大写字母之间某一个; [0-9] 表示0到9之间某一个数字; [cbd] 表示cbd三个字母任意匹配一个;**特别字符:** ^ 表示字符串的开始位置; $ 表示字符串的结束位置;...

Typecho文章阅读统计和热门文章插件

分类:资源工具时间:2015-09-11阅读:(2293)标签:cms
这是一款Typecho插件——Views,具备文章阅读次数统计和浏览次数最多的文章排行功能。使用方法:下载并安装并启用Views插件;插件下载:typecho_views.zip在要显示浏览统计数据的地方添加以下代码:<?php Views_Plugin::theViews(); ?> 在要显示最受欢迎文章的地方添加以下代码:<?php Views_Plugin::theM...

CSS伪类单冒号和双冒号

分类:前端开发时间:2015-07-22阅读:(5219)标签:css3, html5
以前在写css的时候,可能只注意到了伪类,用冒号,但css3中支持一些伪元素,这些伪元素就需要用到双冒号了。so,冒号是伪类,双冒号是伪元素。举个例子:a:hover{background:#F00;}/*这是伪类*/ p::selection{background:#F00;}/*这是伪元素*/

javascript进制转换

分类:前端开发时间:2015-07-08阅读:(1561)标签: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阅读:(2980)标签:php
不同系统中,换行和斜杠不同,为了可以兼容,跨平台,用PHP自带的常量来替换“rn”、“n”、“/”、“”。DIRECTORY_SEPARATOR是php常量 ,解决路径斜杠问题。define(‘DS’, DIRECTORY_SEPARATOR);//常量名太长,可以定义一个简写的常量来替换。PHP_EOL解决换行问题。

图片垂直居中

分类:前端开发时间:2015-06-11阅读:(3073)标签:css
<p>在一些情况下,我们需要将图片在div中垂直居中,可是css只有水平居中,img的属性也没有垂直居中的,怎么解决呢?</p><p>在table中,图片、checkbox等元素都可以水平和垂直居中,如果不用table怎么办?那就用div模拟table了。给div样式设置display:table-cell,让div以table表格显示。but,这个主流浏...

sql优化小笔记

分类:SQL时间:2015-06-11阅读:(1757)标签:mysql, sql
运行sql前,explain分析一下sql执行情况,一定范围内,模糊查询的时候用instr替换like,用临时表比用in效率高。

阻止事件冒泡和默认事件

分类:前端开发时间:2015-06-04阅读:(7088)标签:javascript, jquery
在元素标签嵌套中,可能会有各级元素绑定了不同的事件,例如<dt><a>标题</a></dt>,a标签绑定了事件,dt也绑定了事件,如果促发a的事件,则会冒泡到dt上,dt的事件也会被触发。阻止事件冒泡,用e.stopPropagation();$('dt').click(function() { $(this).toggleClass('on...

css3过渡效果

分类:前端开发时间:2015-05-28阅读:(5299)标签:css, css3
css3的过渡效果,从一种样式逐渐过渡到另外一种样式:transition。transition 简写属性,用于在一个属性中设置四个过渡属性。例如:transition:width 2s linear 1s; //用两秒的时间以匀速改变宽度,效果在一秒后开始。transition-property 规定应用过渡的 CSS 属性的名称。例如:transition-property:width;...
首页