Tzyy
获得徽章 1
关注了
#青训营笔记创作活动#
12月5日 打卡day21
今日学习：
对比npm和yarn，pnpm的优势在于包安装的速度极快和磁盘空间利用非常高效。安装pnpm：npm i -g pnpm。其次pnpm支持monorepo以及它的安全性高。并且使用起来和npm没有什么差别。
12月5日 打卡day21
今日学习：
对比npm和yarn，pnpm的优势在于包安装的速度极快和磁盘空间利用非常高效。安装pnpm：npm i -g pnpm。其次pnpm支持monorepo以及它的安全性高。并且使用起来和npm没有什么差别。
展开
评论
点赞
#青训营笔记创作活动#
1月4日 打卡day29
今日学习：
最重要的两个字段是name和version，它们两个能共同构成一个完美的项目标识符
type：在 node 支持 ES 模块后，要求 ES 模块采用 .mjs 后缀文件名。只要遇到 .mjs 文件，就认为它是 ES 模块。如果不想修改文件后缀，就可以在 package.json文件中，指定 type 字段为 module
一直不知道为什么入口文件是index.js，原来是main字段配置
1月4日 打卡day29
今日学习：
最重要的两个字段是name和version，它们两个能共同构成一个完美的项目标识符
type：在 node 支持 ES 模块后，要求 ES 模块采用 .mjs 后缀文件名。只要遇到 .mjs 文件，就认为它是 ES 模块。如果不想修改文件后缀，就可以在 package.json文件中，指定 type 字段为 module
一直不知道为什么入口文件是index.js，原来是main字段配置
展开
评论
点赞
#青训营笔记创作活动#
1月1日 打卡day6
今日学习：
抓包工具 whistle 的使用是很简单的，难的是抓包的原理，设计计算机网络的知识，下来还要好好看一下。原来以为抓包很难，但学习过后发现还是挺简单的。
1月1日 打卡day6
今日学习：
抓包工具 whistle 的使用是很简单的，难的是抓包的原理，设计计算机网络的知识，下来还要好好看一下。原来以为抓包很难，但学习过后发现还是挺简单的。
展开
评论
点赞
#青训营笔记创作活动#
12月31日 打卡day9
今日学习：
TinyPng，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
身为一个程序员 🧑
12月31日 打卡day9
今日学习：
TinyPng，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
身为一个程序员 🧑
展开
评论
点赞
#青训营笔记创作活动#
12月30日 打卡day27
今日学习：
看这篇文章的前一天，心血来潮的力扣看了第一题，发现JavaScript的题解就用到了Map。在JavaScript中可以用map来实现hash map，而且map比objtect快。
12月30日 打卡day27
今日学习：
看这篇文章的前一天，心血来潮的力扣看了第一题，发现JavaScript的题解就用到了Map。在JavaScript中可以用map来实现hash map，而且map比objtect快。
展开
评论
点赞
#青训营笔记创作活动#
12月28日 打卡day33
今日学习：
第一次了解到Pinia是实验室的学长做技术分享demo，但是当时学长因为没学过Vuex，导致不太清楚它们两个具体差别在哪，通过这篇文章，了解得比较清楚了，但实验室项目模板还是Vuex，以后Pinia应该是主流。
12月28日 打卡day33
今日学习：
第一次了解到Pinia是实验室的学长做技术分享demo，但是当时学长因为没学过Vuex，导致不太清楚它们两个具体差别在哪，通过这篇文章，了解得比较清楚了，但实验室项目模板还是Vuex，以后Pinia应该是主流。
展开
评论
点赞
#青训营笔记创作活动#
12月27日 打卡day2
今日学习：
目前学习到的前端知识主要是用于可视化，后面写项目的时候应该会慢慢接触到这些工具。json格式化还是挺常用的，极简插件也很有用，但我会科学上网（坏笑）
12月27日 打卡day2
今日学习：
目前学习到的前端知识主要是用于可视化，后面写项目的时候应该会慢慢接触到这些工具。json格式化还是挺常用的，极简插件也很有用，但我会科学上网（坏笑）
展开
评论
点赞
#青训营笔记创作活动#
12月26日 打卡day34
今日学习：
1. 逻辑或 || 的短路运算：若左边能转成true，则返回左边式子的值，不用再去判断右边的式子正确与否。反之返回右边式子的值。
2. 三目表达式：替代if-else的最好选择，推荐只使用一层。
3. switch case：可读性比if-else if-else高，但写起来比较麻烦。
4. 对象配置：看起来和switch case很类似，但写起来方便了很多。对象配置也可以用Map去管理。
12月26日 打卡day34
今日学习：
1. 逻辑或 || 的短路运算：若左边能转成true，则返回左边式子的值，不用再去判断右边的式子正确与否。反之返回右边式子的值。
2. 三目表达式：替代if-else的最好选择，推荐只使用一层。
3. switch case：可读性比if-else if-else高，但写起来比较麻烦。
4. 对象配置：看起来和switch case很类似，但写起来方便了很多。对象配置也可以用Map去管理。
展开
评论
点赞
#青训营笔记创作活动#
12月24日 打卡day19
今日学习：
1. console对象的各种实例方法，新学到的是console.time和console.timeEnd，也见识了JavaScript引擎的执行效率，还是很快的。
2. 断点这个知识平时也没怎么了解，试了下在vscode里面进行断点，熟悉了基本操作。
12月24日 打卡day19
今日学习：
1. console对象的各种实例方法，新学到的是console.time和console.timeEnd，也见识了JavaScript引擎的执行效率，还是很快的。
2. 断点这个知识平时也没怎么了解，试了下在vscode里面进行断点，熟悉了基本操作。
展开
评论
点赞
#青训营笔记创作活动#
12月23日 打卡day5
今日学习：
1. 防抖和节流本质上是高频率执行代码的一种手段。
防抖：n秒内只运行一次，若在n秒内重复触发，则只有一次生效
节流：n秒后再执行该事件，若在n秒内被重复触发，则重新计时
2. 使用场景：
防抖在连续的事件，只需触发一次回调的场景有：
搜索框搜索输入。只需用户最后一次输入完，再发送请求
手机号、邮箱验证输入检测
窗口大小resize。只需窗口调整完成后，计算窗口大小。防止重复渲染。
节流在间隔一段时间执行一次回调的场景有：
滚动加载，加载更多或滚到底部监听
搜索框，搜索联想功能
12月23日 打卡day5
今日学习：
1. 防抖和节流本质上是高频率执行代码的一种手段。
防抖：n秒内只运行一次，若在n秒内重复触发，则只有一次生效
节流：n秒后再执行该事件，若在n秒内被重复触发，则重新计时
2. 使用场景：
防抖在连续的事件，只需触发一次回调的场景有：
搜索框搜索输入。只需用户最后一次输入完，再发送请求
手机号、邮箱验证输入检测
窗口大小resize。只需窗口调整完成后，计算窗口大小。防止重复渲染。
节流在间隔一段时间执行一次回调的场景有：
滚动加载，加载更多或滚到底部监听
搜索框，搜索联想功能
展开
评论
点赞
#青训营笔记创作活动#
12月22日 打卡day4
今日学习：
1. 在ES6中，我们可以使用Promise对象来处理异步操作，使异步操作能够以同步操作的方式表达出来，简单来说，Promise对象让我们可以控制异步操作的执行顺序。
2. then()和catch()默认会返回一个值为undefined的Promise对象，这也就能解释为什么可以使用链式语法了。当然也可以用return来显式地返回新的Promise对象，这个新的Promise对象显然会覆盖值为undefined的Promise对象。
3. 对于async/await，简单一点总结：async返回的是一个Promise对象；只有在async函数内部才可以使用await；await后面一般只接一个Promise对象。在async函数中，JavaScript引擎从上到下执行代码，如果遇到await，会等await后面的异步操作完成之后，再执行await代码。
4. 除了用Promise构造函数来创建Promise对象，还可以用Promise.resolve()和Promise.reject()来创建一个Promise对象。区别在于Promise构造函数创建出来的的Promise对象的状态一开始是不确定的，而Promise.resolve()创建的是一个fuifilled状态的Promise对象，Promise.reject()创建的是一个rejected状态的Promise对象。
12月22日 打卡day4
今日学习：
1. 在ES6中，我们可以使用Promise对象来处理异步操作，使异步操作能够以同步操作的方式表达出来，简单来说，Promise对象让我们可以控制异步操作的执行顺序。
2. then()和catch()默认会返回一个值为undefined的Promise对象，这也就能解释为什么可以使用链式语法了。当然也可以用return来显式地返回新的Promise对象，这个新的Promise对象显然会覆盖值为undefined的Promise对象。
3. 对于async/await，简单一点总结：async返回的是一个Promise对象；只有在async函数内部才可以使用await；await后面一般只接一个Promise对象。在async函数中，JavaScript引擎从上到下执行代码，如果遇到await，会等await后面的异步操作完成之后，再执行await代码。
4. 除了用Promise构造函数来创建Promise对象，还可以用Promise.resolve()和Promise.reject()来创建一个Promise对象。区别在于Promise构造函数创建出来的的Promise对象的状态一开始是不确定的，而Promise.resolve()创建的是一个fuifilled状态的Promise对象，Promise.reject()创建的是一个rejected状态的Promise对象。
展开
评论
点赞
#青训营笔记创作活动#
12月21日 打卡day36
今日学习：
1. key虽然是写在模板里面的，但是它是服务于vue内部的，虚拟DOM里面会有key属性（diff算法所必需的），但最后生成的真实DOM里面没有key这个属性。
2. 用index作为key并不能说一定有问题，如果对数据进行了破坏顺序的操作（逆序删除、逆序添加）就会出现问题。
3. 不写key这个属性vue会默认把index作为key。
12月21日 打卡day36
今日学习：
1. key虽然是写在模板里面的，但是它是服务于vue内部的，虚拟DOM里面会有key属性（diff算法所必需的），但最后生成的真实DOM里面没有key这个属性。
2. 用index作为key并不能说一定有问题，如果对数据进行了破坏顺序的操作（逆序删除、逆序添加）就会出现问题。
3. 不写key这个属性vue会默认把index作为key。
展开
评论
点赞
#青训营笔记创作活动#
12月18日 打卡day6
今日学习：
抓包工具 whistle 的使用是很简单的，难的是抓包的原理，设计计算机网络的知识，下来还要好好看一下。原来以为抓包很难，但学习过后发现还是挺简单的。
12月18日 打卡day6
今日学习：
抓包工具 whistle 的使用是很简单的，难的是抓包的原理，设计计算机网络的知识，下来还要好好看一下。原来以为抓包很难，但学习过后发现还是挺简单的。
展开
评论
点赞
#青训营笔记创作活动#
12月17日 打卡day9
今日学习：TinyPng，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
身为一个程序员 🧑
，是不能接受手动一张张上传压缩这种方法的。因此，选择第二种方法，通过封装一个工具，对项目内的图片自动压缩，彻底释放双手 🤲 。
但我现在还是一张张上传压缩这种方法吧![[骷髅]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_35.8d57f28.png)
12月17日 打卡day9
今日学习：TinyPng，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
身为一个程序员 🧑
，是不能接受手动一张张上传压缩这种方法的。因此，选择第二种方法，通过封装一个工具，对项目内的图片自动压缩，彻底释放双手 🤲 。但我现在还是一张张上传压缩这种方法吧
![[骷髅]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_35.8d57f28.png)
展开
评论
点赞
#青训营笔记创作活动#
12月16日 打卡day27
今日学习：
看这篇文章的前一天，心血来潮的力扣看了第一题，发现JavaScript的题解就用到了Map。在JavaScript中可以用map来实现hash map，而且map比objtect快。
12月16日 打卡day27
今日学习：
看这篇文章的前一天，心血来潮的力扣看了第一题，发现JavaScript的题解就用到了Map。在JavaScript中可以用map来实现hash map，而且map比objtect快。
展开
评论
点赞
#青训营笔记创作活动#
12月15日 打卡day33
今日学习：
第一次了解到Pinia是实验室的学长做技术分享demo，但是当时学长因为没学过Vuex，导致不太清楚它们两个具体差别在哪，通过这篇文章，了解得比较清楚了，但实验室项目模板还是Vuex，以后Pinia应该是主流。
12月15日 打卡day33
今日学习：
第一次了解到Pinia是实验室的学长做技术分享demo，但是当时学长因为没学过Vuex，导致不太清楚它们两个具体差别在哪，通过这篇文章，了解得比较清楚了，但实验室项目模板还是Vuex，以后Pinia应该是主流。
展开
评论
点赞
#青训营笔记创作活动#
12月14日 打卡day2
今日学习：
目前学习到的前端知识主要是用于可视化，后面写项目的时候应该会慢慢接触到这些工具。json格式化还是挺常用的，极简插件也很有用，但我会科学上网（坏笑）
12月14日 打卡day2
今日学习：
目前学习到的前端知识主要是用于可视化，后面写项目的时候应该会慢慢接触到这些工具。json格式化还是挺常用的，极简插件也很有用，但我会科学上网（坏笑）
展开
评论
点赞
#青训营笔记创作活动#
12月13日 打卡day34
今日学习：
1. 逻辑或 || 的短路运算：若左边能转成true，则返回左边式子的值，不用再去判断右边的式子正确与否。反之返回右边式子的值。
2. 三目表达式：替代if-else的最好选择，推荐只使用一层。
3. switch case：可读性比if-else if-else高，但写起来比较麻烦。
4. 对象配置：看起来和switch case很类似，但写起来方便了很多。对象配置也可以用Map去管理。
12月13日 打卡day34
今日学习：
1. 逻辑或 || 的短路运算：若左边能转成true，则返回左边式子的值，不用再去判断右边的式子正确与否。反之返回右边式子的值。
2. 三目表达式：替代if-else的最好选择，推荐只使用一层。
3. switch case：可读性比if-else if-else高，但写起来比较麻烦。
4. 对象配置：看起来和switch case很类似，但写起来方便了很多。对象配置也可以用Map去管理。
展开
评论
点赞