- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端阿里云OSS直传，微信小程序版本
网络上许多的文章资料，全是使用阿里云官方的SDK，ali-oss插件去做直传。可是各位素未谋面的朋友要注意，这个使用，也就是。当切换到，是无法使用这种方式的，当然官方也有给出微信小程序直传的文档，继续往下看。支持配置OSS直传的callback参数，这是其它文章中没用到的官方：如何使用ali-oss进行直传官方：微信小程序OSS直传。
2023-05-29 18:42:39
2446
原创 vue3使用highlightjs代码高亮器，简单明了附带效果图
需要安装两个依赖npm install --save highlight.jsnpm install --save @highlightjs/vue-plugin页面上单独引入插件，不要直接在main.ts全局引入注意：因为插件不支持响应式数据，所以不要使用ref定义响应式变量<template> <highlightjs autodetect :code="jsonCode" /></template..
2022-04-28 16:08:21
2209
1
原创 moment设置当前月第一天，当前月最后一天
例如：2021-7-1 至 2021-7-31timeTime() {// 开始时间 let date = moment().startOf('month'); //当月第一天 let y = date.get('year'); let m = date.get('month') + 1; let d = date.get('date'); this.startDateString = y + "-" + m + .
2021-07-22 11:17:30
1779
原创 html2canvas解决图片空白，网络图片跨域
解决思路：前端将网络图片转换成64位格式1、准备一个canvas标签用于转换64位格式图片<canvas ref="headCanvas" style="position: absolute;height: 0; width: 0;opacity: 0;"></canvas>2、关键方法注意：一点要给网络图片手动添加在后面拼接时间戳，否则canvas.toDataURL方法会报错//将网络图片转化为Base64 ImageToBase64() .
2021-03-30 13:20:53
3201
3
原创 splice函数根据数组下标删除元素
let temp = ['a','b','c','d']//数组下标从0开始//temp.splice(数组下标,删除数量)## xxxxx切记不要接收xxxxx## temp = temp.splice(0,1)//从0下标开始，删除1个数量temp.splice(0,1)//结果temp = ['b','c','d']//从0下标开始，删除2个数量temp.splice(0,2)//结果temp = ['c','d']//从1下标开始，删除3个数量temp.spl
2021-03-04 10:50:52
1194
1
原创 小程序使用painter生成海报
引入第三方包就可以轻松的完成具体可参考:原项目地址：https://github.com/Kujiale-Mobile/Painter新版地址：https://github.com/shesw/Painter使用这个网址编辑出你的海报样子，然后【复制代码】https://lingxiaoyi.github.io/painter-custom-poster/...
2021-01-19 14:55:22
670
原创 electron@7.2.4实现打印功能
一、background.js，项目入口配置文件import { app, protocol, BrowserWindow, ipcMain } from 'electron'/** * 省略多数默认配置* * *//** 打印* *///在主线程下，通过ipcMain对象监听渲染线程传过来的getPrinterList事件ipcMain.on('getPrinterList', (event) => { //主线程获取打印机列表 const list = wi
2020-09-03 15:57:32
3833
3
原创 vue-cli3+electron+serialport实现串口通信，收银系统对接电子秤
项目创建参考：https://zhuanlan.zhihu.com/p/75764907电脑本地环境准备注意版本号，electron和node建议使用跟我一样的版本node版本：12.16.1npm版本：6.13.4全局安装 npm install -g node-gyp，这是用来编译serialport的，因为npm下载serialport是源代码，源代码是C语言，需要将C语言翻译4. 安装visual studio 2017，翻译C语言需要C环境，附上下载地址Visual Studi
2020-09-01 15:52:11
6629
3
原创 electron-vue项目添加vue-devtools调试插件
进入devtools官网下载zip压缩包https://github.com/vuejs/vue-devtools下载注意事项：需要选择Tags下载v5.1.1版本，否则会出现问题。下载ZIP压缩包下载好zip包谷歌浏览器地址栏搜索：chrome://version/，找到【个人资料路径】，将zip包解压到它目录下。进入vue-devtools-5.1.1文件夹执行npm install或者cnpm install修改\vue-devtools-5.1.1\shells\ch
2020-06-24 16:23:10
3510
1
原创 electron-builder打包错误记录，cannot move downloaded into final location (another process downloaded faster
错误信息：cannot move downloaded into final location (another process downloaded faster?)解决：直接退出【火绒安全软件】nodejs打包时，会创建 \cakeGUI\build\win-unpacked\electron.exe火绒实时监控在检测到文件生成后，会对改文件做扫描火绒实时监控的逻辑会保证在火绒扫描时，后续进程对该文件的同步操作被阻塞，以保证文件操作的原子性和完整性火绒查毒结束后，AlibabaProtec
2020-06-22 15:02:53
1429
5
原创 CSS文字上下无限滚动 用于奖励记录
先看效果图直接上代码wxml页面<view class="swiper_rise"> <view class="charm animation5"> <view> <view class="item" wx:for="{{5}}" wx:key="index"> <text>2月{{index}}日
2020-06-15 14:51:51
730
原创 小程序view标签禁止滚动
.wxml代码小知识：show-menu-by-longpress='1' //image标签设置这个参数，打开长按发送给朋友、识别图中小程序；使用catch:touchmove="touchmove"事件，catch:修饰阻止冒泡<view class="image_view" catch:touchmove="touchmove"> <i...
2020-04-08 10:39:53
2223
原创 四不象框架启动项目
1.1配置nginxserver { #充电宝商城 listen 8090; server_name localhost; root D:/classification/zhongBang_company/cdbshop-mobile/publish; charset utf-8; index inde...
2020-03-22 20:55:04
162
原创 vue2更改v-html内容样式
<div class="content" v-html="agreement.content"></div>2. 通过 v-html 创建的 DOM 内容不受作用域内的样式影响，但是你仍然可以通过深度作用选择器来为他们设置样式。——深度作用选择器如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>>...
2019-12-12 10:28:19
3120
原创 html2canvas截图，包括圆图
html2canvas截图，包括圆图，不包括滚动部分包括圆图：useCORS:truehtml:<div class="qr_content" id="imageWrapper"> <div class="back1-div"> <p class="thing">只要分享商品，就可以赚佣金哦11</p> ...
2019-10-08 16:14:51
888
原创 微信公众号+商户平台参数配置
微信公众号自定义菜单授权域名配置：公众号设置>功能设置>网页授权域名 公众号设置>功能设置>JS接口安全域名 公众号设置>功能设置>业务域名出现下图：下载MP_verify_MAsWLN2j5h1ZUPxE.txt文件，上传到服务器/opt/proje...
2019-08-23 11:42:52
1001
1
原创 阿里云官网-域名配置步骤
腾讯云配置域名云产品>搜索>域名管理>解析>添加记录：主机记录=cznc，记录类型=A，路线类型=默认，记录值=服务器IP，TTL(秒)=600最终域名：cznc.zbangmall.com阿里云配置端口实例列表>管理>本实例安全组>配置规则：端口范围=自定义(81/81)，授权对象默认表示：所有的ip网段都可以访问，其它保持默认...
2019-08-23 11:42:46
1252
原创 mui兼容页面所有尺寸
<head> <meta charset="UTF-8"> <title>编辑网店</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1...
2019-07-12 16:32:39
1071
原创 Xshell服务器常用命令
redis相关查看链接redis语句：history|grep redis-cli 连接redis缓存：redis-cli -h 127.0.0.1 -p 6379 -a 123456 查看redis内容：keys * 查看精准缓存内容：get+缓存名 清楚所有redis缓存：flushdbsaas部署服务器mkdir "文件夹名"————创建文件夹 more "文件名"...
2019-06-27 14:10:12
1902
原创 验证手机号码——正则表达式
var regMobile = new RegExp(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/); if(!regMobile.test(mobile)){ mui.toast('请输入正确的手机号',{ duration:2000, type:'div' }); ...
2019-04-23 16:28:35
887
原创 input 消除自动记忆功能
在html里就可以直接清除了<input type="text" autocomplete="off">input 的autocomplete属性默认是on：其含义代表是否让浏览器自动记录之前输入的值off：则关闭记录...
2019-03-15 09:34:46
475
原创 CSS鼠标悬浮变手、加号
.hh{ cursor:pointer//鼠标悬浮变"手"}.aa{ cursor: crosshair//鼠标悬浮变"加号"}
2019-02-28 14:36:49
12519
原创 Beyond Compare 4，提示已经超出30天试用期
打开Beyond Compare 4，提示已经超出30天试用期限制，解决方法：1.修改C:\Program Files\Beyond Compare 4\BCUnrar.dll ,这个文件重命名或者直接删除，则会新增30天试用期，再次打开提示还有28天试用期。2.一劳永逸，修改注册表1)在搜索栏中输入win+r，regedit，打开注册表2) 删除项目：计算机\HKEY_C...
2019-01-02 17:52:04
1944
原创 input标签只能输入数字并且第一位不能为0
var this_ = $(e.target); this_.val().length > 10 ? this_.val(ot) : ot = this_.val(); //控制input最大长度为10 this_.val(this_.val().replace(/[^0-9-]+/,'')); //input标签只能输入数字并且第一位不能为0 ...
2019-01-02 14:11:04
7212
原创 12000显示为1.2W，1200显示为1.2K
function test(num){ if (num >= 10000) { num = Math.round(num / 10000 * 100) / 100 + 'W'; } else if(num >= 1000) { num = Math.round(num / 1000 * 100) / 100 + 'K'; ...
2018-11-16 10:12:10
624
1
原创 css文字内容超出显示"..."，可以控制行数
p.title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;//设置行数，1超出一行...，2超出两行...-webkit-box-orient: vertical;}
2018-11-01 17:06:15
3389
原创 vue1.0写法，抽奖消息跑马灯动画（每N秒出现一次）
HTML代码：<!--跑马灯--> <div class="lamp-count" id="lamp" v-cloak> <div class="lamp"> <ul :class="{marquee_left:animate}"> <li v-for="(lo
2018-10-09 16:03:57
5368
转载 h5时间插件
转载地址：https://www.cnblogs.com/loveyaxin/p/6215677.html安卓系统毫无bug，此插件很强大，作者写得很详细原代码在网站下面的评论
2018-08-11 23:15:42
2110
转载 mui 注销登录（退出app）
$('.exit').on('tap', function() { mui.confirm('确定退出登录？', '提示', ['确定', '取消'], function(e) { if(e.index == 0) { localStorage.clear(); plus.runtime.res...
2018-08-03 15:33:20
5277
原创 layDate时间插件 相当稳定的插件毫无bug
效果图layDate.js下载地址http://www.layui.com/laydate/注意：需要引入laydate.css以及laydate.js将 font文件(them/../../font)所有文件夹 与laydate.css放在同一目录最后加上代码：laydate.render({ elem: '#test1' //指定元素 });...
2018-08-03 15:30:40
787
原创 短信验证码input框border特效（仿探探注册）
js代码$("#pwd-input").on("input", function() { var $input = $(".four-input input"); var pwd = $(this).val().trim(); var i = 0; for (i, len = pwd.length...
2018-08-03 15:20:58
1207
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人