里程碑
历史已完成功能
- [x] [通过配置 json 生成动态 form 表单] (https://github.com/aehyok/vue-qiankun/blob/dev/docs/formconfig.md)
- [x] [通过配置 json 生成动态 table 列表] (https://github.com/aehyok/vue-qiankun/blob/dev/docs/tableconfig.md)
- [x] [通过 qiankun 搭建 PC 端微前端框架] (https://github.com/aehyok/vue-qiankun/blob/dev/docs/qiankun.md))
一期学习计划
| 序号 | 添加日期 | 内容 | 参考链接 | 完成日期 |
|---|---|---|---|---|
| 1 | 11-1 | - 搭建移动端 h5 项目支架 | 掘金 | 11-2 |
| 1.1 | 11-1 | - - vue3+vite2+typescript+vant | 11-2 | |
| 1.2 | 11-1 | - - Prettier + ESlint 项目代码结构规范 | 11-2 | |
| 1.3 | 11-1 | - - 实现一个扫一扫的功能 | github | |
| 1.4 | 11-1 | - - 通过配置 json 生成移动端动态 form 表单 | 初步模板参考 pc 已完成，每个组件待实现 | 11-12 |
| 1.5 | 11-10 | - - list 列表下拉刷新上拉加载 | 初步列表已完成，待继续完成通用型的封装 | 11-12 |
| 1.6 | 11-10 | - - vue3 中 keep-alive 如何使用 | ||
| 2 | 11-1 | - 跟着大圣持续学习极客时间 vue3 全家桶系列 | 极客时间 | |
| 3 | 11-1 | - form 表单拖拽配置器自动生成配置的 json | vue-qiankun | |
| 3.1 | 11-1 | - - form 表单拖拽配置器自动生成配置的 json | vue-qiankun/webpack-app | |
| 3.2 | 11-1 | - - vue3 中 jsx 和 tsx 模式在项目中的应用 | vue-qiankun/vite-tsx | |
| 3.3 | 11-4 | - - vue3 中 upload 分片断点续传 秒传 | https://www.cnblogs.com/xiahj/p/vue-simple-uploader.html | |
| 4 | 11-1 | - 源代码仓库阅读 | ||
| 4.1 | 11-1 | - - https://github.com/vueuse/vueuse | ||
| 4.2 | 11-1 | - - https://github.com/anncwb/vue-vben-admin | ||
| 4.3 | 11-1 | - - https://github.com/cuixiaorui/mini-vue | ||
| 5 | 11-2 | - 优化相关 | ||
| 5.1 | 11-2 | - - el-table 列表数据过多点击多选框会有明显的卡顿 | ||
| 5.2 | 11-2 | - - app h5 首屏加载比较慢的优化 | ||
| 5.3 | 11-2 | - - 快速搭建项目 | 通过 oclif 制作一个脚手架 | |
| 5.4 | 11-12 | - - - 快速搭建项目 | https://github.com/woai3c/Front-end-articles/issues/22 | |
| 6 | 11-2 | - 面试知识点学习 | 剑指 offer 面试题集锦 | |
| 7 | 11-2 | - 整理学习相关 | ||
| 7.1 | 11-2 | - 将 2020 年 1 月份到 10 月底的记录进行整理 | ||
| 7.2 | 11-2 | - JavaScript 常用工具 | github | |
| 7.3 | 11-5 | - https://leetcode-cn.com/leetbook/ | 力扣基础算法 | |
| 7.4 | 11-11 | - 订阅发布模式 | https://mp.weixin.qq.com/s/WyuVXGabCUerapUx7c-LyQ | |
| 7.5 | 11-11 | - H5 监听物理返回键 | https://github.com/HuJiaoHJ/blog/issues/16 | |
| 7.5 | 11-11 | - garfish 字节跳动微前端方案 | https://github.com/modern-js-dev/garfish/blob/master/README.ch.md | |
| 7.6 | 11-12 | - garfish 字节跳动微前端方案 | https://github.com/modern-js-dev/garfish/blob/master/README.ch.md |
微信小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/
微信小程序登录过程 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html
2022 年 4 月 1 日到 10 月 1 日计划要学习的内容
- 1、搭建一个自己的脚手架（nodejs 初步学习使用）
- 参考链接 https://github.com/woai3c/Front-end-articles/issues/22
- 后期可通过 oclif 制作一个脚手架
- 11 月 12 日已搭建项目 https://github.com/aehyok/ak-vue3
- 2、源代码仓库阅读
- 3、https://leetcode-cn.com 算法题目每周一题
- 4、常用设计模式和基础算法的攻克
- 5、可视化编辑器
- 6、react ant design 的深入学习
- 7、一些常用优化类的进行思考
- 1、搭建一个自己的脚手架（nodejs 初步学习使用）
2022 年 4 月 1 日前计划要学习的内容
- 1、vant H5 json 配置生成 form 表单（双伟在搞）
- 11 月 2 日——项目初始化完成
- 11 月 2 日——Eslint Prettier 规划搭建完成
- 11 月 16 日——初步搭建已完成
- 11 月 17 日—— 下拉框简单使用可配置
- 2、vant H5 List 列表下拉刷新和上拉刷新的问题（插槽问题没想明白）
- 11 月 16 日——基本列表功能已实现
- 11 月 18 日 ——插槽问题已处理已解决
- 11 月 20 日 ——keep-alive 使用方式已解决 https://juejin.cn/post/6978772143748153381
- 3、jenkins 自动化部署以及 docker 安装部署
- 11 月 19 日 ——jenkins 已安装
- 4、PC 端拖拽实现表单的基本布局和属性配置，生成 json
- 5、jsx 和 tsx 已基本了解，基础页面也可搭建
- 11 月 1 日——之前已搭建 demo，并在公司项目使用 jsx,待继续熟练使用
- 6、ES6 和 typescript 基本学习和深入
- 7、常用设计模式和基础算法的攻克
- 8、剑指 offer 和常用基础面试题(每周两题)
- 9、https://leetcode-cn.com（每周一题）
- 11 月 20 日之前已完成 5 题
- 10、react 和 ant design 搭建和学习
- 11 月 20—— 日初始化项目已搭建
- 11、一些常用优化类的进行思考
- 12、元宇宙和区块链、NFT 的了解
- 11 月 28 日 ——得到课程 元宇宙的简单了解
- https://github.com/houbb/awesome-metaverse-zh
- 区块链 https://github.com/chaozh/awesome-blockchain-cn
- 1、vant H5 json 配置生成 form 表单（双伟在搞）
2021年11月29日到12月4日
- 公司临时任务公众号转小程序、任务紧急全部投入
2021 年 11 月 15 日到 18 日
- 公司项目投入时间较长
- 周四周五请假，故本周没多少时间投入
2021 年 11 月 8 日到 14 日
- 初步完成基本 H5 页面
- 初步完成列表数据页面构建（待优化）
- 初步完成 H5 json 生成 form 表单构建（每个组件待优化）
- H5 扫一扫功能（待优化）
- 计划 脚手架功能基本搭建
- 计划 H5 json 生成 form 表单构建
2021 年 11 月 1 日到 6 日
- 完成 vue3+vite2+vant+typescript+prettier+eslint 框架搭建
- 完成 h5 首页等基本布局
本年度重点计划：通用页面配置化搭建、可视化页面研究、后台配置页面数据（Vue 和 React）
创建自己的 Vue 通用组件代码库 https://github.com/aehyok/vuecomponent
React 可视化框架 https://github.com/brick-design/react-visual-editor
Vue 表单生成器 https://github.com/xaboy/form-create
Vue 通用 Table 和 Form 表单 https://github.com/nmxiaowei/avue
Vue React 等 https://mp.weixin.qq.com/s/U3gxd-y5hsLHtaa0MmHlvA
vue Form Generator https://mrhj.gitee.io/form-generator/#/
页面可视化搭建的前世今生 https://zhuanlan.zhihu.com/p/37171897
imgcook https://github.com/imgcook/imgcook/blob/master/README.zh-CN.md
https://wakatime.com/dashboard 查看 vscode 统计时长
大数据图标可视化
Form 表单生成器
Table 配置器
- https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic
qiankun 乾坤微前端
微前端
打包 npm 工具包 https://github.com/aehyok/outils
打包 npm 组件包 https://mp.weixin.qq.com/s/2EL-wzXKwTIhGisUgkr4-g
通用配置数据 http://rap2.taobao.org/ (图片路径需要自己上传)
vscode 中 editorconfig 的正确姿势 https://juejin.cn/post/6844903640595972103
路由设置 https://blog.csdn.net/qq_33396780/article/details/110694871
SSO cookie 共享 https://www.cnblogs.com/sw008/p/11054301.html
xShell 常用指令
十二月份
12月6日
- 304 阿里蚂蚁可视化