Lee Blog

unplugin-auto-import 和 unplugin-vue-components Bigger 2022年11月24日 18:15 · 阅读 1780 本文正在参加「金石计划 . 瓜分6万现金大奖」 背景unplugin-auto-import：为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 API。支持 TypeScript。 unplugin-vue-components：Vue 的按需组件自动导入。 这两个插件都是涉及到按需自动导入，所以我们在使用 Vue 和其对应的 组件之类时，都可能会需要这两个插件的帮助，帮助我们实现按需自动导入，避免全量引入的尴尬以及每个文件都要手动导入 API 的低效重复搬砖。 但是，在项目中使用 unplugin-auto-import 和 unplugin-vue-components 总会遇到的一些问题，在此特意汇总如下，以及提供最后的解决办法，希望帮助到有需要的人。 安装首先就是安装，为啥推荐使用 pnpm ，在此就不赘述了（可自行去了解）。 123pnpm add -D unplugin-auto-i ...

临时修改 npm 镜像： 1npm i --registry https://registry.npmjs.org/ 永久修改 npm 镜像： 1npm config set registry https://registry.npm.taobao.org 重置 npm 镜像： 1npm config set registry https://registry.npmjs.org/ 查看镜像的配置结果： 1npm config get registry

Letjs设计思想白皮书网址：https://github.com/let-js author: Letjs开发组 日期：2022-11 Letjs是什么？1Letjs是基于MVC和DDD等思想制定的一套前端工程结构模板，也是一套开发工程规范。 为什么要有Letjs？1231. 前端框架眼花缭乱，大家不知道该如何选择框架和配套工具，初始化工程困难。2. 前端代码缺乏分层约束，书写随意，大型工程时间一久就变得不易维护，代码混乱不堪。3. 团队内部技术不统一，各种新技术和类库随意使用，项目不易维护和交接。 Letjs工程结构思想 基于MVX分层设计思想，将视图和业务逻辑以及数据模型进行分层，从而让视图与业务数据解耦。这里将视图渲染和展现逻辑放在Component里，业务逻辑和数据处理则交由Service和Domain来处理。 基于DDD领域驱动设计，将业务模型分为前端展现数据模型和后端接口数据模型，统一整合在领域层。同时根据业务模型分为ServiceModel和DomainModel，DomainModel负责数据定义，ServiceModel负责业务流程组织。通过Domain领域 ...

前言Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完全满足您的需求，如果想构建 Vite 3 + Vue 3 + JavaScript 项目，那社区模板不太能满足您的需求，因为社区模板提供 Vue 3 项目几乎是基于 Vite 2 + TypeScript 构建，对于不熟悉 TypeScript 语言的用户不是很友好，因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 本文章篇幅较长，从以下几个方面展开： 基础搭建 代码规范 提交规范 自动部署 本项目完整代码托管在 GitHub 仓库[1]，欢迎点亮小星星 🌟🌟 技术栈 ⚡️ Vite 3[2] - 构建工具（就是快！） 🖖 Vue 3[3] - 渐进式 JavaScript 框架 🚦 Vue Router[4] - 官方路由管理器 📦 Pinia[5] - 值得你喜欢的 Vue Store 💻 ...

2022年装修全流程保姆级解读（含各种避坑攻略） 一、装修前的学习了解 1、比较好的一些装修书籍 2、装修相关网（app） 3、设计师装修案例参考 二、装修装修一般花多少钱，需要多久时间 三、装修怎么选设计师 1、装修设计师现状 2、设计师主要负责哪些事情？ 3、要不要单独请设计师 四、装修清包、半包、全包、整装是啥？ 五、装修和哪些人打交道，他们主要是干啥的？ 六、如何梳理装修需求 七、装修预算表怎么做 八、如何选装修施工方 九、装修修收房&验房（搞完的跳过） 1、先收房还是先验房？ 2、验房注意啥？ 十、装修开工前的准备 2、装修前需要确定的材料 十一、装修硬装施工顺序 一）拆除和改建（总体需要3~5天） 1、拆改交底（需要半天） 2、主体拆改（2-5天） 3、新建墙体（2-5天） 4、门窗拆改（1天） 5、测量新风、中央空调点位 6、预定防盗门、窗（需要提前半个月到一个月） 7、初次测量橱柜尺寸（1天） 8、预定厨卫设备 （半天） 9、清理垃圾（1天） 二）水电改造（需要2-3周） 1、水电交底 ...

前端性能优化到底是在优化什么？其实前端性能优化核心就是两点： 保证资源更快的 加载速度：达到越快渲染越快，视图展现就越快 保证视图更快的 渲染速度/交互速度：用户与页面交互，前提是页面要渲染出来，其次是页面需要尽早反馈，目的就是保证用户良好的体验性 而这些核心内容都可以从下面这个老生常谈的问题中延伸开来。 从输入 URL 到页面加载完成发生了什么？ 相信到现在为止，大家对这个问题的回答可以说是能够做到滔滔不绝了吧（如果不能，请忽略）！不过每个人回答的方向和重点应该都不一样，比如之前在 B 站 听 winter 大佬对这个问题的看法和解析的角度是更深、更广的。 在这还是要简单的总结一下核心内容： 进行 DNS 解析 建立 TCP 连接 客户端发送 HTTP 请求 服务端响应 HTTP 资源 浏览器获取响应内容，进行解析和渲染 以上任意一点都可进行无限扩展、延伸，但点到为止才是现在真正需要的。 性能指标RAIL 模型Google 为前端页面性能的评估提出了 RAIL 模型，核心内容如下： Response 响应 Animation 动画 Idle 空闲 Load 加 ...

01 要表达情绪，而不是情绪化表达比较东西方的文化，我们会发现东方和西方最大的区别在于——东方是境界高，给你一个很高的目标，但不告诉你方法。比如孔子说的「中庸之道」，怎么达到呢？他没告诉你，需要你去琢磨，需要你用一辈子去慢慢摸索，不需要也没有具体的指导，所以我们很多传统智慧是需要悟性和天分的。但是西方人的办法是直接给你一个工具，清晰地告诉你第一步、第二步、第三步如何去做。工具书的友好之处就在于它给了每个普通人成长和修炼自己的机会。很多人觉得「沟通力」是与生俱来的，这样的说法太绝对了，它其实是一种可以经过后天训练而掌握的软实力。通过不断学习和刻意练习，能够「从无意识也不会」，发展到「有意识但不会」，再到「有意识并且会」，最后进阶到「无意识下就会」的阶段。所以在《可复制的沟通力》这本书中，我总结了几个有效的沟通方法可以在这里分享给大家： 第一个就是我们得学会站在别人的角度思考问题，要多去关注他人的想法。很多人讲话的时候是不会考虑到别人的感受，都是在关注自己的感受。所以你得了解当一个人跟你说很“冲”的话时，他背后的需求到底是什么。只有知道了这个需求，多从对方立场考虑问题，才能知道该如何寻找沟 ...

[TOC] 写在前面本文的目标是实现一个基本的vue3的响应式，包含最基础的情况的处理，本文是系列文章，如果你对vue3还不了解，那么请移步： 超详细整理vue3基础知识💥 手写mini-vue3第三弹！万字实现渲染器首次渲染流程 🎉 🎉 更新！更新！实现vue3虚拟DOM更新&diff算法优化🎉 🎉 本文你将学到 一个基础的响应式实现 ✅ Proxy ✅ Reflect ✅ 嵌套effect的实现 ✅ computed ✅ watch ✅ 浅响应与深响应 ✅ 浅只读与深只读 ✅ 处理数组长度 ✅ ref ✅ toRefs ✅ 一. 实现一个完善的响应式所谓的响应式数据的概念，其实最主要的目的就是为数据绑定执行函数，当数据发生变动的时候，再次触发函数的执行。 例如我们有一个对象data，我们想让它变成一个响应式数据，当data的数据发生变化时，自动执行effect函数，使nextVal变量的值也进行变化： 1234567891011121314// 定义一个对象let data = { name: 'pino', age: 1 ...

[TOC] 留存分析据某第三方平台近期调研结果显示，在金融创业领域，2013 年一家互联网金融创业公司的投资获客成本区间为 300 – 500 元，而2016 年则涨为 1000 – 3000 元；在电商领域，新用户的获取成本，是维护一个老用户的 3 倍到 10 倍…… 如今，高居不下的获客成本让互联网、移动互联网创业者们遭遇新的“天花板”，甚至陷入“纳不起”新客的窘境。而花费极高成本所获取的客户，可能仅打开一次 APP或完成一次交易，就白白流失。随着市场饱和度上升，绝大多数企业亟待解决如何增加客户黏性，延长每一个客户的生命周期价值。因此留存分析分析模型备受青睐。 一、什么是留存分析留存分析是一种用来分析用户参与情况/活跃程度的分析模型，考察进行初始行为的用户中，有多少人会进行后续行为。这是用来衡量产品对用户价值高低的重要方法。留存分析可以帮助回答以下问题： 一个新客户在未来的一段时间内是否完成了您期许用户完成的行为？如支付订单等。 某个社交产品改进了新注册用户的引导流程，期待改善用户注册后的参与程度，如何验证？ 想判断某项产品改动是否奏效，如新增了一个邀请好友的功能，观察是 ...

基础信息 镜像说明 前言 第一章. Go 起源，发展与普及 1.1. 起源与发展 1.2. 主要特性与发展的环境和影响因素 第二章. 安装与运行环境 2.1. 平台与架构 2.2. Go 环境变量 2.3. 在 Linux 上安装 Go 2.4. 在 Mac OS X 上安装 Go 2.5. 在 Windows 上安装 Go 2.6. 安装目录清单 2.7. Go 运行时（runtime） 2.8. Go 解释器 第三章. 编辑器、IDE 等工具 章节说明 3.1. Go 开发环境的基本要求 3.2. 编辑器和集成开发环境 3.3. 调试器 3.4. 构建并运行 Go 程序 3.5. 格式化代码 3.6. 生成代码文档 3.7. 其它工具 3.8. Go 性能说明 3.9. 与其它语言进行交互 第四章. 基本结构和基本数据类型 4.1. 文件名、关键字与标识符 4.2. Go 程序的基本结构和要素 4.3. 常量 4.4. 变量 4.5. 基本类型和运算符 4.6. 字符串 4.7. strings 和 strconv 包 4.8. 时间 ...