前端性能优化--容器篇
首先,本文中提到的容器,基本上都是指 Web 页面的宿主,比如浏览器、APP 客户端、小程序,它们提供了 WebView 环境来运行 Web 应用。
dependencies和devDependencies有区分意义吗?
其实我们并不会去关心哪些是生产环境所需依赖,哪些是开发环境所需依赖,但是这也正常,因为其实在SPA项目中,这两个东西并不需要区分!所以我们平时没有过多了解也正常!
该用 pnpm 了,“快、准、狠”。
pnpm 全称是 “Performant NPM”,即高性能的 npm。它结合软硬链接与新的依赖组织方式,大大提升了包管理的效率,也同时解决了 “幻影依赖” 的问题,让包管理更加规范
11 个需要避免的 React 错误用法
随着 React 越来越受欢迎,React 开发者也越来越多,在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验,总结 11 个 React 开发中常见的一些错误,帮助您避免一些错误的发生。
如何让 useEffect 支持 async...await?
useEffect 作为 Hooks 中一个很重要的 Hooks,可以让你在函数组件中执行副作用操作。它能够完成之前 Class Component 中的生命周期的职责。它返回的函数的执行时机如下:
如何不基于构建工具优雅的实现模块导入?
当 ES Module 最开始作为一种新的 JavaScript 模块化方案在 ES6 中被引入的候,其实是通过在 import 语句中强制指定相对路径或绝对路径来实现的。
ElementUI el-select组件 滚动增加选项
项目需要,因为下拉选项过多,导致接口只能分页加载。需求为:鼠标滚动到下拉框的底部时增加选项。通过ref来获取el-select组件的下拉窗口实例,然后监听滚动条,下拉到底部的时候增加选项。
Vite多页面应用配置&使用vite-plugin-html向html模板注入数据或标签
在开发过程中,简单地导航或链接到 /nested/ - 将会按预期工作,与正常的静态文件服务器表现一致。也就是说,如果你的文件夹有如下层级:
vue3中h函数的常见用法
一般情况下每个vue组件都用template写html, 但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合h使用.