- 博客(60)
- 收藏
- 关注
RSS订阅原创 vxe-table 单元格数字的精度切换、单元格内容宽度自适应（根据内容撑开）
【代码】vxe-table 单元格数字的精度切换、单元格内容宽度自适应（根据内容撑开）
2024-01-18 18:20:35
1033
原创 element-ui的el-upload组件实现上传拖拽排序图片顺序（sortablejs）
element-ui的el-upload组件实现上传拖拽排序图片顺序（sortablejs）
2024-01-18 18:16:45
1279
1
原创 解决elementUI打包上线后icon图标偶尔乱码的问题
本项目是若依作为开发框架（elemen-ui + vue + sass），开发过程中，图标一直正常。直到打包发布到线上，页面偶发性出现图标乱码问题，再次刷新页面后，又可正常显示。本项目使用的依赖包是sass（dart-sass），elementui使用的是node-sass，而dart-sass在编译element-ui里icon伪元素的content unicode编码时会转换成对应unicode明文，编译之后就变成了“”，“”便是一个双字节字符，导致出现乱码。
2023-08-22 15:51:55
2770
2
原创 面试 - CSS基础
*GFC **( GridLayout Formatting Context ）指网格布局格式化上下文，即当把一个元素的 display 值设为 grid 的时候 ，此元素将会获得 个独立的渲染区域 可以通过在网格容器（ grid container ）上定义网格定义行（ grid definition row ）和网格定义列（ grid。（格式化上下文），一个创建了新的BFC的盒子是独立布局的，盒子内元素的布局不会影响盒子外面的元素。用于创建一些不在文档树中的元素，并为其添加样式。
2023-06-12 15:38:06
1220
原创 前端面试知识点总结
前端面试知识点总结，Vue的两个核心点，组件渲染更新的过程，Vue的MVVM实现流程，虚拟 DOM、patch() 方法、diff 算法，什么是patch()， 说一下指令v-el的作用是什么？，nextTick 使用场景和原理，Vue.set 方法原理，为什么有些数组的变更不能被VUE检测到？哪些会？哪些不会？，vue 是怎么检测数组的变化的，Vue初始化过程中（new Vue(options)）都做了什么？为什么vue采用异步渲染
2023-06-12 14:49:37
743
原创 vue 使用vue-json-viewer 展示 JSON 格式数据
【代码】vue 使用vue-json-viewer 展示 JSON 格式数据。
2023-05-29 15:36:12
7708
原创 Vue项目中的性能优化
Vue项目中的性能优化：尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher- v-if 和v-for区分使用场景，v-if和v-for不要连用；- v-for遍历必须为item添加key，key保证唯一性，且避免同时使用vif- computed和method区分使用场景- 路由懒加载、图片懒加载、长列表动态加载- 第三方模块按需导入- 对于短时间的大量操作（缩放、滚动）使用防抖、节流函数- 事件的销毁
2023-03-07 23:02:03
1494
原创 前端高频面试题
DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时会出一些错误。（DOCTYPE告诉浏览器当前是哪个文档类型）BFC全称 Block Formatting Context 即块级格式上下文，简单的说，BFC是页面上的一个隔离的独立容器，不受外界干扰或干扰外界1). IIFE是一个立即调用的函数表达式，它在创建后立即执行");})();// "Hello!
2023-03-06 14:16:50
1191
原创 基于Vue实现表格拖拽排序——sortablejs
基于Vue实现表格拖拽排序——sortablejs vue+element-ui+sortable.js实现表格拖拽功能
2023-02-24 16:42:36
897
原创 Vue-依赖注入（provide-inject）【祖孙传值】
父向子传递数据是通过 props，子向父是通过 events（$emit）；通过父链 / 子链也可以通信（$parent / $children）；ref 也可以访问组件实例；$root 获取根组件EventBusvuex通过共同的父亲进行传递信息EventBusvuex父子层层传递在我们日常开发的过程中，我们需要从父组件向子组件传递数据，会使用 props；如果组件层级过多，使用 props 沿着组件链逐级传递下去，十分的麻烦， provide 和 inject 就可以解决这一问题。
2023-02-14 17:45:10
1407
1
原创 element-ui 表格+Dropdown下拉菜单 command方法(获取某行数据)
element-ui 表格+Dropdown下拉菜单 command方法(获取某行数据)
2023-02-14 17:07:46
993
原创 Windows快速删除大容量文件夹
在windows图形界面中删除文件夹时，操作系统会计算被删资源的项目数、进度、剩余时间等，然后把这些数据展示出来，之后才会执行实际的删除操作。对于大容量文件，需要耗时很长时间的文件夹文件不妨可以尝试一下本文的方法，CMD命令删除除了更快之外，还没有图形界面；对于小量文件完全没有必要，毕竟还需要输入命令，
2023-02-14 14:23:10
1348
原创 git常见问题 — git pull时提示 git pull ＜remote＞ ＜branch＞
git常见问题 — git pull时提示 git pull 说明，当前的分支并没有和本地分支关联，根据提示进行下一步，将指定当前工作目录工作分支，跟远程的仓库分支之间进行关联
2023-02-08 15:55:43
5368
原创 前端使用vue-pdf、pdf-lib、canvas 给PDF文件添加水印，并预览与下载
前端使用vue-pdf、pdf-lib 给PDF文件添加水印，并预览与下载
2023-02-03 14:44:57
3570
2
原创 实现海报合成工具，自定义背景图、位置、大小等 （html2canvas）
使用html2canvas实现图片合成，并下载自定义背景图、位置、大小等 （html2canvas）
2023-01-04 15:59:07
284
原创 nvm的下载，安装与使用详解
刚安装好nvm发现node和npm是都不能用的，原因是我们只安装了nvm，nvm是帮我们管理node 的，他并不是可以替代node。这里简单提一嘴，为什么安装一些软件都要求配置环境变量git也是，环境变量起到的作用是可以在任意文件夹或者文件路径下，运行相关的命令。是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看等等，与npm不同的是，npm是依赖包的管理工具。虽然刚刚下载了，但是查看当前使用的，并没有使用，意味着他是需要自己进行输入使用命令的。安装指定版本的node。
2023-01-04 15:51:13
1504
原创 vue的PDF预览插件(vue-pdf)，支持旋转、放大缩小、打印、下载等
vue的PDF预览插件(vue-pdf)，实现PDF文件的预览，并且支持pdf旋转、放大缩小、打印、下载等操作
2022-11-23 15:48:06
9454
5
原创 vue移动端H5预览PDF(pdfh5) 支持放大、分页、添加水印、PDF下载
vue移动端H5预览PDF(pdfh5) 支持放大、分页、添加水印、下载，pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
2022-11-23 15:42:07
13298
11
原创 git配置ssh流程
SSH是加密传输的，Git可使用RSA加密传输算法，RSA要解决的一个核心问题是，如何使用一对特定的数字，使其中的一个数字可以用来加密，而另外一个数字可以用来解密，这两个数字就是使用Git时遇到的public key（公钥）和private key（私钥），例如：从gitee发过来的是用公钥加密过的数据，可以使用本地的私钥来进行还原。复制生成后的 ssh key，点击我的头像 「设置」->「安全设置」->「SSH公钥」 ，添加生成的 public key。
2022-11-02 10:32:28
3539
原创 正则表达式规则
在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式来检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来。正则表达式也是一个对象，使用typeof检查正则对象，会返回object在正则表达式中严格区分大小写在构造函数中可以传递一个匹配模式作为第二个参数。可以是i（忽略大小写），g（全局匹配模式）
2022-11-02 09:28:12
99
原创 前端JS 实现文件Url、base64、File、Blob、ArrayBuffer相互转换方法
前端JS 实现文件Url、base64、File、Blob、ArrayBuffer相互转换方法
2022-10-21 11:25:18
3884
原创 解决eslint单引号、双引号、分号、空格、标签的报错警告问题
自动将‘单引号’改为“双引号”，自动给末尾添加逗号，自动给每一项 结尾添加逗号，导致eslint报警告。 使用ESlint警告：Require self-closing on Vue.js custom components (＜el-table-column＞)报错解决
2022-10-12 16:49:55
2703
原创 正则表达式中test、exec、match的区别介绍及括号的用法
test() 函数是RegExp对象的方法，参数是字符串，返回值是boolean类型。exec() 函数是RegExp对象的方法，参数是正则表达式，返回值是数组。match ()函数是String对象的方法，参数是正则表达式，返回值是数组。
2022-09-28 14:10:20
796
原创 基于Vue快速实现列表拖拽排序——draggable
在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂，结合Vue的transition-group,还能快速的给排序添加过渡动画。
2022-09-27 14:03:14
1187
原创 Vue 高德地图（vue-amap）的基本使用：添加标记、POI关键字搜索、路线规划...(方法二)
Vue 高德地图（vue-amap）：引入并初始化渲染地图，统一配置地图基础配置（版本、秘钥等），添加标记、POI关键字搜索、路线规划...
2022-09-26 17:41:09
3595
2
原创 Vue 高德地图（@amap/amap-jsapi-loader）的基本使用：添加标记、POI关键字搜索、路线规划...(方法一)
Vue高德地图的基本事件与使用（添加标记、POI关键字搜索、路线规划）地图鼠标点击点图，添加标记,POI关键字搜索，驾车路线规划（路线展示、途经点等）
2022-09-26 15:07:05
15248
4
原创 Vue-高德地图的基本使用（@amap/amap-jsapi-loader）
vue总结之vue引入高德地图（@amap/amap-jsapi-loader）
2022-09-24 16:52:28
3670
1
原创 vue使用dplayer 播放m3u8格式的视频——播放m3u8格式视频（三）
vue使用dplayer 播放m3u8格式的视频——播放m3u8格式视频（三）播放器在拿到XXX.m3u8视频地址（索引文件）后，会去请求拿到分片数据资源，也就是一大串的.ts文件列表，然后依次去请求这些.ts文件（当然这些是播放器内部自己实现的）
2022-09-23 17:06:59
4485
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人