code_abc

@TOC 注意!!!注意!!!注意!!! 本文是基于Webpack和VueCli 4 打包 一.概述 使用CDN的好处 缓解服务器的压力,将首屏加载时的请求分摊给其它的服务器 优化打包后verdor.

项目优化线上发布的时候，`减少js的体积`，是常用的手段，例如vue，vuex，axiox等改为cdn的引入形式，不是把它们打入bundle的形式

@TOC 写在前面 vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令npm run build 之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏

在项目中使用 rollup-plugin-visualizer 插件可以生成可视化的代码分析报告，看看哪些模块占用了空间，帮助我们更好地了解构建过程中的文件大小、依赖关系等信息。

1. build 视图分析依赖文件 分析项目中的文件大小及引用情况，是优化前的重要一步,在vite下我们可以利用Rollup Plugin Visualizer工具来做项目的依赖分析 （1）安装方式如

在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色 光标呢，是那个闪烁的竖线吗？ 一、“选区”和“

在一些业务场景，比如高亮文本、输入编辑、等场景中需要对光标和选区进行操作时，可以使用浏览器提供的 Selection 对象和 Range 对象来操作光标和选区。 Selection 对象 Select

slate.js 提供了 Web 富文本编辑器的底层能力，并不是开箱即用的，需要自己二次开发许多内容。 也正是这个特点，使得它的扩展性特别好，许多想要定制开发编辑器的，都会选择基于 slate.js 进行二次开发。 slate.js 能满足全世界用户进行定制开发、扩展功能，说明…

前端面试，以及任何技术岗位的面试，都离不开项目，这是必考题。简历中要写项目，面试时要聊项目。 基础知识、八股文、原理源码等这些，都是可以通过学习甚至背诵来补齐的。但项目不行，你再努力也弥补不了