前端职业必备基础(大纲)

电脑常识

  1. 操作系统:Windows/OSX/IOS/Android
  2. 浏览器:Chrome/IE/Firefox/Safari
  3. 浏览器内核:WebKit/IE
  4. 分辨率和屏幕尺寸
  5. 输入法:全角、半角
  6. 字体:有衬托字体、无衬托字体和手写体
  7. 对齐:左右对齐、居中对齐、两端对齐
  8. 表格:行、列、表头
  9. 文件:文件路径、文件扩展名、隐藏文件
  10. 字符顺序:按字母序
  11. 专业术语:按钮、菜单、文本框、边栏、标题栏、鼠标指针、光标、窗口、视图、深入淡出
  12. 图片格式:png/jpg/gif/ico/svg、位图和矢量图
  13. 字符编码:UTF-8/GB2312
  14. 打开终端、设置全局变量、常用命令

网络常识

  1. 网速:局域网>宽带>WIFI>4G>3G>2G
  2. 网址:协议、IP、域名、端口、网址参数、网址哈希值
  3. 路径:相对路径和绝对路径
  4. HOST
  5. HTTPS :加密请求,防止运营商篡改网页内容
  6. 服务器:Nginx/Apache/Tomcat/IIS
  7. HTTP 协议

编程基础

  1. HTML
  2. CSS
  3. JavaScript
  4. Sass/Less 二选一
  5. ECMAScript 6 和模块化
  6. JSON
  7. 正则表达式
  8. 专业术语:API、RESTful、Mock、环境、提测、生产、事件、SDK、并发、埋点
  9. 统计术语:PV、UV、转化率、跳出率
  10. 错误堆栈和源映射

开发工具

  1. Chrome开发工具:控制台、样式、调试
  2. VSCode
  3. Git
  4. PhotoShop:图层隐藏和导出
  5. 抓包软件

开发框架

  1. NPM 和 CNPM
  2. React/Vue/jQuery+BootStrap 三选一
  3. Webpack 和 JSX
  4. Swiper、ECharts 等热门组件

现代技术(了解)

  1. 跨域
  2. Base64
  3. 遍历和迭代器
  4. 异步和 Promise
  5. 加密算法:MD5、SHA1
  6. CDN/GZip 加速
  7. SEO
  8. 大前端技术:Node.js、React Native
  9. 雪碧图(CSS Sprite)
  10. IconFont
  11. Safari Web 检查
  12. MVVM、MVC
  13. CSS 3 动画和 Canvas
  14. 单元测试和自动化测试
  15. 数据抓爬和防爬
  16. 网站安全:XSS 和 CSRF
  17. 响应式
  18. SPA

职场经验

  1. 浏览器兼容性
  2. 团队协作:编码风格和规范
  3. 常见需求:网页布局、弹框、登陆等
  4. 开发和部署流程
  5. Code Review
  6. 原型图和需求评审
  7. 操作熟练度和技巧
打赏
微信扫一扫支付
这篇文章对你有用?
微信logo 微信扫一扫,打赏 1 元表示支持吧~

发表评论

电子邮件地址不会被公开。