网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
jQuery 源码分析和使用心得 - core.js
2017年04月10日
core是jQuery的核心内容, 包含了最基础的方法, 比如我们常用的 $(selector, context), 用于遍历操作的 each, map, eq, first 识别变量类型的 isArray, isNumeric, type 等 . 这些方法为jQuery后续操作提供最基础的支持. 构造函数 jQuery( selector, context ) 说到jQuery, 大家可能最熟...
jQuery核心源码core.js分析
2017年04月10日
10月 19, 2010 关于JQuery作者John Resig(1984.5.8)，Mozilla基金会Javascript技术支持。作者的主页：http://ejohn.org/，有影响的网站。 2006年发布，目前是1.4.2版本。 26.95%的网站使用JQuery。 JQuery及其相关项目由Mozilla基金会支持，得到了包括Google，微软，惠普，IBM等的认可。 ...
小球碰撞Canvas效果
2017年04月09日
最精有朋友问我怎么用Html5做一个小球碰撞的效果，参考了一下资料做了一个。详细代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小球碰撞</title> <link href="css/ball.css" rel="stylesheet"> <script src="js/ut...
Jquery消息提示插件toastr使用详解
2017年04月08日
toastr是一个基于jQuery简单、漂亮的消息提示插件，使用简单、方便，可以根据设置的超时时间自动消失。1、使用很简单，首选引入toastr的js、css文件 html<script src="<%=path%>/res/toastr/toastr.min.js"></script> <link rel="stylesheet" href="<%=path%>/res/toastr/toas...
HTML <textarea> 标签的 wrap 属性
2017年04月08日
wrap 属性通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。wrap="virtual...
WebUploader上传文件
2017年04月08日
最近有人在博客问，如何用WebUploader上传文件，代码片段如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WebUploader文件上传</title> <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min....
jQuery 事件 - preventDefault() 方法
2017年03月31日
防止链接打开 URL：$("a").click(function(event){ event.preventDefault(); });定义和用法preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。语法event.preventDefault()参数描述event必需。规定阻止哪个事件的默认动作。这个 event 参数来自事件绑定函数。
jQuery怎么调整li元素的顺序
2017年03月30日
jQuery如何调整li元素的顺序(如何用jq对ul li排序)jQuery如何调整li元素的顺序:在实际应用中可能需要调整li元素的相对顺序，比如将一个li元素插入到另一个li元素的后面或者前面，下面通过实例代码介绍一下如何利用jquery实现此功能，代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta n...