抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

介绍 为什么需要浏览器缓存 当你第一次访问页面的时候,浏览器会自动下载所有与这个页面有关的资源,例如 CSS、网页字体、JavaScript脚本。 但是,在很短一段时间内,当你第二次访问网页时,这些资源往往是不变的。如果这个时候仍然再加载这些 CSS、网页字体、JavaScript脚本,那么,不但增加了服务器的负担,也增加了请求的时间,这对双方都是十分不利的。 如果这个时候能够把一些很少...

为什么要语义化 在 uni-app 等移动开发框架上,如果做过项目,就可以发现一个很常见的问题:整个页面几乎全是 <view>`` 这样的标签。 同样的,在网页端开发上,也会有光使用 div 来构建整个页面的功能: 12345678910`<div class="html">` ...`</div>``<div class=&...

开始 在继续阅读源码之前,可以先阅读 Vue2 官网的 深入响应式原理一节,了解一下Vue2响应性的一些基本内容和规则。 后面,我们透过源码,可以更好的理解这些官方文档所说的内容。 什么是响应性 Vue 其中的特点,就是它的数据是响应性的,所谓响应性,说简单点,就是修改数据后,UI可以自动刷新。 例如执行下面的代码,Vue会自动触发UI的更新。 1user.id = 1 要想实现响应性,...

从拷源码开始 首先,想搞清楚 Vue2 的源码,至少要把源码拷下来吧: 1git clone --branch v2.6.14 https://github.com/vuejs/vue.git 我们这里选用的是最新版本 2.6.14 的源代码。 目录结构简介 1234567891011121314151617181920212223242526vue├── dist ...

简介 介绍 Typescript 是一个强类型的 JavaScript 超集,支持 ES6 语法,支持面向对象编程的概念,如类、接口、继承、泛型等。Typescript 并不直接在浏览器上运行,需要编译器编译成纯 Javascript 来运行。 使用 TypeScript 的优势 Typescript 对javascript 一个主要的拓充就是类型系统。 类型系统有利于提高代码的质量和...

简化懒加载的loader 原来的情况下,要使用懒加载的组件: 12345// 引入 lazyimport {lazy} from 'react';// 定义Lazy组件const Group = lazy(() => import('xxxx')); 写一个Loader简化调用: webpack的loader在pitch阶段...

为什么需要模块化 很早的时候,所有开发者把Javascript代码都写在一个文件里面,浏览器执行时,只要加载这一个文件就够了。 到了后来,随着代码规模的不断增加,一个网页代码往往需要加载多个文件。 123<script src="a.js"></script><script src="b.js"></scri...

Vue2仓库链接:https://github.com/vuejs/vue 本文使用的是 2.6.14 版本的源代码 问题引入 我们来看一个具体的例子: 你可以 点击这里 来在线运行这个例子。 1234<div id="app"> <p>{{sum}}</p> <button @c...

介绍 在Vue2,中我们定义一个组件通常是这样的: 12345678910111213141516171819export default { data() { return { userInfo: { firstName: "a", lastName: "b" }, pos...

创建项目 使用 vite 创建Vue3项目 如果你使用过Webpack,你会发现,在启动开发服务器的时候,会将整个项目编译一遍。当项目的规模越来越大时,这样的编译过程往往十分耗时,光启动开发服务器就要几分钟。如果你修改了文件,可能修改在几秒后才会显示出来。 这极大的影响了开发体验。而且目前,主流的浏览器都已经支持 ES6 模块了。因此,在开发环境下,我们可以直接把模块编译成浏览器支持的E...