知识点(小记)
文章平均质量分 53
记录工作中遇到的值得记录的知识点
一朵野花压海棠
这个作者很懒,什么都没留下…
展开
-
JavaScript常用小技巧(js优化)
JavaScript常用小技巧原创 2023-03-06 14:17:48 · 428 阅读 · 1 评论 -
基于Vue实现表格拖拽排序——sortablejs
基于Vue实现表格拖拽排序——sortablejs vue+element-ui+sortable.js实现表格拖拽功能原创 2023-02-24 16:42:36 · 933 阅读 · 0 评论 -
vxe-table 单元格数字的精度切换、单元格内容宽度自适应(根据内容撑开)
【代码】vxe-table 单元格数字的精度切换、单元格内容宽度自适应(根据内容撑开)原创 2024-01-18 18:20:35 · 1386 阅读 · 0 评论 -
前端面试知识点总结
前端面试知识点总结,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 · 768 阅读 · 0 评论 -
嵌套表单效验,动态表单效验,动态增删表单
嵌套表单效验,动态表单效验,动态增删表单原创 2023-02-15 10:49:37 · 121 阅读 · 0 评论 -
Vue-依赖注入(provide-inject)【祖孙传值】
父向子传递数据是通过 props,子向父是通过 events($emit);通过父链 / 子链也可以通信($parent / $children);ref 也可以访问组件实例;$root 获取根组件EventBusvuex通过共同的父亲进行传递信息EventBusvuex父子层层传递在我们日常开发的过程中,我们需要从父组件向子组件传递数据,会使用 props;如果组件层级过多,使用 props 沿着组件链逐级传递下去,十分的麻烦, provide 和 inject 就可以解决这一问题。原创 2023-02-14 17:45:10 · 1438 阅读 · 1 评论 -
element-ui 表格+Dropdown下拉菜单 command方法(获取某行数据)
element-ui 表格+Dropdown下拉菜单 command方法(获取某行数据)原创 2023-02-14 17:07:46 · 1093 阅读 · 0 评论 -
前端使用vue-pdf、pdf-lib、canvas 给PDF文件添加水印,并预览与下载
前端使用vue-pdf、pdf-lib 给PDF文件添加水印,并预览与下载原创 2023-02-03 14:44:57 · 4097 阅读 · 2 评论 -
JS前端基于canvas给图片添加水印,并下载带有水印的图片
前端原生基于canvas给图片添加水印,并下载带有水印的图片原创 2023-02-02 14:33:57 · 2154 阅读 · 5 评论 -
实现海报合成工具,自定义背景图、位置、大小等 (html2canvas)
使用html2canvas实现图片合成,并下载自定义背景图、位置、大小等 (html2canvas)原创 2023-01-04 15:59:07 · 299 阅读 · 0 评论 -
vue的PDF预览插件(vue-pdf),支持旋转、放大缩小、打印、下载等
vue的PDF预览插件(vue-pdf),实现PDF文件的预览,并且支持pdf旋转、放大缩小、打印、下载等操作原创 2022-11-23 15:48:06 · 9705 阅读 · 5 评论 -
vue移动端H5预览PDF(pdfh5) 支持放大、分页、添加水印、PDF下载
vue移动端H5预览PDF(pdfh5) 支持放大、分页、添加水印、下载,pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件。原创 2022-11-23 15:42:07 · 13807 阅读 · 11 评论 -
正则表达式规则
在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,或者将字符串中符合规则的内容提取出来。正则表达式也是一个对象,使用typeof检查正则对象,会返回object在正则表达式中严格区分大小写在构造函数中可以传递一个匹配模式作为第二个参数。可以是i(忽略大小写),g(全局匹配模式)原创 2022-11-02 09:28:12 · 110 阅读 · 0 评论 -
前端JS 实现文件Url、base64、File、Blob、ArrayBuffer相互转换方法
前端JS 实现文件Url、base64、File、Blob、ArrayBuffer相互转换方法原创 2022-10-21 11:25:18 · 4124 阅读 · 0 评论 -
正则表达式中test、exec、match的区别介绍及括号的用法
test() 函数是RegExp对象的方法,参数是字符串,返回值是boolean类型。exec() 函数是RegExp对象的方法,参数是正则表达式,返回值是数组。match ()函数是String对象的方法,参数是正则表达式,返回值是数组。原创 2022-09-28 14:10:20 · 848 阅读 · 0 评论 -
最全的常用正则表达式大全
常用的正则表达式:匹配数字、字符、Email邮箱、手机号码、url、域名、身份证号等。原创 2022-09-28 11:47:21 · 900 阅读 · 0 评论 -
git命令大全
【代码】git命令大全。原创 2022-09-27 16:28:54 · 252 阅读 · 0 评论 -
基于Vue快速实现列表拖拽排序——draggable
在业务中列表拖拽排序是比较常见的需求,常见的JS拖拽库有Sortable.js,Vue.Draggable等,大多数同学遇到这种需求也是更多的求助于这些JS库,其实,使用HTML原生的拖放事件来实现拖拽排序并不复杂,结合Vue的transition-group,还能快速的给排序添加过渡动画。原创 2022-09-27 14:03:14 · 1253 阅读 · 0 评论 -
Vue 高德地图(@amap/amap-jsapi-loader)的基本使用:添加标记、POI关键字搜索、路线规划...(方法一)
Vue高德地图的基本事件与使用(添加标记、POI关键字搜索、路线规划)地图鼠标点击点图,添加标记,POI关键字搜索,驾车路线规划(路线展示、途经点等)原创 2022-09-26 15:07:05 · 15791 阅读 · 4 评论 -
vue使用dplayer 播放m3u8格式的视频——播放m3u8格式视频(三)
vue使用dplayer 播放m3u8格式的视频——播放m3u8格式视频(三)播放器在拿到XXX.m3u8视频地址(索引文件)后,会去请求拿到分片数据资源,也就是一大串的.ts文件列表,然后依次去请求这些.ts文件(当然这些是播放器内部自己实现的)原创 2022-09-23 17:06:59 · 4705 阅读 · 5 评论 -
vue使用vue-dplayer播放m3u8格式的视频——播放m3u8格式视频(二)
播放m3u8格式视频方式二: vue使用vue-dplayer播放m3u8格式的视频,播放器在拿到XXX.m3u8视频地址后,会去请求拿到分片数据资源,也就是一大串的.ts文件列表,然后依次去请求这些.ts文件(当然这些是播放器内部自己实现的)原创 2022-09-23 16:46:14 · 3014 阅读 · 0 评论 -
vue使用原生videojs 播放m3u8格式的视频——播放m3u8格式视频(一)
vue使用原生videojs 播放m3u8格式的视频——播放m3u8格式视频(一)播放器在拿到XXX.m3u8视频地址(索引文件)后,会去请求拿到分片数据资源,也就是一大串的.ts文件列表,然后依次去请求这些.ts文件(当然这些是播放器内部自己实现的)原创 2022-09-22 14:39:44 · 4542 阅读 · 3 评论 -
保护视图源,禁用右键菜单、禁用鼠标选中、禁用键盘F12键等操作
在开发过程中,会需要因为保密等问题防止用户下载,获取链接地址等操作;前端需要做的就是保护视图源,禁用右键菜单、禁用鼠标选中、禁用键盘F12键等操原创 2022-09-19 10:41:04 · 255 阅读 · 0 评论 -
vue 使用html2canvas实现图片合成,将两张图片合成一张,并下载海报
使用html2canvas将两张图片合成一张,并下载海报(效果图)html2canvas屏幕截图基于 DOM,因此可能不是 100% 准确到真实表示,因为它不会制作实际的屏幕截图,而是根据页面上可用的信息构建屏幕截图。原创 2022-09-17 15:02:44 · 2697 阅读 · 0 评论 -
Promise.all 多表单验证、多组件表单验证(element-ui)
Promise.all 多表单验证、多组件表单验证(element-ui),页面多表单验证、多组件表单验Promise.all(formArr.map(this.getFormPromise)).then((res) => {...})原创 2022-09-17 14:11:45 · 799 阅读 · 0 评论 -
Vue 配置全局样式(style-resources-loader)两种方式配置
Vue 配置全局样式两种方式配置,安装 style-resources-loader vue-cli-plugin-style-resources-loader1、安装 style-resources-loader 、 vue-cli-plugin-style-resources-loader。1、安装 style-resources-loader。2、创建 vue.config.js,加入下面的配置。2、创建 vue.config.js,加入下面的配置。三、在vue文件使用。...原创 2022-08-13 10:12:45 · 3904 阅读 · 0 评论 -
如何让 (a == 1 && a == 2 && a == 3) 的值为true?
如何让(a==1&&a==2&&a==3)的值为true?原创 2022-07-28 14:44:14 · 268 阅读 · 0 评论 -
vConsole:针对手机网页的前端开发者调试面板,手机web页面console.log 功能,如 Chrome devtools 上一样。
vConsole:针对手机网页的前端开发者调试面板,手机web页面console.log 功能,如 Chrome devtools 上一样。原创 2022-07-16 16:13:13 · 562 阅读 · 0 评论 -
处理Element 日期选择器el-date-picker 限制时间跨度一年
处理Element 日期选择器el-date-picker 限制时间跨度一年,通过pickerOptions里的disabledDate来控制禁止选中的日期。原创 2022-06-29 15:27:11 · 8083 阅读 · 2 评论 -
前端js计算起始日期之间的中间日期
计算起始日期之间的中间日期原创 2022-07-15 15:20:38 · 461 阅读 · 0 评论 -
vue 如何让PC端不同屏幕大小分辨率自适应(屏幕自适应)(postcss-px2rem、px2rem-loader、lib-flexible)
vue 如何让PC端不同屏幕大小分辨率自适应(屏幕自适应)(postcss-px2rem、px2rem-loader、lib-flexible)原创 2022-07-16 14:52:18 · 15012 阅读 · 28 评论 -
页面搜索高亮功能,页面自动匹配关键字滚动到屏幕正中间,并高亮显示。
页面搜索高亮功能,页面自动匹配关键字滚动到屏幕正中间,并高亮显示。原创 2022-07-16 15:46:55 · 632 阅读 · 0 评论