学习札记
2021.1.14
8.
发布了第一个angular应用（半成品）！
对我个人而言，算是一个milestone，里程碑！
此刻，窗外阳光明澈。
想起数年前，某个春天，持续数月的暴雨。
整个世界似乎都笼罩在雨雾之中！
当时想回服务过多年的老东家，联系了老总，老总回复了一句：熟悉 angular.js吗？
当时就蒙圈了！
现在，熟悉了vue,了解 了react，也多多少少了解了ng！
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
过去一段时间读过（含精读，多次反复阅读，浏览）的书：
html/css：
书名：HTML5权威指南
说明：ｃｓｓ入门类书籍，非常棒，让我厘清了不少含糊不清的概念。
书名：响应式Web设计：HTML5和CSS3实战第2版
说明：不是太厚，但内容精彩，让人对如何构建响应式网页布局，有了清晰的概念。
书名：深入解析CSS(css in depth)
说明：前三章回顾了容易被混淆的数个概念，后面深入讲解布局知识，float, flex, grid。
书名：css权威指南，浏览了一遍，新版增添了好多内容，需要时间慢慢消化。
(附注：为了方便学习，参照webpack官网教程，自行搭建了一个开发服务器。)
js:
书名：你不知道的JavaScript（上中下三卷）
说明：略读，对闭包，等等的概念有了更新的了解。
书名：学习JavaScript数据结构与算法第3版
说明：略读，得益于以前学习c c++的基础，理解起来不难！
node:
书名：Node.js实战第 2 版
说明：对后端发生的事情，有了一定的了解
其他：
electron in action
koa examples
React官网教程
Angular官网
vue.js3.0官网教程
webpack官网
express examples
powershell in action 3
TypeScript4.0使用手册
Angular在线教程
TypeScript4.0使用手册
Angular2权威教程
2020.12.14
7
vue3:
同一事件可同时绑定多个事件，用逗号分隔开：
<button @click="one($event), two($event)">
Submit
</button>
2020.12.12
6
看《深入css》第4章时，使用样例Html，自定义服务器始终 报错。随后 更改了index.js内容
old:
require('html-loader!./file.html');
new:
import html from './file.html'; if(module.hot){ module.hot.accept( html ) }
--------------------
1.
本篇 随笔取名缘由：
看书学习，或在某个框架的官网或网上教程中学习时，总有些心得，想要记录下来，
在取名时，第一时间，想到的是很久以前看过的一本叫《侍卫官札记》的书，内容早忘记了，借鉴一下书名。
昨晚听央台Music音乐之声节目，主题是王力宏，说他经常脑中一有灵感，立刻动手记录下来。
又想起曾看过一电影，里面的嘻哈大佬，玩乐时，也不忘哼唱旋律，一有发现，即刻记录。
故名。
ps：其实就是想随便写点啥，又要找点借口，才感觉名正言顺。
2.
这段时间在看css方面的书，配套的代码文件，大部分是html文件，想要在更改代码后实时在浏览器上看效果，需手动刷新页面，很是不便。
于是想找个现成的脚手架。
手边有的，vue，或react,或angular，
试用了一下，
也不方便，
因为这些框架提供的脚手架，
提供的开发服务器，
没办法让我直接使用html格式的文件，在上面随心所欲修改看效果。
结论：只能自行使用webpack自定义一个开发服务器了。
3.
折腾了一段时间，既折腾出了纯使用html的服务器，也折腾出了使用Node/webpack和webpack/express的自定义服务器，自我表扬下。
实际使用中，也有一些小bug，慢慢来了。
反正已经把webpack官网所有内容全过了一遍。
最关键的是配置文件：webpack.config.js，
此文件最核心的 4 大部分：
entry:入口
output:出口
module.rules：各种loader配置(ps:配置选项多如牛毛)
plugins:一个数组
假以时日，或许我会成为一句webpack配置熟手...
4.
想在vue.js官网过一遍教程api啥的，突然发现网络时快时慢，qq联系了电信客服，好多了。
为防万一，找了个offline软件，把vue.js官网的教程全扒了下来。
5.
vue.js3正式发布了。
抓紧时间上官网全部浏览了一二遍。
突然间发现自己英文阅读理解 水平提升了，因为3.0只有英文版，中文版暂无。
狂喜！
3.0的变化蛮大的。
废除了不少内容。
新增了很多。
如：增加了reactivity和composition api.
reactivity这个，感觉有点有类似react新推出的hook中提及的useState啥的，只是感觉！
似乎也有点类似angular中的那个啥可观察对象？教程中讲不是的，所以了取了个别的名字，怕误会。
就是能及时响应的state了？
有时间仔细学下，写一下心得。
------------------
