个人发表一下愚见, 希望可以给各位看友们一定的帮助, 可能对于刚入门前端开发或者打算入门前端开发的朋友们而言, 会认为一定要具备很多电脑基础或者很多计算机原理的基础才可以做好前端开发, 其实在本人看来, 只要有对代码的兴趣热情, 这些慢慢都可以入门之后, 再提高和了解的, 那下面本人说一下对资深前端开发人员基础扎实的标准.
电脑基础:
(1) 最最基本的要熟悉电脑键盘, 打字 (指代码) 要稳要快要流, 这样可以保证开发速度;
(2) 掌握电脑的输入设备, 处理设备(CPU), 存储设备等.
输入设备: 键盘, 鼠标等;
处理设备: 计算机主机 , 核心部件是中央处理器, 有运算器和控制器, 这样就可以理解逻辑代码中的 CPU 优化指的是什么;
存储设备: 内存储器 外存储器
(3) 懂计算机网络
Tcp 协议 ip dns 等都需要掌握;
前端技术(严格遵守 web 标准开发的准则):
(1) html 基础 - HTML 虽然简单, 却是前端开发的结构, 简单但重要(xhtml1.0,html4,html5);
1 要掌握 HTML 语法规范, 了解每个标签的语义;
2 掌握单标签, 双标签, 块状元素, 行内元素;
3 掌握标签的正确嵌套, 标签使用的优化准则;
(2) CSS 基础(css2,css3)-- 表现语言, 效果美观, 好用, 简单
1 CSS 语法, CSS 样式表语法, CSS 样式表分类, c 样式表优先级
2 CSS 选择器, 选择器的权重(选择器的权重问题, 在开发中是很重要也是容易被大家忽略的点;)
元素选择器, 群组选择器, 属性选择器, 伪类选择器, id 选择器...
3 CSS 常用属性
文本属性, 背景属性, 列表属性, 浮动 (float), 定位 (position), 透明度设置(opacity), 转换(transform), 运动 (animation keyframes), 多列 (column), 盒子阴影等;
4 盒子模型:
盒模型(content padding border margin);
弹性盒模型(新老语法)
5 CSS 命名规范要遵守, 很重要;
6 CSS 代码优化, 在开发过程中, 要从始至终注意优化代码;
(3) JS -- 原生 JS 是 Web 标准中的行为语言, 是前端所有框架的根基;(es5 es6)
1 JS 基础语法, 逻辑操作符, 分支语句, 循环语句, 函数, 定时器, 正则表达式;
2 bom 操作, dom 操作;
3 内置对象, 事件, 面向对象, 继承
4 Ajax jq Bootstrap 等
5 es6 的新特性;
7 重点在算法和逻辑, 编程思维的培养;
(4)前端高级技术;
1 node.JS
Node API 模块
Node Common.JS 规范
Node Web 应用级框架 express koa 打造 Web 服务器和 API 服务器
MongoDB 数据库
Robe 3T MongoDB 数据库可视化工具
Mongoose 操作 MongoDB 数据库
前端通信 socket 技术
2 vue.js
vue 指令, Vue 组件, 组件注册, 组件通信
Vue 生命周期
Vue 自定义指令, 自定义事件, 自定义过滤器
Vue loader,Vue cli,Vue-router,Vuex
Vue 服务端渲染 ssr , Nuxt.JS
3 react.JS
React 脚手架 create-react-App
Webpack
React 组件创建: 函数式组件 类组件
React 组件通信
React Hooks,React Context
React 生命周期(15 版本, 16 版本 )
React-router [ 3 版本 4 版本 ]
React 状态管理: Flux Redux Mobx
工具: Loadsh Immutable
4 移动端开发
微信小程序
原生开发小程序: 组件 API
框架开发小程序
Mpvue
Wepy
Taro
微信公众号
微信公众号二次开发
微信公众号申请和界面运营
微信小游戏
原生 JS + H5 canvas
H5 主导的混合开发
Dcloud 提供的 uni-API wap2App h5+
ApiCloud 提供的 API.JS
React Native 主导的开发
Flutter 开发
5 代码托管工具
GitHub gitee[ 码云 ]
6 独立接口文档
Restful API 规范
7 版本控制管理工具
Git
SVN
8 自动化构建工具
Gulp
Webpack
9 前端流行技术
大数据可视化 Echarts
移动端类库: Zepto Touch
API 接口调试调用: GranphGl
(4) 其他编程语言的储备
最好要掌握一门后台的编程语言;
比如: 学习 node.JS,Python,PHP java c++ 等;
注意: 前端的技术不是一成不变的, 反而是日益更新的, 扩张一点说, 稍微不注意, 就会发现前端又出现了很多新的东西(只是有些新的技术还没有广泛的应用和推广), 所以作为一个合格的前端攻城狮, 应该一直保持去前端技术的热情和学习, 不能懈怠, 时刻的关注前端技术的更新交替, 保证自己的技术一直是处于前沿的和提升的状态;
补充: 上面列举出来的技术, 是作为一个前端开发工程师, 最最基本应该掌握的技术; 如果细列技术点, 那就太多了(还有很多好用的插件, 工具, 框架, 小应用在这就不一一列出了), 如有兴趣, 可以留言交流;
一个人学习会有迷茫, 动力不足. 这里推荐一下我的前端学习交流群: 731771211 , 里面都是学习前端的, 如果你想制作酷炫的网页, 想学习编程. 自己整理了一份 2019 最全面前端学习资料, 从最基础的 HTML+CSS+JS[炫酷特效, 游戏, 插件封装, 设计模式] 到移动端 HTML5 的项目实战的学习资料都有整理, 送给每一位前端小伙伴, 有想学习 Web 前端的, 或是转行, 或是大学生, 还有工作中想提升自己能力的, 正在学习的小伙伴欢迎加入学习.
点击: 加入
来源: http://www.jianshu.com/p/efdff3aa8b41