网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
Tweenmax 各种缓动
2016年12月28日
1，Linear变化字面意思就很好理解，线性变化，就是匀速。 2，Back变化。Back有回来的意思，在缓动前，会先往回运动一段距离。 3，Bounce变化。顾名思义，在变化前会几次回归原点，好像在弹一样。 4，Circ变化。运动的曲线是一个圆形的弧度。 5，Cubic变化。跟圆形变化差不多，不过更平滑些。 6，Elastic变化跟Back变化有点像，但是会有一个很强的波动。在EaseIn和Eas...
jQuery.ajax() 函数详解
2016年12月26日
jQuery.ajax()函数用于通过后台HTTP请求加载远程数据。jQuery.ajax()函数是jQuery封装的AJAX技术实现，通过该函数，我们无需刷新当前页面即可获取远程服务器上的数据。jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、 jQuery.post()、 load()、 jQuery.getJSON()、 jQuery.getScrip...
jQuery.on() 函数详解
2016年12月26日
on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。on()支持直接在目标元素上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下，即使是执行on()函数之后新添...
Jquery closest()函数
2016年12月26日
closest()函数用于从当前匹配元素开始，逐级向上级选取符合指定表达式的第一个元素，并以jQuery对象的形式返回。这里的表达式包括：选择器(字符串)、DOM元素(Element)、jQuery对象。该函数属于jQuery对象(实例)。语法jQuery 1.3 新增该函数。jQueryObject.closest( expr [, context ] )参数参数描述exprString/Ele...
首屏时间？你先要知道这几点细节
2016年12月22日
做移动web页面，受移动网络网速和终端性能影响，我们经常要关注首屏内容展示时间（以下简称首屏时间）这个指标，它衡量着我们的页面是否能在用户耐心消磨完之前展示出来，很大程度影响着用户的使用满意度。 怎么获取首屏时间呢？我们经常要先问自己：页面是怎么加载数据？A：加载完静态资源后通过ajax请求去后台获取数据，数据回来后渲染内容在每个点打上一个时间戳，首屏时间 = 点8 – 点1；B：使用后台直出，返...
CSS盒模型宽度理解
2016年12月21日
内盒尺寸计算（元素大小）：element高度=内容高度+内距+边距（height为内容高度）element宽度=内容宽度+内距+边框（width为内容宽度）下面看实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面布局</title> <link href="css/Add-Style....
js判断是否是PC,IOS,Android客户端
2016年12月21日
写在前面在项目中使用html5，需要针对不同的客户端浏览器有不一样的处理方式，这就需要对请求中的useragent进行分析，并进行处理。一个例子<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Wolfy.RedirectDemo.Default" %> <!DOCTYPE...
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（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角...