vite配置多页面应用官网的例子： 在开发过程中，简单地导航或链接到 /nested/ – 将会按预期工作，蓝狮注册登陆与正常的静态文件服务器表现一致。也就是说，如果你的文件夹有如下层级： {src: {pages: {demo1: {App.vuemain.ts},demo2: {App.vuemain.ts},demo1.htmldemo2.html}}}那么通过vite的开发服务器访问你的页面，需要访问localhost:3000/src/pages/demo1.html#/index这样的链接，打包后index.html也会出现在dist/src/pages文件夹下，很不方便。 可以通过配置vite.config.ts中的root选项解决 项目根目录 ...
蓝狮官网ElementUI el-select组件 滚动增加选项
项目需要，因为下拉选项过多，导致接口只能分页加载。需求为：蓝狮官网鼠标滚动到下拉框的底部时增加选项。
解决办法
通过ref来获取el-select组件的下拉窗口实例，然后监听滚动条，蓝狮注册登陆下拉到底部的时候增加选项。
代码如下：
注解
代码里增加了防抖函数，并且在增加选项中写了随机获取label的方法，实际情况可以忽略。
蓝狮官网如何不基于构建工具优雅的实现模块导入？
当 ES Module 最开始作为一种新的 JavaScript 模块化方案在 ES6 中被引入的候，其实是通过在 import 语句中强制指定相对路径或绝对路径来实现的。 import dayjs from “https://cdn.skypack.dev/dayjs@1.10.7”; // ES modulesconsole.log(dayjs(“2022-08-12”).format(“YYYY-MM-DD”));这和其他常见的模块化系统（例如 CommonJS）的工作方式略有不同，蓝狮官网并且在使用像 webpack 这样的模块打包工具的时候会使用更简单的语法： const dayjs = require(‘dayjs’) // Common ...
蓝狮官网如何让 useEffect 支持 async…await？
本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文已收录到个人博客中，欢迎关注~ 背景大家在使用 useEffect 的时候，假如回调函数中使用 async…await… 的时候，蓝狮注册登陆会报错如下。 看报错，我们知道 effect function 应该返回一个销毁函数（effect：是指return返回的cleanup函数），如果 useEffect 第一个参数传入 async，返回值则变成了 Promise，会导致 react 在调用销毁函数的时候报错。 React 为什么要这么做？useEffect 作为 Hoo ...
蓝狮注册登陆程序员不得不知道的 API 接口常识
实话，我非常希望自己能早点看到本篇文章，大学那个时候懵懵懂懂，跟着网上的免费教程做了一个购物商城就屁颠屁颠往简历上写。 至今我仍清晰地记得，那个电商教程是怎么定义接口的： 管它是增加、修改、删除、带参查询，全是 POST 请求一把梭，蓝狮注册登陆比如下面这样： 修改用户的收货地址POST /xxx-mall/cart/update_address现在看来，全部用 POST 请求估计是为了传参方便吧。 那个时候自己也没有一个 api 接口需要设计 的意识，跟学过类似教程的朋友应该懂的，老师敲一行代码学生跟着敲一行。如果没人提这个事 ...
蓝狮注册登陆一文解析 Pinia 和 Vuex ，带你全面理解这两个 Vue 状态管理模式
Pinia和vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。 既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事请去喝茶的。蓝狮注册开户下面就让我们看下它们的使用方式吧 安装Vuexnpm i vuex -SPinianpm i pinia -S挂载Vuex在sr ...
蓝狮注册登陆TS 类型体操还能这么玩，太秀了！
最近在看 TypeScript 相关的内容，做了一下类型体操，真的太秀啦 递归、infer 满天飞，今天就来领略一下 TS 能做什么骚操作吧！ 先放上本文的几个小标题，很骚 巧用数组上数学课模版字符串为所欲为中序遍历 TS 也能行infer + 递归随意秒杀下面开始军训体操 一、巧用数组上数学课这一题是 TS 类型挑战中的 Greater Than 这道题需要我们实现 GreaterThan 判断 T > U 是 true 还是 false 有几个特殊测试用例 GreaterThan<2, 1> //should be trueGreaterThan<1, 1> //should be falseGreaterTha ...
蓝狮注册登陆如何追踪 JS 对象是否被 GC
在自带垃圾回收的语言中，开发者往往不需要过多地关注内存管理。但是不代表我们可以完全忽略它。因为语言引擎的垃圾回收是有一定的判断规则的，如果我们的变量所引用的内存没有符合这个规则，那么引擎无无法对这些内存进行自动回收。所以如何追踪变量的内存是否被回收也变得非常重要，尤其在 Node.js 中。 因为 Node.js 通常以服务器的角色长期提供服务，一旦服务发生内存泄露，就意味着我们的服务迟早会挂掉，尽管服务可以被自动重启，但是这并不能从根本上解决问题。所以如何检测内存泄露，就变得非常重要。 我们通常会 ...
蓝狮注册登陆开箱即用的前端图片压缩方案
前端实现图片压缩的背景我们都知道在“寸土寸金”的互联网时代，速度是第一竞争力, 蓝狮注册开户虽然我们的5G发展已经摇摇领先， 但是也经不住用户在一个网页里传很多“巨无霸”图片， 最终导致的结果就是页面“龟速”打开…… 那么作为技术人, 当然也有一堆的解决方案, 比如： 压缩图片再上传将图片上传到图床, 利用图床压缩能力和CDN节点就近分发图片流式加载图片懒加载/ 预加载当然聪明的小伙伴也会将上面的方案组合, 设计更优秀的图片“提速”方案。 今天不会和大家把所有方案都介绍一遍，因为网上也有很多实践, 接下来会从前 ...
蓝狮注册登陆掌握 TypeScript 中的映射类型
DRY 原则（Don’t repeat yourself）是软件开发中最重要的原则之一，即不要重复自己。应该避免在代码中的两个或多个地方存在重复的业务逻辑。 在 TypeScript 中，映射类型可以帮助我们避免编写重复的代码，蓝狮注册开户它可以根据现有类型和定义的一些规则来创建新类型。下面就来看一下什么是映射类型以及如何构建自己的映射类型。 1、基本概念在介绍映射类型之前，先来看一些前置知识。 （1）索引访问类型在 TypeScript 中，我们可以通过按名称查找属性来访问它的类型： type AppConfig = {username: string;l ...