- Html5 Css3 静态页面还原 淘宝,京东等大型网站首页。单页面即可
- Js掌握到事件(例如点击,鼠标、键盘),定时器,Es6新方法
- Vue2的生命周期,什么阶段做什么事
- router路由跳转,传参,子路由
- Vuex的使用,state,mutation,action,getter,module,概念意义用法
- filter,watch,computed 监听器 过滤器 计算属性
- 组件通信,父子组件传参。
- 封装components组件,复用
- 必须熟练ElementUI,比如使用UI库里面的时间选择器,要熟练使用里面有的event方法,并且能够改写ElementUi组件样式。
- 有自己的思想,对于界面的实现, 如何达到最方便,组件的复用性。
这是初级前端pc端必须掌握的东西👆
大致如下
HTML CSS Js
Vue2
ElementUI
es6
当然一个优秀的前端开发不应该只会这么一点东西
- Vue项目的移动端适配,方法简单但是要掌握熟练
- 移动端的组件 VantUI 熟练掌握
- 不推荐移动端项目依旧使用elementUI,页面大小不好适配
还会移动端够吗?
我觉得不够,优秀的前端应该足够内卷。
还必须掌握如下:小程序
- 微信原生小程序的页面创建
- tobBar页面 以及页面跳转
- Vant Weapp的熟练
- uniapp小程序虽然与vue很像,但还是有一点点页面标签的区别
- uniapp小程序使用Vant组件开发
这里只是说了使用uniapp开发,以及微信原生小程序开发、
没有去细说,赋值修改,请求后台接口,处理跨域,引入组件,监听变化,跳转传参,methods方法,页面样式。 这些都是必须掌握的。
说点基础的吧,这些都不切实际。
html,能够仿写一个官网首页,我当时写静态单页面是仿写的boss直聘,就是这个招聘网站的首页
css,这个水平在于掌握程度,不只是宽高大小那么简单
- 定位position
- 弹性布局flex
- 浮动float
- 伪元素选择器 ::before ::after 等
- 伪类选择器 :hover
- margin和padding的使用
- border,background,等等
再说一说js吧
- 获取dom节点
- 修改节点里面的文字内容等
- 点击事件 鼠标移入移出 鼠标区域内移动 键盘事件
- 定时器 执行单次和无限次的两种
- cookie localstorage sessionStorage区别
- 等等等方法 需要掌握的也不少
- 还有数组的方法 字符串的方法 运算符
- 闭包 构造函数等
到这里就到了Vue2
- 搭建Vue2项目 适配移动端
- 页面有子组件引入 搭建而成
- 能够熟练写监听器,以及计算属性之类的
- 父子组件传参 熟练
- 生命周期
- v-for循环,v-if和v-show,v-model双向绑定,v-on(简写就是@),v-bind(简写:冒号),v-html和v-text,
常用的基本是这些 冷门的v-noce只渲染一次 基本用得少
- VueX的state变量、mutations方法,getter计算属性方法, 在vue页面中引用 使用,必须掌握
axios ajax向后台请求方法 拿到回调数据,渲染页面 赋值等等。
前端开发就是这些,对了,这是初级前端
中级前端要掌握Vue3,ts,还有vite pinia等新技术,还有map和echart这些组件库也要会用。