- 博客(26)
- 收藏
- 关注
RSS订阅原创 element-plus图片预览
项目中需要对图片进行放大预览操作；使用 el-image 自带的预览功能；②使用 el-image-preview 组件进行预览；
2023-05-18 10:19:20
4449
2
原创 在vue3中使用tinymce
背景：在项目中有需要使用富文本编辑器的场景，目前存在的富文本编辑器有很多，本案例中使用的为tinymce富文本编辑器；在vue3中使用的方法有两种，但各有优缺点：①使用官方提供方法引入，优点：操作简单；缺点：使用 api-key 请求的是云端的js文件，加载速度慢，影响用户体验；②使用本地文件引入，优点：加载快，可二次封装成editor组件；缺点：样式和插件的引入比较麻烦，某些插件自定义方法容易踩坑；
2023-05-17 14:15:56
5132
4
原创 vue中对v-html渲染出来的图片进行预览操作
解决办法：在渲染内容的父元素上加上click（getImg）方法，点击图片时可获取到图片的路径；再通过预览插件进行预览；背景：对于v-html渲染的内容，无法直接对其中的图片进行操作，但某些情况下又需要对图片进行放大预览。
2023-05-15 18:57:49
1346
2
原创 页面返回时，进行强制刷新
(用户通过常规导航方式访问页面,比如点一个链接，或者一般的get方式.)(用户通过刷新,包括JS调用刷新接口等方式访问页面)(用户通过后退按钮访问本页面)
2023-03-30 09:43:36
312
原创 点击按钮复制到剪切板
一、需求场景：点击复制按钮，复制文字到剪切板二、代码实现：// 用浏览器自带的copy功能只能复制文本框里面的内容，因此要创建文本框三、点击按钮复制：
2022-06-01 11:34:05
527
原创 Mysql 5.7版本安装（win10）
1. 下载：https://downloads.mysql.com/archives/community/2. 环境变量配置：3. 初始化mysqld --initializenet start mysql（未完待续）
2021-09-08 18:24:41
351
原创 常用正则表达式判断
1. 手机号（国内）+86 或 0086 开头，至少一个空字符 —— 整体可有可无，最多出现一次1，3~9 中的一位，（后9位）1-9均可^((\+86|0086)(\s+)?)?1[3-9]\d{9}$2. 手机号（海外）较细分的匹配：国内外手机号码正则表达式 - selfcs - 博客园 (cnblogs.com)^\+[\d]{1,5}\s[\d]{1,14}$3. 身份证号：15 位或 18 位数字，或者17位数字 +校验位（X 或 x）(^\d{15}..
2021-08-29 21:59:46
237
原创 git 远程仓库创建
1. 新建仓库；2. git 全局设置：git config --global user.name "Icy"git config --global user.email "xxxxx@xxxxx.com"3. 已有仓库文件夹：//初始化git init//查看状态git status//提交所有文件git add .git commit -m "init"//查看状态git status//将本地代码提交到 git 仓库git remote add origin
2021-08-29 21:16:07
193
原创 vue脚手架的创建
1. 设置 npm 的默认仓库为国内的淘宝镜像，2种方法： ①方法一：npm config set registry https://registry.npm.taobao.org 执行完之后，确认是否设置成功： npm config get registry 看到返回淘宝镜像，说明成功！ ②方法二：备选方案npm i -g cnpm --registry=https://registry.npm.taobao.org 确认是否安装成功：cnpm -v 看...
2021-08-29 11:01:20
131
原创 Proxy 对象
有一本书的属性为：{ "name": "《ES6基础系列》"，"price": 56 }; 要求使用 Proxy 对象对其进行拦截处理，name 的属性对外显示为 "《ES6从入门到懵逼》"，price 属性为只读。let book= { "name":"《ES6基础系列》", "price":56, "author":"虫虫", "date":"2021/8/12"};let proxy = new Proxy(book,{ get:function(target,prope
2021-08-12 09:37:25
197
原创 文本溢出隐藏
在不用过滤器的情况，直接通过设置 css 样式使文本溢出隐藏：vue 框架中可以用 filter 过滤器；微信小程序中可用该方法进行设置。1.单行文本溢出隐藏：text{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}2.多行文本溢出隐藏：text{ overflow:hidden; text-overflow:ellipsis; disp...
2021-08-07 15:12:12
641
原创 旋转木马（案例）
知识点：1.让盒子保留 3d 效果：transform-style:preserve-3d;2.鼠标放入动画停止：animation-play-state:paused;3.透视：perspective<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=
2021-08-05 17:25:10
312
原创 大数据热点图（案例）
效果图：知识点：1.盒子阴影：box-shadow：水平偏移 垂直偏移 模糊值 阴影外延值 颜色；2.动画定义：@keyframes pulse(动画名){ 0%{} 70%{} 100%{}}3.动画延迟：animation-delay<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n
2021-08-05 15:45:56
523
转载 JS中的异常捕获
JS中的异常捕获：(1) try …catch(2) try…finally(3) try…catch…finally用法主要有以上三种，try语句必须搭配catch语句或者finally语句或者三个在一起使用。作用：针对try块中的语句块可能抛出的异常进行处理。1.try…catch try { throw new Error('出错啦！') console.log(1) }catch(e) { console.log(e) //Error: 出错啦！ at <
2021-08-02 09:34:23
5141
1
原创 SVG 和 Canvas 的区别
SVG：使用 XML 描述 2D 图形的语言。1. 不依赖分辨率；2. 支持事件处理器；3. 最适合带有大型渲染区域的应用程序（比如谷歌地图）；4. 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）；5. 不适合游戏应用；Canvas：通过 JavaScript 来绘制 2D 图形。1. 依赖分辨率；2. 不支持事件处理器；3. 弱的文本渲染能力；4. 能够以 .png 或 .jpg 格式保存结果图像；5. 最适合图像密集型的游戏，其中的许多对象会
2021-07-19 19:46:20
165
1
原创 数组去重方法
1. new Set( ) 方法去重var arr = [1, 2, 2, 4, 4, 3, 5, 3, 6, 7, 9];var newArray= [...new Set(arr)];var arr = [1, 2, 2, 4, 4, 3, 5, 3, 6, 7, 9];var arr1 = new Set(arr);var newArr = Array.from(arr1);2. filter( )方法去重var arr = [1, 2, 2, 4, 4, 3, 5,.
2021-07-17 16:18:42
144
转载 字符串转换为数组的4 个方法
在某些情况下，我们希望将字符串转换为字符数组。通常，我们要进行这种转换以使用强大的数组方法。以下是可以完成此任务的 4 种方法。1、split() 方法常见的转换技术是split字符串方法，但这也是有问题的一种。通过使用空字符串作为split方法的分隔符，我们可以将字符串转换为字符数组。const text = "abc";const chars = text.split('');console.log(chars);//['a', 'b', 'c']该split方法无法正确
2021-07-16 16:34:46
38833
转载 JS 哪些操作会造成内存泄露
1.内存泄漏指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。2.JS的回收机制JS垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收系统（GC）会按照固定的时间间隔，周期性的执行。到底哪个变量是没有用的？所以垃圾收集器必须跟踪到底哪个变量没有使用，对于不再有用的变量打上标记，以备将来收回其内存。用于标记的无用变量的策略可能因实现而有所区别，通常情况下有两种实现方式：标记清除和引用计数。引用计数不太常用，标
2021-07-09 10:03:50
1713
转载 CCS引入方式
一、引入css的方式在HTML中引入css的方法主要有4种：行内式、内嵌式、链接式和导入式。1.行内式 1 <divstyle="background:yellow;">div> 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。2.内嵌式 1 2 3 4 5 6 7 <html> ..
2021-06-26 10:15:27
287
原创 防抖和节流
防抖：只要不是最后一次触发，就不执行异步请求var timer; //undefinedwindow.onscroll=function(){ //如果当前 timer 不为空，说明前面有一个正在等待的请求，还未发送，就停止前面的等待 if(timer !== undefined){ clearTimeout(timer); } //再重新开始下一轮等待 timer=setTimeout(function(){ //当 200ms 内未发生滚动时，才发送正式的
2021-06-23 12:10:05
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人