Tzyy
获得徽章 1
- #青训营笔记创作活动#
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月1日 打卡day6
今日学习：
抓包工具 whistle 的使用是很简单的，难的是抓包的原理，设计计算机网络的知识，下来还要好好看一下。原来以为抓包很难，但学习过后发现还是挺简单的。展开评论点赞 - #青训营笔记创作活动#
12月31日 打卡day9
今日学习：
TinyPng，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
身为一个程序员 🧑展开评论点赞 - #青训营笔记创作活动#
12月30日 打卡day27
今日学习：
看这篇文章的前一天，心血来潮的力扣看了第一题，发现JavaScript的题解就用到了Map。在JavaScript中可以用map来实现hash map，而且map比objtect快。展开评论点赞 - #青训营笔记创作活动#
12月28日 打卡day33
今日学习：
第一次了解到Pinia是实验室的学长做技术分享demo，但是当时学长因为没学过Vuex，导致不太清楚它们两个具体差别在哪，通过这篇文章，了解得比较清楚了，但实验室项目模板还是Vuex，以后Pinia应该是主流。展开评论点赞 - #青训营笔记创作活动#
12月27日 打卡day2
今日学习：
目前学习到的前端知识主要是用于可视化，后面写项目的时候应该会慢慢接触到这些工具。json格式化还是挺常用的，极简插件也很有用，但我会科学上网（坏笑）
展开评论点赞 - #青训营笔记创作活动#
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月23日 打卡day5
今日学习：
1. 防抖和节流本质上是高频率执行代码的一种手段。
防抖：n秒内只运行一次，若在n秒内重复触发，则只有一次生效
节流：n秒后再执行该事件，若在n秒内被重复触发，则重新计时
2. 使用场景：
防抖在连续的事件，只需触发一次回调的场景有：
搜索框搜索输入。只需用户最后一次输入完，再发送请求
手机号、邮箱验证输入检测
窗口大小resize。只需窗口调整完成后，计算窗口大小。防止重复渲染。
节流在间隔一段时间执行一次回调的场景有：
滚动加载，加载更多或滚到底部监听
搜索框，搜索联想功能展开评论点赞