自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(81)
  • 收藏
  • 关注

原创 富文本插入图片的时候直接复制链接的风险点和解决方案

富文本插入图片的时候直接复制链接的风险点和解决方案。存在问题:无法判断内容是否合规、有的图片资源设置了只有在同域名或者指定域名下才能访问、资源大小无法控制。以及解决方案:开发`图片审核`接口、将`远程图片地址下载为本地图片,再调用项目中的图片上传接口转为我们项目的资源、在输入图片地址的时候进行域名限制。以及综合评估方案,得出最佳实践方案。

2024-04-20 21:27:15 513

原创 iview中基于upload源代码组件封装更为完善的上传组件

iview中upload组件无法进行最大上传数量的限制拦截,由于之前研究过element ui 的upload源代码。借鉴了一下,解决了这个痛点

2024-04-20 19:09:20 755

原创 富文本插入词条

词条这三个小点是不是看起来很简单,确实看起来相当的简单,但是实现起来却有点尴尬。

2024-03-19 08:48:58 487 1

原创 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

原创 element ui backTop源码解析-逐行逐析

backtop 滚动到顶部 element ui 组件源码解析

2024-01-04 10:36:03 981

原创 element ui upload 源码解析-逐行逐析

element ui upload 组件,源码从0到1逐行逐析

2024-01-01 08:52:11 1117

原创 element ui el-avatar 源码解析零基础逐行解析

element ui avatar的源码解析,img图片处理解决方案

2023-12-20 20:44:47 1973 1

原创 element ui 源码启动

切换到10.24.1。

2023-12-18 09:09:47 431

原创 3d 圆环图

【代码】3d 圆环图。

2023-11-30 19:16:24 458

原创 echarts 地图

业务组件。

2023-11-30 19:15:08 584

原创 echart 柱状图-bar

【代码】echart 柱状图-bar。

2023-11-28 14:22:45 529

原创 折线图-line

【代码】折线图-line。

2023-11-27 15:03:05 408

原创 折线图-line

【代码】折线图-line。

2023-11-27 14:21:54 367

原创 uniapp js 合成canvas画布

【代码】uniapp js 合成canvas画布。

2023-09-30 08:38:47 440

原创 vue使用elementUI的upload上传文件封装

将文件上传的方法封装一下,供大家统一调用,话不多说,直接上代码。

2023-09-08 16:06:35 1630

原创 keep-alive总结

提到keep-alive 大多数人都是又爱又恨啊爱是他能够缓存页面、用起来很是方便,恨是不能够区分处理遇到一些问题。

2023-08-11 13:47:25 189

原创 01.图片下拉触底分页加载每张图片

【代码】01.图片下拉触底分页加载每张图片。

2023-08-10 16:51:21 135

原创 不一样的websocket封装简洁版

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。可以实现后台向前台通信。

2023-04-16 11:53:25 313 1

原创 函数式编程

函数式编程就是对运算过程的一种抽象。

2023-04-15 20:42:07 426

原创 函数式编程

函数式编程就是对运算过程的一种抽象。

2023-04-15 20:32:04 456

原创 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

原创 Vue3 typescript setup 模式下,name 属性的使用

Vue3 vite 组件名称 name配置

2022-10-15 09:57:56 1350

原创 VUE3 element-plus源码解析之- 001 dom aria.ts 文件解析

elemet ui plus dom操作

2022-08-27 08:54:56 852

原创 uniapp 解析富文本的html字符串 替换网络图片为base64图片

uniapp 解析富文本的html字符串 替换网img标签的src属性 由网络图片为base64图片

2022-08-26 20:18:20 1994

原创 css 动画 过渡

css 过渡

2022-08-14 18:32:28 671

原创 es6 基础知识详解 变量 字符串 解构赋值 函数 对象 从入门到精通

es6 基础知识总结

2022-08-05 10:00:49 150

原创 es6 promise 源码解析

promise 源码解析

2022-07-17 09:47:01 396

原创 express router 多层嵌套分组

node.js 路由模块化

2022-07-12 07:26:46 614

原创 vant 源码解析 之深层 合并对象 深拷贝

vant 源码解析之 合并嵌套对象的属性

2022-07-03 14:07:26 251

原创 vant 源码解析 event.ts 事件处理 全局函数 addEventListener详解

vant 源码 事件详解

2022-07-03 13:21:38 2034

原创 vant 源码解析之 utils/index.ts 工具函数

vant源码解析之 工具函数

2022-07-03 11:53:15 311

原创 Vue2.0 路由传参 query params props

vue 路由传参

2022-06-29 18:32:58 472

原创 vue3.0 组件传参

vue3.0 组件交互

2022-06-28 14:33:22 1517 1

原创 vue 基于vue-cli3 发布npm 插件

npm 发布vue项目为插件

2022-06-25 18:22:26 300

原创 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关注的人

提示
确定要删除当前文章?
取消 删除