摘要:
1、静态文件按类型分包 build中添加如下代码: build: { rollupOptions: { output: { chunkFileNames: 'static/js/[name]-[hash].js', entryFileNames: 'static/js/[name]-[hash].j 阅读全文
摘要:
要使用Docker创建MongoDB容器,并将存储目录挂载到宿主机上,以及映射到宿主机的端口1023,并设置访问密码,请按照以下步骤进行操作: **步骤 1:创建存储目录** 在宿主机上创建存储目录`/docker_mount/mongodb/data`,用于持久化MongoDB数据。您可以使用以下 阅读全文
摘要:
背景 最近项目更新频繁,每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本,开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时,hash值也改变。这样就不会走缓存 举个例子 vue.confi 阅读全文
摘要:
Loader loader 是一个转换器,用于对源代码进行转换。 工作流程 webpack.config.js 里配置了一个 模块 的 Loader; 2.遇到 相应模块 文件时,触发了 该模块的 loader; 3.loader 接受了一个表示该 模块 文件内容的 source; 4.loader 阅读全文
摘要:
Differ算法 在 Vue 中,当数据变化时,Vue 会使用 Virtual DOM 和 diff 算法来尽可能地减少 DOM 操作的次数,以提高性能。 diff 算法是 Virtual DOM 实现中的核心算法之一,其主要作用是比较新旧虚拟 DOM 树的差异,并将差异应用到真实的 DOM 树上。 阅读全文
摘要:
背景 对于pinia的使用,可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法,为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式: 先下载依赖 npm i pinia -s 在vue3中,main.js这么写 import { crea 阅读全文
摘要:
1.TCP/IP 五层模型 物理层、数据链路层、网络层、传输层、应用层 2.应用层中哪些基于TCP协议,哪些基于UDP?有什么区别? 2.1.TCP: FTP(文件传输协议):定义了文件传输协议,使用21端口。 TELNET(远程登陆协议):一种用于远程登陆的端口,使用23端口,用户可以以自己的身份 阅读全文
摘要:
1.实现动画的方式 javaScript:setTimeout、setInterval css3: transition、animation html: canvas requestAnimationFrame Api 前三种我们都很熟悉,重点说说requestAnimationFrame 2.re 阅读全文
摘要:
1.背景 在写一个对齐脚本时 发现下列问题 const timeList = await imageList.map( (item,index)=>{ return item.identify_border(start_time, end_time) }) // timeList = [Promis 阅读全文
摘要:
Mac使用常见命令 删除空目录:rmdir 目录 删除文件夹:rm -rf 文件夹 创建一个文件夹:mkdir 文件名 创建一个文件:touch 文件 修改一个文件:vi 文件名 重命名文件 mv 原始文件名 修改文件名 阅读全文