前言对于不是从事音视频方面的同学来说，很多情况下都是通过 window.location.href 来下载文件。这种方式，一般是前后端的登录态是基于 Cookie + Session 的方式，由于浏览器默认会将本地的 cookie 塞到 HTTP 请求首部字段的 Set-Cookie 中，从而实现来带用户的 SessionId，所以，我们也就可以用 window.location.href 来打开

前言静态节点提升是「Vue3」针对 VNode 更新过程性能问题而提出的一个优化点。众所周知，在大型应用场景下，「Vue2.x」的 patchVNode 过程，即 diff 过程是非常缓慢的，这是一个十分令人头疼的问题。虽然，对于面试常问的 diff 过程在一定程度上是减少了对 DOM 的直接操作。但是，这个减少是有一定成本的。因为，如果是复杂应用，那么就会存在父子关系非常复杂的 VNode，而这

引言今年，疫情并没有影响到各种面经的正常出现，可谓是络绎不绝（学不动…）。然后，在前段时间也看到一个这样的关于 Vue 的问题，为什么每个组件 template 中有且只能一个 root？可能，大家在平常开发中，用的较多就是 template 写 html 的形式。当然，不排除用 JSX 和 render() 函数的。但是，究其本质，它们最终都会转化成 render() 函数。然后，再由 re..

前言在上一篇文章中，我们分析了在编译过程静态节点的提升。并且，在文章的结尾也说了，下一篇文章将会介绍 patch 过程。说起「Vue3」的 patch 过程，其中最为津津乐道的就是靶向更新。靶向更新，顾名思义，即更新的过程是带有目标性的、直接性的。而，这也是和静态节点提升一样，是「Vue3」针对 VNode 更新性能问题的一大优化。那么，今天，我们就来揭秘「Vue3」compile 和 runti

在 ChatGPT 出现之时，社区内也出现过把 React 官方文档投喂给它，然后对它进行提问的实践。但是，由于每次 ChatGPT 对话能接受的文本内容对应的 Token 是有上限的，所以这种使用方式存在一定的手动操作成本和不能复用的问题。而Documate的出现则是通过工具链的集成，仅需使用 CLI 提供的命令和部署服务端的代码，就可以很轻松地实现上述的数据投喂模型 + 提问 ChatGPT

前言前段时间，Vite 做了一个优化依赖预编译（Dependency Pre-Bundling）。简而言之，它指的是 Vite 会在 DevServer 启动前对需要预编译的依赖进行编译，然后在分析模块的导入（import）时会动态地应用编译过的依赖。这么一说，我想大家可能立马会抛出一个疑问：Vite 不是 No Bundle 吗？确实 Vite 是 No Bundle，但是依赖预编译并不是意味着

前言如果仔细观察浏览器加载Vue-Cli项目的时候，默认情况下，只会加载app.js文件，即所有文件都是在app.js文件中，然后浏览器读取app.js进行加载，所以如果项目很大，这种加载方式显然是影响用户体验。那么这时候就要通过按需加载的方式来异步加载组件，从而达到分割代码的作用。常规的加载方式常规或者新手在Vue-Cli项目中引入组件，都是如下：import component f...

前言在 5月22日的 Vue Conf 21 上，尤大介绍在介绍单文件组件（SFC）在编译阶段的优化的时候，讲了 SFC Style CSS Variable Injection 这个提案，即 <style> 动态变量注入。简单地讲，它可以让你在 <style> 中通过 v-bind 的方式使用 <script> 中定义好的变量。这么一听，似乎很像 CSS In

前言SEO(Search Engine Optimization)，即搜索引擎优化。权威的解释是利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。具体到怎么实现，就是通过在网页上内嵌一些meta属性来达到更好地被搜索引擎爬取关键信息，从而提升自身的搜索排名。单页应用（Single Page Application）由Vue-Cli打包生成的网站的文件就是单页应用，它只有一个Index...

近期在使用vue-cli3.0写项目，所以就来对比一下vue-cli2.0和vue-cli3.0Vue-cli 2.0全局安装npm install -g vue-cli创建项目vue init webpack project-name项目目录结构Vue-cli 3.0全局安装npm install -g @vue/cli-service-glob...