- 博客(8)
- 收藏
- 关注
RSS订阅原创 再次梳理浏览器缓存机制
本文的主要内容包括：DNS缓存机制，以及相关的优化方案浏览器缓存(http缓存)的机制和相关的性能优化点DNS缓存之所以提及DNS缓存这一看起来与浏览器缓存关联不大的话题，是因为在这几次面试中缓存机制往往伴随着优化一并考察。而DNS往往是最容易遗漏，也是最容易形成首屏性能瓶颈的方面之一。以某平台的列表页项目为例，在客户端请求阶段，DNS 查询时间大概是 385 ms，而一个请求下来大约是 1233 ms。这还是在强网（WiFi/4G）的情况下，弱网环境下所需要的的时间可能更多。假如能压缩.
2021-04-20 17:09:26
720
原创 手动实现vue-router
手动实现vue-router所需的前置知识：插件混入Vue.observable()插槽render函数运行时和完整版的Vue实现原理Vue Router是前端路由，当路径切换时在浏览器判断当前路径，并加载对应组件Hash模式URL中#（HashTAG）后面的内容是路径地址监听hashchange事件根据当前路由地址找到对应组件并重新渲染History 模式通过history.pushState()方法改变地址栏（这一操作只改变地址栏并记录历史，并不真正跳转）监听p
2021-03-15 23:17:28
252
原创 函数式编程与柯里化-笔记
00-接上篇在上一篇中主要记录了函数柯里化的基本概念和手动实现，当然如果在每一个项目中都手动实现一遍柯里化显然是不方便的。其次，函数柯里化在函数式编程中具体有哪些应用模式呢？本篇将主要讲述柯里化的使用和函数式编程的应用。01-Lodash中的柯里化功能lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。在其内部将我们生产和开发中的许多常用功能抽象成了各种函数以方便调用（虽然他们不一定都是纯函数），其中便提供了curry和curryRight方法，这一方法可以帮助我们将函数柯里
2021-01-26 21:33:12
182
原创 函数式编程与柯里化-笔记
00 - 序本系列/专栏为拉勾教育-大前端高薪训练营学习笔记，内容为本系列课程的讲授内容、亮点题目分析、重点难点的总结、以及个人的体会。个人感觉拉勾教育比体验过的其他教育平台要更好一点。老师讲授的内容比较全面，相对于自学可以节省很多不必要的走弯路的时间，可以更快的使自己在技术上系统的有所提高。同时随堂测的题目也很用代表性，老师跟进解答很快，推荐和我一样在自学路上遇到瓶颈或者找不到进一步学习方向的同学尝试一下。01 - 说说函数式编程之前阅读一些经验丰富的开发者的源码，或者使用某些库的时候。我经常发现，
2021-01-09 18:32:59
145
原创 VUE源码解读（1）
Vue源码解读学习笔记系列，逐步深入解读Vue设计和源码。 ——CafuChino从虚拟DOM说起在使用Vue之前，Web项目最常用的库是Jquery。Jquery封装了各种常用的domApi，可以大大简化dom操作的难度，所以广受欢迎。但是无论是使用原生Js还是Jquery，当页面进行更新时依然要进行大量的DOM操作，如果要更改一个数据，可能需要逐层找到它的DOM元素，然后在对其进行更.
2020-12-07 13:49:10
94
原创 在Nuxt中使用Antv-G2plot
在自己的项目中用到了图表，虽然Echarts很火但是…默认样式比较丑，所以选择了阿里的图表库Antv的G2plot组件。因为我使用了基于Nuxt的Vue SSR，所以当服务端渲染的时候，会报比较常见的document不存在错误。官方文档关于这种使用插件的方法有相关描述，不过提供了很多种方案，初学者第一次遇到相关问题的时候可能不知道如何选择。在我尝试搜索的时候，网络上大多推荐使用静态js方案引入...
2020-03-24 10:30:12
1269
1
原创 在Vue中使用Filepond上传文件以及样式坑
Filepond是我个人最喜欢的上传组件之一，在功能全面的基础上提供了额及其强大的可定制性以及最美观的样式。虽然官网有vue下的使用指南，但是并不是很全面。在开发我的开源图床框架PARA时，我选择了Filepond作为我的前端上传插件。它具备官方的前端框架支持和几乎所有你能想到的定制属性。更棒的是，它在nuxt下依然非常好用。基本使用安装：npm install vue-filepon...
2020-03-01 17:27:22
2674
2
原创 43 道检验基础的 JavaScript 面试题（1）
题目来源于 https://zhuanlan.zhihu.com/p/75359676 ，觉得不错。一边做一边记录。————CafuChino1. 下面代码的输出是什么？function sayHi() {console.log(name);console.log(age);var name = "Lydia";let age = 21;}这道题的考点无非就是考察let的特...
2020-02-29 11:19:49
844
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人