网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
小球碰撞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...
webuploader一个页面多控件上传
2017年03月29日
最近在做页面多个地方需要图片上传，选用webuploader上传图片，因为webuploader使用的是Id,大家知道一个页面Id不能有重复。 之后在网上找了很多资料，感觉现在项目紧张，一直没有时间去更具项目修改，最直接的方法每个地方改一下iD，之后在更改对应的js 但是这样做的时候会出现各种各样莫名奇妙的问题 同一个页面中循环构造两个上传控件，结果发现第一个控件的一...
WebUploader获取文件上传成功路径问题
2017年03月29日
最近在使用WebUploader的时候，上传文件成功，但是怎么也获取不到返回的图片文件成功路径，上传成功后，返回文件代码如下：uploader.on('uploadSuccess', function (file, response) { var imgurl = response.url; //上传图片的路径 alert(imgurl);});之后看一下浏览器调试结果：可以看到img...