前端个人学习笔记与项目规范
1 | # Lee 更新于 2019-05-30 |
Basic Document：
- HTML(***)：http://www.w3school.com.cn/html/index.asp
- JS(****)：https://wangdoc.com/javascript/index.html
- Js(W3c版)：http://www.w3school.com.cn/jsref/jsref_obj_array.asp
- CSS3(*)：http://www.w3school.com.cn/css3/index.asp
- Vue官方文档（重点）(*****)：https://cn.vuejs.org/
- VueX官方文档(*****)：https://vuex.vuejs.org/zh/guide/
- VueRouter官方文档(*****)：https://router.vuejs.org/guide/#html
- Element UI框架(****)：http://element.eleme.io/#/zh-CN （随用随找）
- 看Git的前3章节(***)：https://git-scm.com/book/en/v2
- ES6(*)：http://es6.ruanyifeng.com/#README
- 阮一峰 Webpack Demo：https://www.jianshu.com/p/080e18fcf0e3
- Http协议(**)：https://www.cnblogs.com/ranyonsue/p/5984001.html
- 【Vue官方项目Demo】：https://panjiachen.github.io/vue-element-admin/#/login
- 【项目目录解析】（只看第一章就行）：https://segmentfault.com/a/1190000009275424
Basis SoftWare：
baiduCloud链接（Mac版）：链接:https://pan.baidu.com/s/1dQJAJ8nSV2FyOcZt19KP5Q 密码:x605
baiduCloud链接（Windows版）：链接:https://pan.baidu.com/s/1Imq9YggdknZOegJc8LNr8A 密码:qo6z
- IDE：Websotrm
- GIt仓库管理：Sourcetree（用baiduCloud里的sourcetree276a.zip）
- 接口测试：Postman
- 浏览器（推荐）：chrome
- 常用fq：Shadow–socks (敏感词，下载的时候把–去掉)
开会内容：新项目的统一规范（2019-02-22）
1. Form封装问题
1 | 能在一个页面中写完的内容就不要随便抽象出一个组件，意义不大。 |
2. 组件引用的路径：
1 | 为了方便代码复用，统一使用绝对路径（如：'@/components/LqPagination'），按住Commond键 + 左键单击 即可跳转到该组件 |
3. 分页组件：
1 | 为了解决分页时的loading问题，给分页组件传参数 |
4. 混入
1 | 每个模块的混入文件有且仅有一个，放在该模块主目录下的mixin里即可。 |
5. Vuex的使用
1 | 数据缓存的问题，以动态控制keep-alive来解决 |
6. 命名规范 & 页面规范
项目目录为：
- views // 项目文件目录 */
- target-action // 日程模块 */
- components // 此模块公用的组件 */
- scheduleTable.vue
- mixin // 此模块公用的混入文件 */
- Data.js
- index.vue // 模块主页 */
- personal // 子模块 */
- month.vue
- create.vue // 新增 || 修改 页面 */
- announcement // 公告栏模块 */
- ... // 其他模块 */
1 | # 文件夹 & 文件 命名规范 |
祝君无Bug~
All articles on this blog are licensed under CC BY-NC-SA 4.0 unless otherwise stated.
Related Articles
2020-06-07
从0开始搭建Hexo个人博客
搭建个人博客是每个程序员成长的必经之路，不但可以记录与分享自己在学习过程中Get到的新技能、新知识，还能顺便提高一下自己的文采。 Hexo简介Hexo是一款基于Node.js的静态博客框架，可方便快捷的托管于GitHub上，是搭建博客的首选框架。 根据Hexo官网介绍，主要有以下四大优点： 超快速度： Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。 支持 Markdown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。 一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。 插件和可扩展性：强大的 API...
2021-03-01
查看代码行数
项目写久了，就像看看自己一个项目的真实代码有多少行，所以找了下面两个方法 命令行查看用mac终端自带的的find命令，可以查看目录下每个文件的行数，及最后输出总行数 12345678# input >find . "(" -name "*.vue" -or -name "*.html" -or -name "*.ts" -or -name "*.js" ")" -print | xargs wc -l# output >423 a.js1842 b.vue52 c.html7253 total VsCode查看直接在vscode的全局搜索中（快捷键为Command + Shift + c），输入b*[^:b#/]+.*$，并使用Use Regular Expression选项（即最右侧的星号和方块的按钮），进行搜索,即可查看 123456789# input >b*[^:b#/]+.*$# output >7253...
2020-06-15
程序员进修文档
以下文档为学习期间整理的好文，有的只是大体的看了一下觉得不错就收藏了，一定要找机会读完。以后要强烈拒绝这种码了不看的行为！！！ 程序员修炼手册 给程序员的忠告 不要做浮躁的程序员 力扣（LeetCode）题库 LeetCode解题之路 Web 开发技术 - MDN web docs W3C 和 MDN 简介 停止学习框架，应多学习不会过时的通用技能 计算机专业曾经有哪些方向非常火后来却凉了？ 前端面试题前端100问：能搞懂80%的请把简历给我JavaScript专题系列二十篇正式完结web前端面试100题带答案(知乎) vue常见面试题-知乎 前端常见的Vue面试题目汇总 前端每日3+1面试题 前端小智 博客目录 程序媛面试之高频题型汇总(一） 程序媛面试之高频题型汇总（二） Web前端知识总结（逼乎） 为什么Node是小菜前端团队的核心技术栈 2019前端面试题汇总（主要是Vue） 记一次腾讯社招前端面试（已拿到offer入职） 算法面经分享|双非研究生斩获大厂offer 学习资料 学习资源 - ApacheCN JavaScript ECMAScript 6 入门...
