一、基础

1. HTML 相关

2. CSS 相关

3. JavaScript 相关

类别 初级 高级
HTML HTML5
CSS CSS3 Less，Sass
JS JavaScript ES6+，TypeScript

二、框架

1. Vue

Vue2 一般使用的是Vue2.6.0 版本，此版本为插槽引入了一个新的统一的语法 (即 v-slot 指令)，它取代了 slot 和 slot-scope。

Vue版本 全家桶
Vue2.6 Vuex3，Vue Router3，Axios
Vue3.0 Vuex4，Vue Router4，Axios
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
  • Vue Router 是 Vue.js 官方的路由管理器。
  • Axios是一个基于 promise 的 HTTP 库。

2. React

React，React Native

3. Angular

AngularJs，Angular6

三、其他

1. 浏览器

  • 浏览器工作原理
  • 浏览器差异：谷歌，火狐，IE

2. 终端

  • 台式机，笔记本
  • 手机
  • 大屏

3. 计算机基础

  • http
  • 算法

4. 组件库

名称 说明
Element UI 一套为开发者、设计师和产品经理准备的基于 Vue.js 的桌面端组件库。
ECharts 一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

5. 项目构建

node.js，webpack

6. 服务器/数据

node.js，sql

四、原理与见解

1. 模块化

2. 性能优化

3. 函数式编程

【技能】前端技能列表相关推荐

  1. 中高级前端工程师都需要熟悉的技能--前端缓存

    前言 web缓存是高级前端工程师必修技能.是我们变成大牛过程中绕不开的知识点. 文章会尽量用通俗易懂的言语来细说web缓存的概念和用处. 本期文章的大纲是 什么是web缓存(前端缓存) 缓存可以解决什 ...

  2. 最新前端面试题-前端必备技能-前端技术汇总

    一.css部分 1.css盒模型 css盒模型分为标准盒模型和怪异盒模型/IE盒模型 基础盒模型:content(内容) + border + padding + margin 怪异盒模型/IE盒模型 ...

  3. 前端技能汇总 知识结构

    Frontend Knowledge Structure 项目起源 前端知识结构 可视化效果 前端开发知识结构 前端工程师 浏览器 IE6/7/8/9/10/11 (Trident) Firefox ...

  4. 电商网站前端架构 学习笔记(全是干货)

    1:前端架构的基本知识 1: 前端工程师必须会的一些技能 前端工程师基本技能图.PNG 2: 前端架构基本知识 什么是前端架构? 每个人对每个架构有不同的认识和一些想法.没有一个架构是完美的,只有一个 ...

  5. web前端开发要不要找个师傅带？

    对于其他IT技术职位来说,Web前端工程师算是半个程序员,很多从事此项工作的都是非计算机相关专业出身,这当然是因为互联网行业吸引人以及HTML和CSS入门起点低,目前大学里尚能全民考C(计算机二级), ...

  6. 你知道前端工程师的发展方向吗？

    前端工程师的三个发展方向 专家方向 经过几年的技术积累,大量的项目历练,很自然地就朝着专家的方向过渡了.技术人普遍具有的一个特征就是不喜欢管一些乱七八糟的事,更愿意钻研感兴趣的技术,解决一些技术难题. ...

  7. 前端工程师应该怎么发展？

    本文摘自王超老师在 GitChat大学 的公开课分享内容,对前端话题感兴趣的同学们可以划到文末扫码参加这场直播分享活动. 王超-- 现任快狗打车(原58速运)前端负责人,从 0 到 1 组建了快狗前端 ...

  8. 前端web开发学习路线图

    本文是为前端与移动开发学习者整合的资料,适合于前端+HTML入门以及有一定基础的人.前端学习入门,初学者遇到的问题非常多,下面就分享一些前端入门教程和进阶教程以及一些需学习思路和目标. 第一阶段:前端 ...

  9. Vue项目打包部署Nginx配置及前端缓存问题解决

    目录 1.部署单个站点 2.部署多个站点 3.缓存问题解决 1.部署单个站点 配置如下 server {listen 80;server_name localhost;location / {root ...

最新文章

  1. docker Cannot start container [8] System error: exec format error
  2. 【鬼网络】之NFS共享服务
  3. linux拷贝文件到多个目录,怎么在 Linux 中复制文件到多个目录中
  4. POJ3349,洛谷SP4354-SnowflakeSnowSnowflakes【最小表示法,hash】
  5. mybatis入门（六）之SQL语句构建器类
  6. Ubuntu下将Sublime Text设置为默认编辑器
  7. 动态生成类_springboot动态生成类属性
  8. 机器视觉--图像形态学
  9. 12、Java函数接口
  10. springboot微信小程序 获取微信unionid
  11. 跨境转运常用运费计算方式
  12. 钢琴音源 Native Instruments Definitive Piano Collection
  13. 前端框架MVVM是什么(整理)
  14. 编程比赛三大赛制介绍（ACM赛制、OI赛制、IOI赛制）
  15. Cookie和Session的使用及其案例分析
  16. Cygwin warning: could not find /tmp, please create! 问题
  17. re模块day17课堂小结
  18. Harbor安装(待补充)
  19. IAR无法调试问题解决
  20. python时间戳是什么意思_Python返回5位数的时间戳，这是什么？

热门文章

  1. 【qq机器人】王者英雄问题查询
  2. 三八节送什么礼物比较好？这四款数码好物别错过了！
  3. 设置行与行的间隔（行间距）
  4. 《Total Commander：万能文件管理器》——第7.3节.总结与作业
  5. npm install WARN package.json not exists: E:\SpringBoot\workplace\D4_pc_ui\.idea\package.json
  6. mac删除ssh key_好用的mac终端命令仿真工具
  7. .net之实现文件上传与下载
  8. (一）Linux中的网络配置
  9. Codeforces Round #614 (Div. 1) C.Xenon's Attack on the Gangs(树形dp)
  10. 美团财报电话会：将专注于创造外卖和到店业务的协同效应