网站前端

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

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

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

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)。

webstorm 入门指南(九)

2016年12月14日

JsTestDriver 的使用JsTestDriver 是 javascript 单元测试工具,webstorm 集成了 JsTestDriver ,可以直接使用。1.在你的根目录中插入JsTestDriver的配置文件jsTestDriver.conf内容可能如下:(根据本机目录的实际情况配置)server: http://localhost:9876 load: - assets/3...