- 博客(81)
- 收藏
- 关注
原创 富文本插入图片的时候直接复制链接的风险点和解决方案
富文本插入图片的时候直接复制链接的风险点和解决方案。存在问题:无法判断内容是否合规、有的图片资源设置了只有在同域名或者指定域名下才能访问、资源大小无法控制。以及解决方案:开发`图片审核`接口、将`远程图片地址下载为本地图片,再调用项目中的图片上传接口转为我们项目的资源、在输入图片地址的时候进行域名限制。以及综合评估方案,得出最佳实践方案。
2024-04-20 21:27:15 513
原创 iview中基于upload源代码组件封装更为完善的上传组件
iview中upload组件无法进行最大上传数量的限制拦截,由于之前研究过element ui 的upload源代码。借鉴了一下,解决了这个痛点
2024-04-20 19:09:20 755
原创 vue2源码分析-vue入口文件global-api分析
vue 全局api初始化 vue挂载的全局属性: vue.util 公共方法,set 方法 ,del方法, nextTick方法,observable observe方法,options vue的一些选项。初始化方法: extend,extend函数此处用于扩展,initUse 初始化插件,initMixin 初始化混入,initExtend,构造一个vue的子类 ,initAssetRegisters(Vue) 注册或者获取全局组件、指令、过滤器
2024-03-06 15:20:25 597
原创 当vue遇到老的项目启动和打包速度慢怎么办? webpack-低版版本-编译启动速度和打包速度优化方案
vue项目,vue-cli和webpack版本太低项目启动太慢如何优化,开启 terser-webpack-plugin 代码压缩,开启摇树优化,watchOptions 忽略node_modules,production 模式关闭 devtool的sourcemap,开启cache缓存,以及辅助工具webpack-bundle-analyzer,speed-measure-webpack-plugin,实现vue-cli低版本项目的启动和打包速度以及项目体积终极优化
2024-02-27 21:52:39 3812 2
原创 vue源码分析之nextTick源码分析-逐行逐析-个人困惑
vue源码解析之 nextTick源码解析,nextTick底层实现 promise,MutationObserver,setImmediate,setTimeout
2024-02-22 21:06:25 581 1
原创 vue2源码调试,在vscode中直接调试vue源代码操作指南
vscode借助 Microsoft Edge Tools for VS Code 实现源码直接在vscode中的调试,分析如何在vscode中进行断点的添加
2024-02-10 16:35:47 3143
原创 不一样的websocket封装简洁版
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。可以实现后台向前台通信。
2023-04-16 11:53:25 313 1
原创 typescript typeof 和 keyof
很多人一看到typeof,就会联想到js中的类型判断,但是在ts中也有typeof的使用,但是它可不是用来判断类型的哦,他的作用是可以在类型上下文中进行类型查询,并且只能对变量的类型或者属性查询。
2023-04-14 10:57:49 488
原创 Vue3 vant 源码解析之 utils/ validate.ts 数据类型验证
vant 源码解析之 utils 下边的 validate.js 校验函数
2022-10-26 13:33:00 1035
原创 uniapp 解析富文本的html字符串 替换网络图片为base64图片
uniapp 解析富文本的html字符串 替换网img标签的src属性 由网络图片为base64图片
2022-08-26 20:18:20 1994
原创 Vue3 对比Vue2 响应式系统的区别
Vue2中的响应式系统使用的是 Object.definePropertyVue3中的响应式系统使用的是 Proxy 对象重写响应式系统Object.defineProperty 是循环整个对象 对对象的属性进行劫持proxy 直接劫持整个对象Vue3.0 的优化可以监听动态添加的属性可以监听删除的属性可以监听数组的索引和length属性...
2022-05-29 09:44:34 197
原创 vite 资源定位符 @
统一资源定位符在vite中,使用resolve aliasfind 使用路径的开头replacement 对应的文件资源import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'const path = require("path")// https://vitejs.dev/config/export default defineConfig({ resolve: { ...
2022-05-27 20:56:16 817
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人