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

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

vim常用快捷键

分类:笔记碎片时间:2015-11-03阅读:(953)标签:tool, vim
一. 移动: h,j,k,l: 左,下,上,右。 w: 下一个词的词首。W:下一个单词(不含标点)。 e:下一个词的词尾。E:不含标点。 b:上一个词的词首。B:不含标点。 <>: v 模式选中后进行缩进。 二. 跳转: %: 可以匹配{},"",(),[]之间跳转。 H、M、L:直接跳转到当前屏幕的顶部...

用 javascript 判断 IE 版本号

分类:前端开发时间:2015-10-25阅读:(815)标签:javascript
今天一个项目中需要判断IE版本号,又因为 jQuery 2.0 去除了对浏览器版本号的判断(它推荐特性检测),于是就看到一老外写的一段代码:var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( ...

Markdown简明语法

分类:笔记碎片时间:2015-10-18阅读:(997)标签:tool, markdown
基本符号*,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码,tab是用来标记 代码段,分别对应html的code,pre标签 换行单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号,然后是空行,表示 hr横线 标题生成h1--h6,在文字前面加上 1--6个# 来实...

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

分类:前端开发时间:2015-09-30阅读:(3372)标签:javascript, study
今天看到这篇文章。写的非常有意思。发现自己才处于”入室”阶段。骚年,路还很长,继续前行。【背景】如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不...

常用CSS简写

分类:前端开发时间:2015-09-29阅读:(1317)标签:css, css3
CSS简写就是指将多行的CSS属性简写成一行。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:font简写的顺序:font-style | font-variant | font-weight | font-size/line-height | font-family,(字体样式,大小写,粗细,字号大小/行高,字体名)。简写...

checkbox第三种状态indeterminate

分类:前端开发时间:2015-09-28阅读:(1267)标签:html
checkbox只有两种值:选中(checked)或未选中(unchecked)。它可以有任何值,但是表单提交时checkbox的值只能是checked或unchecked。它的默认值是unchecked,你可以在HTML中这样控制它:<!-- Default to unchecked --> <input type="checkbox"> &l...

Js判断类型的方法

分类:前端开发时间:2015-09-26阅读:(919)标签:javascript
Javascript中判断类型的方法有好几种,但不是随便哪一种都行的,有特殊的情况会发生。通常判断可能会用到typeof,instanceof等,最好的方法是下面的:Object.prototype.toString.call(var)=='[object Array]' / '[object String]' ... 例如:判断字符串var str = 'abc'; console.log...

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

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

Javascript正则表达式

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

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

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