网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。

css3(border-radius)边框圆角详解

2016年12月20日

传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4一、border-radius属性CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角...

CSS3制作文本省略

2016年12月20日

利用text-overflow:ellipsis来制作文本省略符号,效果如下:代码:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;

优雅降级和渐进增强的区别

2016年12月19日

之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种:.transition{ -webkit-transition: all .5s; -moz-transition: all .5s; ...

Javascript用户代理检测

2016年12月18日

/** * Created by HuangBing on 2016-12-18. */var client = function () { var engine = { //呈现引擎 ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //具体的版本...

-moz火狐 (firefox)CSS

2016年12月18日

Mozilla浏览器支持一些扩展的CSS是以-moz开头的。这些措施包括了一些功能,包括圆形边界,并能够指定不同的方块的宽度和高度的计算,在非标准方式下,这种css在Mozilla浏览器下执行计算更容易得到支持。 有些特性在后来被提议列入的CSS规范,但标准的属性与-moz属性还是有些不同。 其中一些非标准属性只适用于Mozilla浏览器。 在CSS 的兼容时往往不同的浏览器会有自己的识别专用符...

js中event的target和currentTarget的区别

2016年12月16日

js中的event对象包含很多有用的信息target:触发事件的元素。currentTarget:事件绑定的元素。两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:<ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li>...

Knockout无法获取当前Url

2016年12月16日

最近在用Knockout+asp.net mvc绑定的时候怎么也无法获取当前的Uri代码如下;<div class="col-lg-2"> <a class="btn btn-success margin-top-20" data-bind="click:createRoleModal,attr:{href:'@Url.Action("CreateRole","Account")'}"> ...

event.target

2016年12月16日

1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target)。