首页> 前端开发

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

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

常用CSS简写

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

Js判断类型的方法

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

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

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

Javascript正则表达式

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

CSS伪类单冒号和双冒号

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

javascript进制转换

分类:前端开发2015-07-08阅读:(969)标签: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转成...

图片垂直居中

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

阻止事件冒泡和默认事件

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