LydiaYuan

Svelte 是一个新的前端框架，由 rollup 的作者编写。其口号——编译器即框架，核心思想在在于 编译期 做静态分析， 按需生成 最小的功能集来减少打包后代码体积。Svelte 的另一个特点是没有采用现在框架流行的虚拟 DOM 架构，而是直接编译生成最小操作 DOM 的代…

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…

我们常说， Node.js 是单线程的，这句话对新人有很大的误导作用。首先要明确：Node.js 程序并非「单线程」，证明代码如下： 看到没，一个 Node 程序有 7 个线程。到这里，你可能会很困惑，这究竟是怎么回事？其实正确的说法应该是： 所以说，我们的 Node 程序中包…

从这张图可以看到，最上面的文件就是我们整个app的入口，也是这个文件启动了我们整个app，这就是weback的入口，通常这个文件会依赖我们自己app的其他文件，其他文件又会依赖别的第三方库，这些依赖可能是js，也可能是css，当然右边也展示了我们也会依赖app里面的其他文件。 …

webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐渐演化成了一个生态体系，成为前端打包代码和处理开发时候必不可少的一个工具。 首先将代码clone到你本地，然后运行yarn install。既然文章讲的是webpack，那么问题来了，当你运…

最近在学习一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的异步更新策略及 nextTick 原理。 这段代码很简单，相信很多人都会说yes。当然也…

注：此项目纯属个人瞎搞，与instagram无任何关系。 因前后端不同端口原因，为解决跨域。前端工程启动了devServer，需先启动后端工程

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 它的核心就在于它认为自任何站点装载的信赖内容是…