腊肉丸子
获得徽章 1
- 8月11日打卡，第十五天。今日学习《快速入门Webpack的简单使用》：webpack对我来说一直是个很繁琐的东西，自己用vue写项目的时候也是直接使用脚手架进行配置，没考虑过打包的过程，文章介绍了创建vue项目自己该怎么用webpack进行打包，让我明白了自己之前一直忽略的部分。评论点赞
- 8月9日，打卡第十四天。今日学习《Vue原理之虚拟DOM和render函数》：render用于构建虚拟DOM，返回值是VNode。VNode经过Diff和Patch后生新的UI界面(真实DOM渲染)评论点赞
- 8月4日，打开第十二天。今日学习《TS 常见问题整理（60多个，持续更新ing）》：TS是JS的超集，在学习JS的时候，一直觉得JS的数据类型很混乱，不像以前学习的其他语言那么严谨。最近在做项目的过程中，又发现组件中的数据多传递几次就会出现，自己不记得这个数据内部里面有什么。使用TS虽然在开发的阶段会有一些不适应，但是能提高之后项目维护的效率。这篇文章总结得很全面，适合我这个新手学习TS中的重点。展开评论点赞
- 8月3日打卡，第十一天。今日学习《前端开发调试最佳实践》：自己之前调试代码的时候只利用了日志的功能，文章讲了很多小技巧，帮助之后在开发过程快速debug。评论点赞
- 8月2日，打卡第十天。今日学习《HTTP----HTTP缓存机制》：之前也学过强缓存和协商缓存，但是没注意到这就是http的缓存机制，以为是浏览器的缓存机制。还有，直接输入url、f5刷新、f5+ctl强制刷新的区别，也值得注意。
用户有三种行为会涉及到缓存：
1.新打开 Tab，输入 url，加载网页。
2.F5 刷新或者地址栏回车（等同于F5）
3.Ctrl + F5 刷新
当新打开一个 Tab 来加载网页，或者在当前 Tab 输入新的 url 加载新网页时，此时浏览器的内存缓存就没有使用场景了，缓存策略就是根据相关 header 字段来决定是走强缓存还是协商缓存
F5 刷新页面时，如果允许缓存，那么会优先从内存缓存中寻找，再根据 header 字段来判断走强缓存还是协商缓存
Ctrl + F5 也叫强制刷新，此时发给服务端的请求头中不会携带 If-Modified-Since 或 ETag 字段，那么服务端自然只能重新下发资源展开评论点赞 - 8月1日，打卡第九天。今日学习《web 跨域请求安全问题浅谈》：了解了造成CSRF中招的根源。CSRF的保护措施有 校验源、CSRF Token、随机cookie校验、Samesite Cookie几种方法。评论点赞
- 7月30日打卡，第八天。今天学习《现代Web开发困局》。感触挺多，我在这个前端入门阶段，还在考虑怎么实现功能需求，这篇文章已经在讨论如何让整个前端开发环境变得更好。借该篇文章了解了前端未来的发展趋势，也解决了一些目前自己在开发中遇到的困扰。评论点赞
- 7月29日打卡，第七天。今日学习《设计模式这样学也太简单了吧！》：设计模式重要的是学习思想，对目前阶段的我而言，在使用别人封装的代码的时候，要注意对方使用了什么设计模式。评论点赞
- 7月28日打卡，第六天。今天学习了《不知道怎么封装代码？看看这几种设计模式吧》。文章介绍了：
1.工厂模式：调用一个函数返回对应的对象
2.建造者模式：实现复杂功能的对象，如Vue、编辑器。内部有各种模块的相互调用。
3.单例模式：实现全局只能有一个的对象，如window、vue-router。vue-router内部保证了，就算多次install vue-router，也只创建一个全局vue-router
4.原型模式：JS的原型链就是原型模式。展开评论点赞
juejin.cn