1. 熟练掌握DIV+CSS网页布局,熟悉各种布局方式flex、float、定位等,熟悉HTML5的语义化。
2. 熟练掌握HTML5、CSS3相关知识及其新特性,WebStorage、Web Worker、过渡等。
3. 熟悉Less、Sass等类CSS预编译语言,了解前端MVVM设计模式。
4. 熟悉基于HTML5的webApp开发以及移动端适配方案,如rem、viewport等,实现页面的响应式排版布局。
5. 熟悉原生JavaScript,作用域/作用链、原型与原型链、闭包、异步等。熟悉JS的事件循环机制/宏队列与微队列、垃圾回收机制等。
6. 熟悉并使用ES6新特性,如:const、let、Promise,async/await、数组方法、函数参数解构赋值、箭头函数等。
7. 熟悉组件化编程,CommonJS、ES6模块化的引入和暴露方法,使得代码实现更加灵活。
8. 通过AJAX技术实现与后台的数据交互,对Axios进行二次封装,了解跨域及其解决办法。
9. 熟练使用Vue2、Vue3框架及全家桶,包括Vue CLI、Vue Router、Vuex、Pinia及其它如Element UI、Element Plus、Vant等组件库。熟练使用组件间通信多种方式,如props、自定义事件、事件总线、插槽等。
10. 熟悉Vue2、Vue3数据响应式原理,虚拟DOM、Diff算法和nextTick方法原理。
11. 熟练使用插件及类库,例如Lodash、Swiper、Moment、Dayjs等。
12. 熟悉uni-app,使用uni-app开发并上线微信小程序,熟悉微信小程序框架语法。
13. 熟悉版本控制工具Git、GitLab的常用操作,熟悉Git Flow工作流程,利用Git实现多人项目的合作开发。了解包管理工具npm等,会使用Webpack、Vite等打包构建工具。
14. 熟悉TypeScript、泛型对数据进行类型限制,有良好的代码风格和编码习惯。
15. 会使用Echarts进行数据的可视化开发,使用scale解决大屏适配问题,使用WebSocket技术进行实时数据通信。
16. 了解Http / Https协议以及浏览器的相关缓存机制。
17.
某思云院 项目简介:
这是一款致力于解决企业人才发展、实现人才和企业共赢的人才学习平台,集知识库、系统化课程和数据报表为一体,从而将培训结果数字化。
项目架构:
使用Vue2开发框架 + ES6 + Vuex + Element UI + Webpack + Axios等前端技术实现。
项目责任:
负责首页、素材管理、学习管理、数据报表管理以及登录注册模块页面搭建和功能展示。
技术要点:
1. 使用Element UI实现页面布局,快速构建项目结构。
2. 使用Vuex管理数据, 将每个模块的数据进行单独管理, 使用更方便, 更具有扩展性。
3. 使用ECharts可视化图表对首页数据进行展现。
4. 使用Swiper插件实现首页的轮播图效果,封装Swiper、Pagination等公共组件实现组件高复用。
5. 使用vue-lazyload插件来完成图片懒加载,使用vee-validate插件来完成表单单独校验和统一校验 。
6. 路由全局前置守卫中进行token校验,使用localStorage本地存储token,实现用户免登陆。
=============================
某管家 项目简介:
该项目后台管理系统,集成了首页、组织管理、OA管理、资源管理、用户权限控制管理等相关业务功能的呈现。
项目架构:
使用Vue3开发框架 + Vite + TS + Vue Router + Pinia + Element Plus + Axios等前端技术实现。
项目责任:
负责编写用户首页、用户管理、角色管理、菜单管理、资源管理及OA管理的部分功能。
技术要点:
1. 使用 Element-Plus库实现静态页面搭建,使用深度作用域选择器修改Element Plus组件内部的样式。
2. 基于Ajax,对axios进行二次封装,添加基础路径和超时时间,添加请求响应拦截器,并对响应的错误进行统一的处理。
3. 通过路由全局前置守卫中进行token校验,再利用 addRoute API生成不同的私有路由表实现页面权限功能。
4. 使用Vue3 自定义全局指令 v-permission实现按钮权限控制。
5. 使用Lodash库的cloneDeep深克隆动态路由表,解决不同用户二次登录时,路由组件展示缺失的问题。
6. 封装el-upload组件,和后端配合来实现部分培训大视频的切片上传、断点续传和秒传。
7. 使用nextTick()和ref完成切换到编辑模式下自动获取焦点,以便直接修改员工相关信息。
8. 持续不断地优化代码,提升用户体验。如:取消页面重复/上一个页面的请求、切换频繁的组件使用v-show、使用mixin分发vue组件中的可复用功能等等。
9. 利用TS的强类型、接口、泛型等语法来规范项目代码。