- 博客(24)
- 收藏
- 关注
RSS订阅原创 使用nodeJS编写脚本，根据文件列表将源目录的目标文件复制到新目录
const fs = require('fs');const src_list = 'F:/workspace/front'; // 被复制的源目录const dst_list = './new_front'; // 复制后的目录const allowFiles = './all.txt'; // 允许被复制的目标文件列表/** * 允许被复制的目标文件列表 */let copyFileArr = [];fs.readFile(allowFiles, function (err, data)
2021-09-07 11:32:58
1161
原创 在浏览器页面使用a标签调起系统计算器
1.首先需要在注册表中注册自定义的协议你必须添加一个新的key以及相关的value到HKEY_CLASSES_ROOT中，来使应用程序可以处理特殊的URL协议。新注册的key必须与协议scheme相匹配才可以被添加。例如，增加一个“alert:”协议，被增加到HKEY_CLASSES_ROOT的key必须是alert。在这个新的key之下，默认的字符串value将显示新协议的名字，并且URL协议字符串value将包含协议特有的信息或者空字符串。Keys将同样被添加到DefaultIcon和shell中
2021-09-07 11:29:13
560
1
原创 在windows环境下用gitbash执行zip命令实现git差异化打包（gnuwin32）
1. 进入官网下载zip-3.0-bin.zip和bzip2-1.0.5-bin.ziphttps://sourceforge.net/projects/gnuwin32/files/2. 解压缩下载的文件，找到zip.exe和bzip2.dll文件解压这两个文件夹在bin文件夹中找到zip.exe和bzip2.dll文件3.将命令exe文件复制到git-bash文件夹中将“ zip.exe”和“ bzip2.dll”复制到/Git/usr/bin/4. 运行以下命令可以将最近一次
2021-07-30 16:00:08
858
原创 elementUI Cascader 级联选择器选择任意一级选项，去掉单选按钮，点击label选中内容
需求：级联选择器选择任意一级选项，去掉单选按钮，点击label选中内容elementUI原组件：需要点击单选按钮才可以选中内容，点击文字没反应实现：可以通过修改前面圆点的样式，实现点击文字选中 修改样式代码如下.el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; ...
2020-04-08 16:14:11
4981
8
原创 vue弹窗里面使用echarts不显示的问题
前言：弹出层中插入echarts图表，没有报错，但是图表加载不出来此弹出层没有用element 的dialog 对话框，用的自己封装的组件，但是出现的问题是一样的原因分析：弹出层 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。弹出层组件会监听 visible 的状态，当状态为 true 时，立刻触发 open 事件，但这个时候 弹出层 的内容还没...
2019-12-05 10:54:36
1731
原创 获得2小时时间段内每间隔半小时的时间数组
getDateArray() { let start = new Date(); let end = new Date(new Date().getTime() + 2 * 60 * 60 * 1000); let startDate = start.getTime(); let endDate = end.getTime(); co...
2019-11-13 17:55:47
1237
原创 JS将一个对象展开并且将其中的部分属性给另一个对象——解构赋值
示例：原对象 a={ a1=xxx, b1=xxx, c1=xxx } 想得到的b对象 b={ a1=xxx, b1=xxx }方法：const {a1,b1} = a; const b ={a1,b1}// 把a对象里的a1,b1解构赋值原理：ES6解构赋值对象的解构赋值是根据key值进行匹配// 这里可以看出，左侧的name和右侧的name，是互相匹配的key值// 而左侧...
2019-11-04 09:57:33
17132
1
原创 图片与文字垂直方向对齐
css：.info-success{ color: #1079e2; img{ width: 50px; height: 50px; margin-right: 20px; vertical-align: middle; } ...
2019-10-29 17:31:55
252
原创 VScode 之快速创建vue模板
在vsCode中安装Vetur插件，以识别vue文件新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定在json文件中添加自己的模板字段{ // Place your snippets for vue here. Each snippet is defined under a snippet name an...
2019-10-28 09:30:43
341
原创 js把多维数组变成一维数组的方法
需求:多维数组=>一维数组let let str = JSON.stringify(ary);第0种处理:直接的调用arr_flat = arr.flat(Infinity);Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat...
2019-10-25 13:32:10
411
原创 三元表达式实现三个条件的判断
vue项目的动态class值绑定表达式1 ? 表达式1为true时的结果 : ( 表达式2 ? 表达式2为true时的结果 : 全都是false的结果 )
2019-10-25 13:31:55
6707
原创 小程序视频播放封面黑屏问题
需求：在做显示用户上传的视频的时候发现安卓手机无封面，是黑屏。刚开始的想法是让后台截取视频流一帧存下来给我路径，我通过设置小程序组件video的poster来显示封面，但是他说不行。。。无奈老板说得有封面，那我就得让他有。。┭┮﹏┭┮实现： 黑屏是因为视频没加载，将默认播放时间设置为大于0的值，就会自动加载视频。<video src="视频路径" initial-...
2019-09-19 15:36:57
3370
1
原创 不规则图片加阴影
今天分享一个 CSS 小技巧：假如需要给一个不规则图片加阴影的话，直接使用 box-shadow 通常是行不通的。这时候我们可以使用 filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3))以下图片的状态分别为：filter、box-shadow、原图。大家可以看到通过 drop-shadow 可以完美的给不规则图片加上阴影...
2019-09-09 18:38:22
969
原创 小程序中模拟vue实现mixin混入方法扩展
模块文件/** * 封装mixin，实现方法复用，mixin的具体方法在mixinJS文件夹中。 * 使用说明：页面使用时，需require此文件以及mixinJS文件夹中需要的方法文件，在页面中导出page和方法文件。 * 示例： * var block = require("../../../mixinJS/block.js") * var mixinUti...
2019-08-28 16:21:21
356
1
原创 使用split函数按照多个字符对字符串进行分割的方法
需求：需要对一个字符串使用“，”和“。”两个分隔符进行分割实现方法正则表达式效果const poetry = "驿外断桥边，寂寞开无主。已是黄昏独自愁，更著风和雨。无意苦争春，一任群芳妒。零落成泥碾作尘，只有香如故。"const poetryArr = poetry.split(/[，。]/)console.log(poetryArr)...
2019-08-26 17:07:13
2444
原创 微信小程序 Image 图片实现宽度100%，高度自适应
需求：需要实现一个图片列表，宽度为屏幕的100%，高度根据图片尺寸自适应，<image>标签默认height: 240px;解决方法：样式设置宽度100%，.img{ width: 100%; }添加属性 mode=“widthFix”，<image class="img" src="" mode="widthFix">即可实现！...
2019-08-26 11:20:29
1310
原创 flex布局采用space两端布局，但是最后一行如何让他左对齐
效果：.baby-list { width: 100%; display: flex; padding: 0 28rpx; justify-content: space-between; flex-wrap: wrap;}/* 添加伪类，使最后一行左对齐 */.baby-list:after {content: "";flex: auto;}...
2019-08-21 12:18:39
1892
原创 rem和em区别
em 和 rem都是灵活、 可扩展的单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。主要区别rem是基于父元素的字体大小为单位进行缩进，而em是根据自身元素的字体大小进行缩进。示例...
2019-08-21 12:16:10
130
原创 使用wxParse解析富文本HTML内容
从github上拉wxParse项目代码https://github.com/icindy/wxParse将wxParse文件夹拷到自己的项目中（这里如果不需要emojis文件夹可以删掉，占内存）接下来就是重点啦~请摆好姿势！wxss中wxml中 js中规则解释 /** * WxParse.wxParse(bindName ,...
2019-08-14 16:15:44
223
原创 自定义修改elementUI主题颜色
加粗样式需求：使用vue+elementUI开发后台管理项目，需要修改默认颜色，步骤如下。步骤：加粗样式进入项目文件夹 cd 你的项目文件夹名称全局安装主题生成工具 cnpm i element-theme -g在项目中安装chalk主题 npm i element-theme-chalk -D初始化变量 et -i这时根目录下回生成element-vari...
2019-07-23 11:32:46
4287
2
原创 出现Cannot find module 'node-sass' 解决办法
使用npm、cnpm安装了很多次node-sass都报错显示安装成功了，但还是一直提示这个错误信息找了很多方法都不行后来直接灵机一动,简单粗暴的解决,直接复制一份_node-sass@4.11.0@node-sass,改名为node-sass,问题就解决了....
2019-07-22 17:15:10
4509
原创 elementUI的时间日期选择器定位错乱
使用v-if切换时间选择器显示状态会出现定位错乱的情况，定位会跑到左上角（0,0,0,0）换成v-show即可解决
2019-07-22 17:01:51
5489
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人