网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
前端工程的夢幻逸品：Angular 2 開發框架介紹
2017年03月08日
目前 Angular 2 已經進展到 RC4 版本，在過不久的將來就要推出正式版本，許多人磨刀霍霍，既期待又怕受傷害。期待的是，希望 Angular 2 能夠真正解決我們開發 Web 應用程式的各種難題，不單單只是網站而已，還必須考量到 SPA 架構、開發效率、執行效率、行動裝置、原生 App 應用、伺服器渲染、多國語支援、開發工具、… 等多種面向，想也知道這不是個容易的任務。害怕的是，不知道這個...
uaredirect.js加载失败导致网页打开速度慢
2017年03月07日
最近网站打开特别慢，用Chrome看一下加载之后如图：可以看到这个js（http://siteapp.baidu.com/static/webappservice/uaredirect.js）加载了10多秒。查了一下资料这个是百度的一个判断访问设备的js文件，如果是手机访问，自动跳转到手机页面。不知道最近怎么了，那个js无法访问，之后只能自己写一个判断设备的跳转js。具体的代码可以参考我这篇文章：...
HTML5 本地裁剪图片并上传至服务器
2017年03月05日
很多情况下用户上传的图片都需要经过裁剪，比如头像啊什么的。但以前实现这类需求都很复杂，往往需要先把图片上传到服务器，然后返回给用户，让用户确定裁剪坐标，发送给服务器，服务器裁剪完再返回给用户，来回需要 5 步。步骤繁琐不说，当很多用户上传图片的时候也很影响服务器性能。HTML5 的出现让我们可以更方便的实现这一需求。虽然这里所说的技术都貌似有点过时了（前端界的“过时”，你懂的），但还是有些许参考价...
通过Ajax方式上传文件，使用FormData进行Ajax请求
2017年03月05日
通过传统的form表单提交的方式上传文件：<form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> <h1 >测试通过Rest接口上传文件 </h1> <p >指定文件名： <i...
百度判断手机终端并自动跳转uaredirect.js代码及使用实例
2017年03月05日
uaredirect.js是百度siteapp下的一款跳转的产品，使用起来很方便。你可以用这款JS跳转到手机版，也可以跳转到任何你想跳转的位置。js代码如下：function uaredirect(f) { try { if (document.getElementById("bdmark") != null) { return ...
在线代码编辑器 CODEMIRROR 配置说明
2017年03月03日
CodeMirror是一款在线的支持语法高亮的代码编辑器。官网： http://codemirror.net/下载后，解压开得到的文件夹中，lib下是放的是核心库和核心css，mode下放的是各种支持语言的语法定义，theme目录下是支持的主题样式。一般在开发中，添加lib下的引用和mode下的引用就够了。使用示例首先，要引用是 lib 目录下的 codemirror.js，还有一个就是同目录下的...
summernote Java实现图片上传
2017年03月03日
summernote Java实现图片上传的一些代码，整理之后发布出来，和大家共享。如果有问题，请加后面的群号，在群内提问。首先是引入相关文件：初始化summernote编辑器：页面显示效果：前端上传代码：后台处理上传的图片（java实现）： 最总的一些显示效果： ASP.NET MVC 使用summernote 富文本编辑器请参考这里：summernote asp.net mvc实现图片上传本...
手机端页面自适应解决方案—rem布局进阶版（附源码示例）
2017年02月27日
该方案使用相当简单，把这段 原生JS 放到 HTML 的 head 标签中即可（注:不要手动设置viewport，该方案自动帮你设置）!function(e) { function t(a) { if (i[a]) return i[a].exports; var n = i[a] = { exports: {}, ...