古兰精

摘要： 一、nuxt 的智能预读取 Nuxt 2.4中发布了Nuxt.js的一个新特性，称为智能预读取，它与universal mode相结合，提供了更好的用户体验。 使用此功能（默认情况下已启用），当 nuxt-link 路由在视口中可见时（即页面滚动到路由入口元素时），Nuxt.js将自动下载链接目标页 阅读全文

摘要： 一、@rollup/plugin-inject 插件作用 这个插件的作用是：扫描模块代码，找到需要替换的全局变量，同时通过Import注入变量。比如：针对全局使用的Promise的地方：Promise.resolve(1);我们想要通过自己的某个polyfill来模拟该行为，比如用es6-promi 阅读全文

摘要： 一、环境变量配置 在项目开发中我们需要配置环境变量：开发环境，生产环境和测试环境。在cli 2.0的版本中我们是通过在config文件夹进行配置的，vue/cli 3.0相对简单，只需要在项目根目录创建 .env 文件即可。以下是环境对应文件名和命令 模式 对应npm命令 对应文件名称 develo 阅读全文

摘要： 一、reactive 创建的响应式对象解构后为什么会失去响应式 Vue 拥有一个响应式系统，可以让它在数据更新的时候自动进行视图的更新。在Vue3.0中，可以使用 reactive 声明响应式状态。文档说不要解构 reactive 创建的响应式对象，为什么？因为会失去响应式的功能，那为什么会失去，我 阅读全文

摘要： 想在你的Vue组件之间共享代码？如果你熟悉 Vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。在本文中，我们将研究 mixins 的缺点，并了解 Composition API 如何克服它们，并使Vue应用程序具有更大的可伸缩性。 一、Mixi 阅读全文

摘要： 一、问题背景 vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择 <el-form ref="service" :model="service" label-width="80px"> <el-form-item label="名称"> <el-input v 阅读全文

摘要： 一、使用reactive函数声明数组如何正确赋值 需求：将接口请求到的列表数据赋值给响应数据 array const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败， 阅读全文

摘要： 一、问题背景 Java 后端使用了 PageHelper 分页插件来进行分页查询，但是发现有个方法分页不生效，总是返回的是全部数据。 后来查了相关文档找到了问题原因如下。 二、不分页的几种情况 1、版本过低的问题 问题：pagehelper没有效果，一直不能分页问题 解决方法：引用其他博主的博客的解 阅读全文

摘要： 一、TypeScript 泛型 软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的 阅读全文

摘要： 一、TypeScript 函数 1、TypeScript 函数与 JavaScript 函数的区别：我们主要看一下不同的 TypeScript 函数：函数有类型、函数有返回值类型、参数有类型、有必填和可选参数、有函数重载 JavaScript 函数：函数无类型、函数无返回值类型、参数无类型、所有参数 阅读全文