2年前端应该会哪些妙技

近来我地点的创业公司雇用前端,需求以下:

1. 请求最少两年以上前端开辟履历;
2. 闇练掌握h5各特征,能自力完成h5页面开辟,并处置惩罚页面在各浏览器及各屏幕尺寸上的css款式兼容题目;
3. 具有雄厚的挪动端webApp开辟履历,通晓挪动端的手势交互、机能优化、前端组件化、vue.js 、webpack等;
4. 能够运用h5的canvas举行庞杂图象绘制的优先。

然后收到很多封简历,介入面试了一些求职者,深感优异前端工程师之稀缺、前端职员程度之良莠不齐,所以写下自身以为2年前端应该会的妙技,若有不妥,请人人斧正。

HTML
HTML5新标签(video/audio/canvas)
表单标签,以及HTML5新属性
构造语义化

HTML自身并不难,新出的HTML5标签挺多,然则现实用到的着实主要照样多媒体、表单这些,w3schoolsw3cplus 多看看,再写几个DEMO就差不多了

CSS
block、inline、inline-block、替代元素 各自的规划特性
字体方面的细节:font-face、行高、多行对齐、溢出省略…
float、定位、完成三栏规划、圣杯规划等等

上面这些着实基本得不能再基本的内容,就不再多说了,下面说说CSS3的新手艺吧
flex 规划,挪动端已能很好的支撑了
transition、animation、transform、transform3d
多背景、background-size、background-position、background-clip
渐变

挪动端 viewport 观点,rem 适配等

JS
ES6 客岁都宣布了,ES5的手艺你得会吧,比方:
数组的 forEach、map、every、some、reduce
Object.defineProperty() 等等

ajax、跨域题目处置惩罚方案
作用域链、原型链、闭包、预诠释及变量提拔、this指向
原生 DOM 操纵,事宜处置惩罚、新增加的 drag 事宜
HTML5新API,经常使用的有 FileReader、地理位置
观察者形式、宣布定阅形式
MVC 代码分层

ES6 的部份语法
let、const、暂时性死区
import / export 模块化(AMD/CMD/UMD)
解构赋值
对象属性简写
Promise
箭头函数(没有自身的 this 和 arguments)

JS库
jQuery/zepto
这还用说嘛,我以为jQuery 依然是最典范的JS库,API设想之文雅,用起来之惬意,无出其右
touch.js/hammer.js 触摸事宜是个坑
iscroll 转动
angular / react / vue 得会一个吧
SPA 得相识,写过项目吧

NodeJS、东西
npm
nodejs 写简朴服务器,最少运用 express、http-proxy-middleware 二十多行代码搭建一个当地服务器,设置代办,还能够处置惩罚 ajax 跨域题目
gulp/webpack
svn/git

以上都照样运用阶段,不触及源码解读什么、架构思想什么的,种种手艺最少得会运用得闇练。

前端这几年最先爆炸式的生长,和之前的 jQuery + bootstrap 开辟已差异很大了。
着实最主要的照样自我进修才能,涌现一项手艺,能够疾速的经由过程文档进修相识,遇到题目能够科学上网,Google、stackoverflow 找到处置惩罚方案

我问我师傅,你是怎么能坚持七八年如一日不断进修的呢?
师傅想了想说,真的对这个行业充满热忱

手艺这条路着实挺简朴,不须要斟酌那么多,然则须要耐得住孤单,肯动思想肯专心。

坚持热忱、勤奋、斗争

    原文作者:syaka
    原文地址: https://segmentfault.com/a/1190000007439325
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞