web:前端的发展目标
1.思考:
目前国内前端好多分支,有的前端在UED部门,有的在设计部门,有的在技术部门,所以首先全面发展,然后在相关公司就找准自己的定位,
在技术部门的你就疯狂钻研JavaScript,死扣兼容性问题,
在UED部门你就可以关注一些交互,提高自己的耍嘴皮子能力哦不,沟通能力
在设计部门你就扣css细节,像素级别的,关注各种布局和效果的技术实现,提高设计稿还原度和效率
目前来看,我在技术部门,急需提高自己的技术水平,工程化水平等等相关的,其他的多多了解。
然后,拿现在的项目来说,我急需提高自己的JQ,dataTable , bootstrap && express 的能力,
接下来才是项目的搭建等等
2.现在前端:
1)高效准确的还原设计稿
1) css3精通不为过
2)sass/styuls/less
3)H5特性
工具书:w3c: http://www.w3schools.com/ 或中文 w3school 在线教程
CSS3笔记
H5笔记
2)精通浏览器兼容性问题
1) Autoprefixer
2)mocha.js / JsLint
3)精通JavaScript
1)es5,
2) es6,
3) es7
4) 设计模式
5)数据结构(含算法)
4)熟悉与后台的数据交互
5)广泛涉猎产品和交互设计
6)工程化开发(独立开发,利用VUE、react框架开发)
1)前后端不分离开发
2)vue2
3)react
4)ng2
主打一个框架,其他的也就触类旁通了,
剩下的一些开发模式也大同小异,
如:小程序(类似于VUE的写法,实际为react的思想)
7)学一门后端语言:
1)目前:nodejs 了解一点,可以更加了解
3.提升
1)必须!!!正则的运用,运用到各个方面的能力 --- 开发速度非常大的提升!!
2)必须!! 工具的熟练运用,主打工具的非常非常熟练的运用,其他常见工具的熟练运用,其他不常见工具的了解和能用
1)git/SVN
2)webstorm
3)babel
4)webpack
5)nodejs/npm
3)TypeScript
4)Web安全
5)网络:
1)http
2)websocket
现阶段分析:
1.理解需求 ⬇️ 2.掌握工具集 JQ (尤其是数组,选择器这一块) Bootstrap dataTables && express(路由route) ⬇️ 3.代码产出 遇到问题的解决思路: 1.借助搜索引擎与人的力量; 2.学会总结; 3.再就是举一反三 ⬇️ 4.自测 白盒测试 黑盒测试 && 单元测试 ⬇️ 5.版本工具的使用 1.第一步:下拉,解决冲突 2.第二步:diff 查看不同的地方,借助工具(SVN借助webstorm , git 借助 sourceTree) 3.第三步:才是push上去