- 博客(77)
- 收藏
- 关注
RSS订阅原创 vue-kindeditor 安装和解决问题
1、kindeditor 安装 与 使用2、kindeditor 光标下插入内容3、kindeditor 上传图片和视频
2023-05-30 18:34:51
1834
1
原创 svg-sprite-loader 过滤文件夹的svg
svg-sprite-loader exception. svg-sprite-loader in extract mode requires the corresponding plugin
2023-05-12 11:07:01
752
1
原创 dom-to-image.js 页面截图
dom-to-image.js 页面截图解决： dom-to-image.js 视频标签 video 不显示解决： dom-to-image.js svg 标签不显示解决： dom-to-image.js 图片链接失效报错
2023-02-06 10:36:24
3245
原创 动态设置 :root 和 获取 :root 内容 ， 获取 var() 内容
动态设置 :root 和 获取 :root 内容 ， 获取 var() 内容
2022-10-20 16:18:17
960
原创 获取指定天数的日期
function doHandleMonth (month) { var m = month if (month.toString().length === 1) { m = '0' + month } return m} function getDay (day, type) { var today = new Date() today.setTime(today.getTime() + 1000 * 60 * 60 * 24 * day) .
2022-05-12 09:47:14
228
原创 vue 过滤项目没有使用的静态图片
1、怎么样知道项目那些图片有使用 ？2、怎么样知道使用的图片如何删除没有使用的图片 ？3、怎么样在 node 启动 js文件时候带标识 ？
2022-02-22 10:04:09
2303
原创 qiankun 基座下发组件
功能：qiankun 基座下发组件；解决问题：1、基座下发组件，先打开的子应用访问正常，后面打开的子应用不显示组件2、使用 vue-i18n 报Cannot read property '_t' of undefined
2022-02-16 14:58:20
1727
6
原创 数字转成大写数字
toString (num) { const changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] // changeNum[0] = "零" const unit = ['', '十', '百', '千', '万'] num = parseInt(num) const getWan = (temp) => { const strArr = temp.toS...
2022-01-20 15:25:49
690
原创 vue-virtual-scroll-list 虚拟列表
vue-virtual-scroll-list官方地址：官方地址https://www.npmjs.com/package/vue-virtual-scroll-list安装:// npm 安装方式npm install vue-virtual-scroll-list --save// yarn 安装方式yarn add vue-virtual-scroll-list -S引入方式 一、全局使（在 main.js 文件注册）import VirtualList ...
2021-12-14 11:43:13
4874
1
原创 element tree懒加载局部刷新
一、在el-tree 标签，写入node-key="id"ref="asyncTree"二、在 懒加载的load 绑定的事件中，首级需要把node 存储起来1、getData是请求数据方法 loadNode (node, resolve) { if (node.data && node.data.id) { this.getData(node.data.id, resolve) } else if (node...
2021-11-26 16:45:37
1388
原创 git由ssh方式改为https方式
先删除关联git remote rm origin在获取到项目https地址重新绑定关联git remote add origin http://gitlab.xxxxxxxx.cn:xxxx/xxxxxx/xxx.git本地分支和仓库分支关联git pullgit branch --set-upstream-to=origin/dev dev
2021-09-23 14:26:55
1619
原创 自定义修改 input 的range
最终效果遇到的问题： 1、无法直接修改 input 进度条进度条颜色，解决办法使用css3背景渐变解决css： 需要注意加上-webkit-appearance: none 否则无效 /*滑动条背景*/ input[type="range"] { -webkit-appearance: none; width: 522px; height: 24px; background: linear-gradient(90deg, #1C2D...
2021-09-22 15:59:43
1221
1
原创 vue脚手架创建，报错spawn yarn ENOENT
spawn yarn ENOENT 这是因为yarn找不到，而且设置的默认包管理是yarn可以修改成npm一、直接在C盘用户名/.vuerc文件进行修改，将 "packageManager"改为"npm"{ "useTaobaoRegistry": false, "packageManager": "npm"}修改好后创建vuevue create XXXXXX...
2021-08-12 16:18:23
427
1
转载 音频时长, 视频时长转换
原文地址原文地址原文地址一、秒转换时分钟00:00:00时分秒格式function timeToMinute(times) { var t; if (times > -1) { var hour = Math.floor(times / 3600); var min = Math.floor(times / 60) % 60; var sec
2021-08-11 16:02:51
809
原创 js 数据深拷贝
一、数据为什么要深拷贝 ？深拷贝的好处在哪里？因为很多时候只是单单的一个值的内容赋值了到了新的值上面去，但是他们的作用域（储存空间）还是在同一个地方，这样就会导致修改了赋值后的数据，赋值的数据也会被修改，所以如果是赋值对象或者赋值数组就要使用深拷贝，深拷贝的好处就是修改了赋值后的内容，赋值的内容不会改变二、详细讲解赋值、浅拷贝与深拷贝的区别名称 是否在同一个作用域（储存空间） 第一次是基本类型 数据中有包含子对象 赋值 是 改变会一同改变原来的...
2021-08-11 15:59:40
227
原创 js 文件转换
file 转 b64blobToDataURL(blob, callback) { let a = new FileReader(); a.onload = function (e) { callback(e.target.result); } a.readAsDataURL(blob); },**blob 转 file **blobToFile (theBlob, fileName){ theBlob.lastModif
2021-07-21 15:07:27
369
原创 js 计算图片比例
很多时候项目需要计算比例，限制上传，其实计算比例 就是约分，懂约分就很好写了例如一个图片的分辨率是1280X720，那么这个图片的比例就是1280:720进行约分，也就是16:9。例如一个图片的分辨率是800X600，那么这个图片的比例就是800:600进行约分，也就是4:3。//m,n为正整数的分子和分母function reductionTo(m, n) { var arr = []; if (!isInteger(m) || !isInteger(n)) {
2021-07-20 18:55:59
2832
原创 vuedraggable使用filter 后，关联的输入框失效（输入框无法获取焦点）
官方文档传送门一、什么是draggable，用来干嘛的Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件。本篇将介绍如何搭建环境及简单的例子，使用起来特别简单对被拖拽元素也没有CSS样式的特殊要求。二、draggable 安装NPM或yarn安装方式yarn add vuedraggablen
2021-05-26 15:04:39
2294
3
原创 elementUI库 Cascader 级联选择器 选择任意一级选项，去掉单选按钮
最下面有 完整案例，不想看心理历程的可以直接到最下面复制代码目标效果：vue项目中需要使用el-cascader组件，可以选择任意一级的内容 预想效果图： （有三级情况下，想选择二级就选择二级）遇到的问题：使用 使用官方案例的 （多选 单选框）直接点击 小圆点，点击文字没有效果 想直接点击文字可以选中，如果有三级也随便打开三级，并且移除掉单选按钮解决方案： 解决问题前，我们需要知道这里其实有两个问题解决可以任选一个选项 解决点击文字即可选中，并移除单...
2021-05-15 11:28:48
4868
7
原创 element 表格分页 限制多选条数
效果图：官方方法解释： row-key 行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持user.info[0].id，此种情况请使用Function。 selection-change 当选择项发生变化时会触发该事件 selectable 仅对 type=selection 的列有效，类型为 Fu..
2021-05-13 14:38:29
2237
1
转载 JS获取指定日期距离当前日期还有多久
/** * 获取距离指定时间还有多少天 * @param {String | Number | Date} dateTime 日期时间 * @example * ```javascript * getDistanceSpecifiedTime('2019/02/02 02:02:00'); * getDistanceSpecifiedTime(1549036800000); * getDistanceSpecifiedTime(new Date("201.
2021-05-12 16:04:32
2731
原创 js 中国时间转换美国太平洋标准时间
利用js将北京时间转换成美国太平洋标准时间let getTime= new Date().getTime() //获取中国时间戳美国有两个时间夏令时（北京时间差15小时） 和冬令时 （北京时间差16小时）// 夏令时getTime = getTime - 15 * 3600 * 1000// 冬令时// getTime = getTime - 16 * 3600 * 1000时间展示getTime= new Date(getTime);完成代码let getT..
2021-05-12 10:05:33
2857
1
原创 vue 中移除没有使用的class和id 样式
前言因为在多次迭代后的项目有很多不用的样式，如果一直留着就会导致文件过大，在用户访问的时候请求时间加大，所以需要优化这方面的代码 所以我这边在项目 build 的时候，就需要移除多余不用的样式代码进行简单的优化npm安装与使用 1、使用到的npm包有 “purifycss-webpack”，“purify-css”，“glob”cnpm i --save purifycss-webpack purify-css glob 2、在 webpack.config.js 或...
2021-05-10 11:34:28
1638
1
原创 js 时间转字符串时间
// 格式化日期，如月、日、时、分、秒保证为2位数 formatNumber (n) { n = n.toString() return n[1] ? n : '0' + n }, // 参数number为毫秒时间戳，format为需要转换成的日期格式 formatTime (number, format) { const time = new Date(number) const newArr = [] cons.
2021-04-06 14:15:56
210
原创 使用 el-upload 和 xlsx 上传 xlsx文件
一、安装 xlsxcnpm i xlsx二、在 vue 中使用我这边是使用element 里面的el-upload 组件上传方法 <el-upload ref="upload" action="" accept=".csv" :headers="myHeaders" :on-change="upload" :http-request="handleHttpRequestImg" :sho...
2021-04-02 14:42:51
1811
原创 小程序 监听（watch）全局的 参数
因为小程序是没有watch函数的所以需要自己写一、在 app.js 页面 globalData: { platformType: true, }, // 修改全部中参数的方法 setGlobalData(object) { for (const key in object) { if (object.hasOwnProperty(key)) { this.globalData[key] = object[key] ...
2021-03-13 17:55:14
1175
原创 小程序的 wx.createVideoContext 使用
在video 设一个 id<video id="myVideo" src=""></video>然后在函数里面使用createVideoContext let videoContext = wx.createVideoContext('myVideo', this) videoContext.seek(that.data.video_real_time)做这个文章 主要的目的就是 有时候createVideoContext 里面的方法 不起作用...
2021-02-26 14:53:50
6920
转载 小程序 自定义头部
原文：地址不是我自己写的，我就不多说了 直接上代码 要用自定义的导航栏只需要在app.json中配置 "navigationStyle": "custom"app.js 文件//app.jsApp({ onLaunch: function (options) { // 判断是否由分享进入小程序 if (options.scene == 1007 || options.scene == 1008) { this.globalData.share =.
2021-01-29 19:37:36
473
原创 启动小程序（安装 vant 样式库）
如果出现 微信小程序json: [“usingComponents“][“van-button“] 未找到 就删除项目 重新按照下面的方法启动一、创建一个新文件夹，在根目录下启动命令行二、在命令行输入（npm init）初始化npm init //执行完成后，文件目录出现 package.json，就说明初始化成功三、安装生产环境npm install --production // 注意不是输入 npm install，输入npm install 文件可能过大四、安装vant官.
2021-01-29 19:08:23
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人