1. 熟悉 W3C 规范,熟练掌握网页的各种布局方案比如:伸缩布局,百分比布局,弹性布局,响应式布局等, 能够精准还原 UI 产品原型图,实现产品级的复现
2. 熟悉 JavaScript 基础知识,并掌握 ES6 语法,深入理解闭包,浏览器渲染机制及性能优化等,具有面对对
象编程的思想,能够高效编写 JS 代码,提高项目开发效率
3. 了解 Node.js 的使用,能够使用 Node 配合 Express 框架搭建服务器,能够更好和后端进行交互
4. 熟悉 TypeScript 的使用,能够使用其编写接口对项目中的请求以及函数进行类型约束
5. 了解 Webpack,Vite 等打包工具的配置与使用,对前端项目工程化有一定的认识
6. 掌握 Eslint、Prettier 等项目代码规范工具的配置与使用,确保团队代码的风格一致性和质量
7. 熟悉 Git 的使用,熟练掌握 Git 工作流,进行项目代码拉取、合并冲突解决、提交与回退变基等操作, 有效、高速地处理项目版本管理和多人同时开发
8. 熟悉 Echarts 和 DataV 等数据可视化的 JavaScript 库的使用,能够搭配它们做数据可视化
9. 能够使用 PhotoShop 以及蓝湖工具,从而更好的配合 UI 进行项目开发
10. 能够使用 postman,swigger 等工具进行接口的测试
11. 熟练使用 Element UI(Plus)、Vant、Antd、View Design、 Native-Ui 等前端主流框架的使用,提
高开发效率
框架上:
1. 熟练掌握 Vue2,掌握 Vue 周边生态工具的使用例如 Vue-Router,Vuex,等,有项目经验,看过源码
2. 掌握 Vue3,有 Vue3+TS+Vite+Pinia 的项目开发经验
3. 了解 React 相关知识,有少量项目经验
4. 熟悉原生微信小程序以及 Uni-app 的开发流程,有少量项目经验
其他:
1. 有一定的英文文档阅读能力
2. 具有成熟的前端排查代码问题能力
3. 保持阅读掘金,csdn 等主流技术网站,了解前端技术发展,并不断汲取知识为我所用
4. 掌握 AI 使用,能够将 AI 和前端结合,让智能技术赋能前端应用,高效、高质量地完成项目开发。
项目描述:企业级新闻信息中枢平台,整合了新闻、动态、快讯、宣传、舆情管理等 23 个内容模块,45 个流程, 同时具备投稿、积分、评论、系统管理等功能,实现企业新闻信息相关内容全生命周期管理,实现 3000+使用
项目技术栈:Vue2+Vuex+Webpack+Element+Echarts
主要职责:
负责前端团队(3 人)任务分配,技术方案设计与开发排期,协调跨部门资源,高效推进该项目 100%按期
上线
负责项目基础框架 layout 搭建,公共模块的组件,函数,mixins,store,style 封装,让前端团队其他成员拿着
就可以进行自身模块的开发,实现团队 40%开发效率的提升
负责主要功能模块的开发,如舆情,积分,焦点热议,模块投稿等,保证项目主要模块的无误性
负责其他前端人员的代码评审,负责项目性能优化和页面响应速度提升,优化代码并保持良好兼容性,提
升首屏加载速度 1.6 秒
技术要点:
基于 element UI 组件库封装 layout 组件,集成动态路由鉴权、权限菜单自动生成、响应式侧边栏及主题
切换能力,可通过传入不同角色权限实现路由权限控制,通过模块化设计实现 90%业务场景使用,并充分预
留插槽,实现后台系统管理和栏目管理部分展示区别
基于 element ui 组件封装了上传,树形级联,评论,水印,block-title,流程提交等组件,减少冗余代码量 50%
对相同投稿操作代码进行抽离,使操作方法主要集中于一个 js 文件,避免代码冗余,并且使其便于维护
使用 echarts+dataV 根据不同需求设置内置 api,绘制可视化单位平台访问占比,个人积分分类柱状图,投
稿模块占比图,积分饼图等可视化图表,并使用 websocket 进行长链接,实现数据的动态,即时渲染
针对不同权限用户基于后端返回的动态路由表数据,对侧边栏菜单进行动态渲染,并使用 Vuex 搭配路由
守卫做好权限控制,防止非法跳转,保证内部隐私性;
通过图片懒加载,减少不必要多余请求,预加载,少量使用的第三方库按需加载等方案做好性能优化,并保证
结构语义化,便于做好 SEO
在后端接口没有开发出来且影响到后续开发内容时使用 mockjs 快速模拟虚拟特定数据独立开发,无需等
待后端接口,加快开发效率;