学习札记
2021.1.14
8.
发布了第一个angular应用(半成品)!
对我个人而言,算是一个milestone,里程碑!
此刻,窗外阳光明澈。
想起数年前,某个春天,持续数月的暴雨。
整个世界似乎都笼罩在雨雾之中!
当时想回服务过多年的老东家,联系了老总,老总回复了一句:熟悉 angular.js吗?
当时就蒙圈了!
现在,熟悉了vue,了解 了react,也多多少少了解了ng!
------------------------------------
过去一段时间读过(含精读,多次反复阅读,浏览)的书:
html/css:
书名:HTML5权威指南
说明:css入门类书籍,非常棒,让我厘清了不少含糊不清的概念。
书名:响应式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了?
有时间仔细学下,写一下心得。
------------------