洪jl学习笔记

本人实战项目源码分享：

• 校园疫情防控管理系统-全栈 : 本人毕设项目,附带编写教程视频
• 学习游戏平台 : 将知识点融入游戏中、以游戏的方式进行考核检测学生知识点掌握情况;本人用来复习Vue框架的项目,目前持续更新中......

笔记介绍

这是 @hongjilin 的学习笔记与各种学习资料笔记整合, 有些部分引用已经记不清了(因为记笔记的初衷是为了方便自己查阅)。不过如今大部分笔记都标注了出处以及从何处进行学习, 大家可以根据我的标注查找到相对应的学习资料

也是种对于自己学习能力与努力的较直观的评估, 不管未来多迷茫, 做好当下, 做到最好, 才是对自己的负责

同时本着方便同学们、与同学们共同进步的初心, 将本人本人笔记分享给大家. 其中会有本人学习心得体会笔记 or 经由本人学习过滤后仍觉得不错的知识点或者软件分享, 且会很频繁地进行笔记的更新与勘误( 学习不断更新不止 ), 所以觉得有用且方便的话能否给本笔记点个Star? 能及时收到笔记的更新的同时也能给予本人些许肯定, 感谢不尽 !!!

此笔记阅读前说明:

1. 标记 A_ 开头的通常是整合梳理后的版本 or 更为详细系统学习阶段的笔记, 方便同学们抓重部分进行查阅
2. 每个知识点笔记中的 [ README.md ] 为截取当前知识点体系的部分笔记, 方便网站阅读; 所以当你点进去某个知识点笔记中响应时间久, 就说明截取至此的知识点笔记内容多
3. 每个知识点笔记都会在上方 [ 说明 ] 处给出查阅的资料、出处、或者看的教程视频, 方便同学们找到对应学习资料
4. 建议下载后用 Typora 进行阅读 :
   • 首先排版样式会相对友好(本人使用此软件撰写笔记);
   • 其次有的笔记体积大(部分笔记有大量示例图), 网站打开速度慢;
   • 本人笔记习惯是做的非常详细,所以可能一个笔记几万字( 就喜欢'一本满足' ), 一个知识点阅读时间会相对久 ( 相对而言是真的全, 基本我开发中遇到的问题与解决都会补充进去 )
5. 笔记中经常需要图片、GIF(体积大)进行注解达到利于理解的目的, 还有相应学习笔记中的源码分享(部分源码中有图片或媒体资源)、工具包分享。本笔记体积可能会相对于纯文本更庞大些。

阅读建议

建议使用或者阅读本人笔记时使用Typora笔记软件打开使用, 因为本人就是用该软件进行笔记撰写, 很多地方都是按照在该软件中看到的模样进行笔记排版, 使用后你会发现新世界的。而且这个软件真的我觉得是最适合程序员的笔记软件了, 没有之一 本人杂记-Typora使用笔记分享, 在里面我会进行大致使用方法, 使用后本笔记展示效果截图等

如果使用本笔记, 请注明出处谢谢, 基本纯手敲不容易

本人改写的Typora主题更新于此(纵享丝滑): https://gitee.com/hongjilin/hongs--typora-theme

笔记目录

此处笔记目录可能存在更新不及时的情况, 所以建议有需要的直接看仓库内的笔记, 可能隔较长时间才会更新一次, 每个笔记相应学习资料将标识在其笔记说明中, 下边这部分主要是当作知识索引, 方便大家查找

Ⅰ-编程_前端开发学习笔记

1. A_编程习惯改进Mark

该笔记记录本人看他人代码过程中觉得值得学习的、被别人指出的不足需要修改的、细节部分想要mark的、我个人觉得可以分享、并且要用以改进自身编程能力及习惯的内容

2. HTML+CSS+JS基础笔记

此部分笔记是前端基石, 重中之重!!!! 此部分是不断完善地笔记,可以预见,此部分笔记在未来几年内我会进行不间断地更新

3. Scss笔记
4. ES6及后续版本学习笔记

该笔记中有相关学习资料摘录: 阮一峰的ES6文档,

然后有本人对 [ ES系列 ] 整体的学习笔记心得、知识点梳理以及实践过程的问题解决等

5. Ajax、Axios学习笔记

6. Promise学习笔记

7. Vue框架笔记整合

此处即本人对于Vue框架的学习笔记, 目前有VUE2.x版本学习笔记, 之后会补充vue3.0等, 因为目前阶段本人学习使用的是react, 此处笔记暂缓

8. 微信小程序学习笔记

本人该学习笔记配套源码分享, 其中的hello小程序项目为慕课网教学视频学习过程源码, 此初阶段已经更新完成。下阶段将进行项目实战学习, 即将更新

9. React框架笔记

10. ReactHooks笔记

11. 前端UI库使用记录笔记

本笔记主要记录工作中项目中遇到关于各种UI库的与官方文档有差异化的 的使用方式、或者是自己对于文档记录的组件的使用, 方便自己查阅 当然, 更多的是官方中没有但是业务中会遇到的各种细节, 是自己自学过程难以接触或者容易忽略的, 分享出来也有利于大家补缺

12. Git学习笔记

Git详细系统的学习笔记、提交规范、工作流、实际遇到的问题与解决等笔记归纳于此

13. Mobx学习笔记

Mobx:简单，可扩展的状态管理, 可以代替react中的redux状态管理器.就如vuex于vue一般

14. TypeScrip笔记

15. UmiJS笔记

16. Webpack学习笔记

17. Chrome开发使用及学习笔记

此笔记是记录Chrome相关知识, 如:Chrome扩展程序资料摘录及开发笔记、Chrome_DevTools调试工具使用详解笔记 等 由于网上该部分知识的资料十分零散, 基本都是各位程序员前辈用爱发电碎片化地发出自己的经验使用(并且很多示例版本已经相对此时落后, 特别是部分相对少用的面板基本没有资料, 一个面板就查阅了五六篇博客...), 所以学的也是磕磕绊绊艰难的很, 所以我就有意的学习并梳理出一份相对全面且利于自己后续查阅补充的笔记

18. 正则表达式学习笔记

正则可以说是操作 [ 字符串 ] 最强大的工具了, 没有之一, 特别是在进行 爬虫技术或 前端字符串处理 时简直必备技能, 然鹅正则总是学了忘、忘了学, 用时还需要去百度翻资料, 也是严重影响了工作效率, 所以我也认真查阅许多资料认真学习梳理成此笔记.

19. A_前端工具使用笔记

工欲善其事, 必先利其器,工具是我们开发人员每天接触最多的,用好工具能极大提高我们开发速度,所以此目录将收录前端开发所用到的工具学习梳理笔记,如: VSCode笔记 、 Chrome_DevTools调试工具使用详解笔记 、**本人浏览器收藏夹公开分享**等...

19. 其他待更新

Ⅱ-编程_后台服务端学习笔记

1. Java学习笔记

此处目前只有javaSE阶段学习笔记, 即java基础, 其他如SSM、微服务等部分因当初学习不够系统, 并未留下笔记, 计划在未来时间重新进行知识梳理与笔记记录

2. NodeJs学习笔记

此处目前记录的是Nodejs、Express框架、其他如node中使用redis、图片校验码、JWT和MD5加密、文件上传等相关知识点笔记

3. Mysql数据库

此处目前只记录的是Mysql的安装卸载以及一些基本操作, 其他知识学习时间较早, 当时未形成笔记, 留待以后重新进行知识梳理与相关笔记记录

4. 云服务器相关笔记

此处记载本人对于服务器使用及相关学习笔记

5. Golang学习笔记

此处记录本人对于Go语言的学习笔记, 为持续学习笔记, 更新较慢

6. 此部分更新较慢

Ⅲ-编程_算法及课程基础学习笔记

1. 数据结构与算法(目前持续学习更新中)

   即本人算法的系统学习笔记:内分为数据结构与算法与leetCode两部分, 本人还在学习过程, 将边学习边完善该笔记, 目前公司业务相对较重, 所以当前更新速度略慢

2. 软件模式设计

   编程基石, 在我达到一定技术能力后将会继续完善该部分

3. 计算机网络

   此部分为本人学习计算机网络相关知识笔记, 也是持续更新类型笔记, 目前为浅学阶段

4. 其他

Ⅳ-编程_自封装utils或组件整合笔记

本人学编程以来封装的部分工具包分享, 有从刚开始接触编程便撰写出来的相对low的代码快, 也有的后面时间写就会显得稍好些的模块包。如果对于其中内容有所不理解的或者感觉可以改进的可以私聊我 转载请注明出处。

1. 自封装JavaScript工具包

   本人目前阶段封装的最多的工具包, 对各种项目中会遇到的操作进行简化封装, 并能抽出到各种项目中使用的, 能很好的锻炼自己的同时也能给各位同学一些借鉴与启发

2. 自封装小程序工具包

   本人学习以及开发小程序过程中封装微信小程序工具包

3. 自封装前端组件

   目前还未整理, 预将未来自己封装的通用组件记录于此, 为以后自己开发开源组件库做准备

4. 其他, 其它语言项目开发接触少, 暂无准备封装

Ⅴ-杂记_其他(如破解与配置)的碎片化笔记

此处主要记录值得Mark的网站及工具、各种软件白(po)嫖(jie)、本人编程工具配置、本人软件分享、以及其他碎片化知识点

1. Typora笔记软件分享

2. 教坏小孩子的笔记

   各种如何白(po)嫖(jie)学习软件的教程整理(你懂的), 仅供学习用途、如果侵犯到他人权益请私聊本人删除

3. 我的 Vscode配置

4. 我的 IntelliJIDEA配置

5. 我的 uTools配置

6. 其他

Ⅵ-面试_面试题整理

本笔记将记录本人以及朋友备战的面试题、面试过程遇到的面试题、觉得有用的面试题, 以不同时期作为分类

1. 各阶段面试题复习整理

此笔记准备将每次准备面试时,对于自己当前能力阶段的面试题进行梳理与归纳

2. JavaScript专项练习

关于JavaScript的专项练习

Ⅶ-提升_自我提升学习笔记

这是本人自我提升学习笔记, 无关编程, 所以此部分笔记只是了上传小部分,只是本人一些闲余笔记,请忽略

提交标准

1. 本人自 2021年1月后创建本笔记仓库, 每次push都会commit标注好学习的信息, 笔记将按照以下标准进行记录

   • 先根据笔记类型(前端、后台、其他等类型)进行分类
   • 仓库网络图: https://gitee.com/hongjilin/hongs-study-notes/graph/master

2. 本笔记commit提交标准

   docs:新建知识点笔记
   feat:新增知识点(feature)
   update:对于某部分知识点的更新修改(不是勘误, 如更新目录索引及某正确知识点补全等操作)
   fix:勘误, 修正知识点错误等操作
   style:如文档内样式调整, 格式调整等不影响笔记内容的操作 (如删除多余资源, 如无用的图片及无用语句删除等)
   refactor:笔记重构与优化(主要就是目录变动 笔记文件结构调整 文件名更改等操作)
   //举例
   docs(算法):新建数据结构与算法知识点笔记
   feat(前端-promise):新增笔记中async+await+promise知识点笔记
   fix(前端-微信小程序):更正笔记中对于自定义组件描述的不恰当处
   refactor(前端):对于前端笔记部分文件目录进行重构调整
   style(后台-java):进行对该笔记中笔记格式与样式调整 或 进行对该笔记中多余图片展示资源的删除
   update(README.md):笔记说明文档目录索引更新-新增小程序自封装组件笔记索引
   //当然, 有时候学习起来过程中会忘记提交, 可能一天才提交一次
   //届时若新增知识点杂多 且有对于其他笔记的小修小补 则会将其归纳于feat
   //着重备注主要更新知识点、其次会备注次要更新、小修小补可能会忽略备注

   这样就可以根据提交信息追朔具体笔记的更新信息了, 该提交标准将于 2021年5月中旬开始实行

个人总结

目前本人目前在初入工作阶段:前端岗位, 目前更新的大部分知识点笔记会是前端所涉及知识笔记还有少部分其他知识mark.不过, 前后端很多知识都是相通的, 这个笔记我觉得还是很有必要分享出来, 之后随着学习深入如java或者go也将会涉及记录.

笔记分享的想法还是来自于曾经听过一句让我感触很深的话:学到的就要教人 得到的就要给人--当初刚入大学没有像现在那么多的资源, 当时的我想学编程, 问一位学长的时候竟然连一个ajax知识点都敝帚自珍, 给人讲解的时候还专门避开我, 就因为那个同学拜师于他....随后磕磕碰碰得到的学习资料总是不成体系或者有所残缺, 导致我大一大二时间大部分荒废在了寻找学习资料中, 直到后来B站的学习视频逐渐变多、网上也有越来越多的人将学习资料共享出来, 我也得益于此开始走上了编程之路。所以我也自己所学知识沉淀分享出去, 希望多少能帮到别人.同时也希望大家如果发现我笔记中错误也能帮忙指出, 共同进步

这个笔记能对同学们起到借鉴或帮助作用的同时也是本人不断试错且对自我进行知识体系完善的一个过程, 所以殷切希望同学们如果看到笔记中出现错误、或者有什么好的建议 都能向我提出讨论, 我也会及时进行勘误与改进。

而本人对于编程学习心得分享就是:先know how再know why --> 顾名思义就是: 先知道怎么用怎么做, 再去考虑原理, 逆推回去.主要先学习思维与解决问题的方式, 我喜欢从大局上俯瞰整个知识体系, 然后再去根据自己建立的知识体系查缺补漏补足基础.当然每个人有自己的学习方式, 欢迎交流

加油, 打工人! 加油, 新生代农民工!!