[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
Canvas绘制刮刮乐效果
分类：前端开发时间：2018-05-08阅读：(2669)标签：javascript, html5, canvas - 最近朋友做html5营销页挺多的，想着一直写js，html5的东西也好久没写过了。今天就来折腾一下，看看canvas的东西，然后想到刮刮乐效果。这个以前同事也分享过，不过时间太久，也忘记了。熟悉PS的话，就很清楚图层的概念。刮刮乐就是两个图层，奖项图层在下面，上面盖一层灰色的遮住。挂掉灰色图层，镂空显示出下面的奖项图层。根据html的canvas手册实验了几下，发现不能清除画的某个图案，会直...
-
remjs解决移动端适配问题
分类：前端开发时间：2018-05-03阅读：(3623)标签：css, 移动开发, js - 现在移动设备屏幕尺寸繁多，比如iPhone SE到iPhone Plus，安卓机品类更多。为了用户体验，不同屏幕我们都得去适配。在移动端页面制作，我们一般会把单位px换成rem，然后通过媒体查询，js计算等方式，修改html的字号大小，从而整体修改页面大小，打到适配效果。大屏幕就让文字稍微大点，小屏幕下文字就稍微小点。整体比例上看起来是一致的。对于rem，在W3C官网上是这样描述的：“fon...
-
js数组去重
分类：前端开发时间：2018-04-14阅读：(2106)标签：js, 面试题 - 前端面试通常都会问到数组去重的问题。方法一思路：1，定义一个新数组用于存放结果；2，遍历要去重的数组，把遍历的那个元素去新数组里比对，如果有相同的，忽略，没有，则存放到新数组里。代码：const unique = (arr)=>{ let res = []; arr.forEach((v,i)=>{ if(res.indexOf(v) == -1)...
-
移动端网页判断设备横竖屏旋转
分类：前端开发时间：2017-06-13阅读：(2976)标签：html5 - 在移动端，设备可以旋转，网页的宽度也会随着旋转而变化。为了适应这些变化，可以通过window.orientationchange事件来监听旋转，通过window.orientation或者screen.orientation.angle的值来判断旋转方向。window.orientation: 0: 竖屏 -90：横屏，左在上 90：横屏，右在上 180：竖...
-
composition事件控制表单输入字数的长度
分类：前端开发时间：2017-06-06阅读：(6493)标签：javascript - 我们在做表单内容输入的时候，常常会有一些字数长度限制，超过多少个字后不能再输入，在这种需求下，我们通常用input来判断字符串的length，然后做value的截取和重新赋值，但这样会有一个问题，就是当我们输入汉字的时候，每一个键盘按键都会触发input。比如表单里还可以输入两个字符，但我输入中文用的是拼音，全拼，要完成最后两个汉字的输入，需要按很多个字母键，但每一键都会因为input事件而...
-
Chrome下定位fixed引起的页面元素抖动
分类：前端开发时间：2017-05-04阅读：(6600)标签：css3 - 问题描述：chrome下，header是用的fixed定位到顶部的，页面有图片列表，hover图片的时候图片会scale放大，这时会发现header会抖动，刷新页面后hover图片又不抖动了，但滚动页面再hover，header又会抖动。解决方法：在fixed定位的元素样式上加transform: translateZ(0);搞定。网上还有其它解决方法，需要再查。
-
CentOS7编译安装MySQL5.7.17
分类：Linux时间：2017-03-16阅读：(7477)标签：linux - 先准备MySQL的安装包，可以去官网下载，也可以在其它镜像资源网站下载。搜狐的http://mirrors.sohu.com/mysql/MySQL-5.7/。MySQL5.7需要boost_1.59,指明了就这个版本的，其它版本不行。也可以下载包含boost的mysql：mysql-boost-5.7.X。安装预装软件依赖包yum -y install gcc gcc-c++ ncurse...
-
yum常用命令
分类：Linux时间：2017-03-16阅读：(2530)标签：linux - yum（全称为 Yellow dog Updater, Modified）是一个在Fedora和RedHat以及SUSE中的Shell前端软件包管理器。基於RPM包管理，能够从指定的服务器自动下载RPM包并且安装，可以自动处理依赖性关系，并且一次安装所有依赖的软体包，无须繁琐地一次次下载、安装。yum提供了查找、安装、删除某一个、一组甚至全部软件包的命令，而且命令简洁而又好记。yum的命令形...
-
微信小程序开发踩坑纪要
分类：前端开发时间：2017-02-17阅读：(7144)标签：微信 - 开始微信公众平台申请小程序账号，需要企业资质。获取APPID。下载并安装小程序开发工具。创建项目，如果要在手机预览，需要填写APPID。选择quik start,自动创建demo，熟悉其结构与开发规范。熟悉开发文档结合开发者文档，在demo上做修改调试，熟悉框架，组件，API与常见问题。在demo项目中可以看到wxml,wxss,js,json这几种格式的文件，在每一个页面中都必须有这几个文...
-
高性能javascript各章节小结
分类：前端开发时间：2016-11-05阅读：(2844)标签：javascript - 1，加载和执行Javascript在浏览器中的性能，可以认为是开发者所面临的最严重的可用性问题。多数浏览器使用单一进程来处理用户界面UI刷新和Javascript脚本执行，so，同一时刻只能做一件事。JS执行过程耗时越久，浏览器等待响应的时间就越长。管理浏览器中的JS代码是个棘手的问题，每次遇到<script>标签，页面都必须停下来等待代码下载并执行，然后继续处理其他部分。尽管如...
