• 学习札记


    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了?

    有时间仔细学下,写一下心得。

    ------------------

     

  • 相关阅读:
    网络相关配置
    RestTemplate 工具类以及拦截器配置打印调用日志
    Redis(2)九大数据类型及落地案例
    JUC(7)ThreadLocal
    JUC(5)原子类
    JUC(6)LockSupport
    JUC(4)Volatile
    JUC(3)Java内存模型JMM
    JUC(1)说说Java“锁”事
    JUC(2)线程中断机制
  • 原文地址:https://www.cnblogs.com/sx00xs/p/14119385.html
Copyright © 2020-2023  润新知