HTML&CSS&JavaScript:熟悉W3C规范 ,了解H5标准,熟练使用ES6,理解Js高级特性
TypeScript:理解基本概念,以及和react,Vue结合使用
React:了解类式组件 ,熟悉函数组件的使用,以及原生hooks和自定义hooks ,理解
Redux状态管理,了解react- router 。
VUE:了解使用vue。理解vue响应式原理、vite、vuex等底层逻辑;
工程化 :了解webpack编译流程 ,loader ,plugin等使用
网络 :熟悉http/https ,tcp/ip等协议 ,以及ajax ,axios ,fetch等
工具库 :git基本命令 ,了解AntDesign
在线商城
技术栈:vue3.0,vue-cli ,axios,vue router ,vuex
项目简介:项目包括首页、商品详情、购物车、登录、填写订单、个人中心等多个功能模
块。基于vue3.0的技术栈,封装大量组件。
项目亮点:使用localstorage+token进行用户验证和请求验证,提高了安全性。SKU组件
+数量选择组件让后台的sku组合产生禁用效果,生成路径字典。
项目亮点:使用vuex-persistedstate(持久化)生成本地购物车进行线上线下的分离操
作,登录后,合并本地购物车到服务端。使用QQ第三方登录。
性能优化方面:使用路由懒加载减少js文件体积,通过图片懒加载对渲染性能进行优化,进
行了移动端适配。使用骨架屏提高了用户的体验。
TakeNote- Web笔记应用
技术栈 :React , Typescript ,Webpack,React- router , Redux , Prettier, Hooks,
webpack
项目简介 :
TakeNote 是一款 Web 笔记应用,是一个没有数据库的静态站点,笔记会暂时保存在
LocalStorge中,封装markdown编辑器,支持笔记搜索、多光标编辑、语法高亮、键盘快
捷键、拖放操作、黑夜模式、Markdown 预览等功能。
项目亮点 :1.使用Typescript编写,为项目设置了严格的类型约束
2. 使用Redux进行状态管理 ,使用sass进行项目样式开发,封装了功能多样的Markdown编辑
器
3..通过自定义hooks对高复用内容进行封装
TakeNote- Web笔记应用 技术栈 :React , Typescript ,Webpack,React- router , Redux , Prettier, Hooks, webpack 项目简介 : TakeNote 是一款 Web 笔记应用,是一个没有数据
TakeNote- Web笔记应用 技术栈 :React , Typescript ,Webpack,React- router , Redux , Prettier, Hooks, webpack 项目简介 : TakeNote 是一款 Web 笔记应用,是一个没有数据