- 博客(39)
- 资源 (1)
- 收藏
- 关注
原创 前端阿里云OSS直传,微信小程序版本
网络上许多的文章资料,全是使用阿里云官方的SDK,ali-oss插件去做直传。可是各位素未谋面的朋友要注意,这个使用,也就是。当切换到,是无法使用这种方式的,当然官方也有给出微信小程序直传的文档,继续往下看。支持配置OSS直传的callback参数,这是其它文章中没用到的官方:如何使用ali-oss进行直传官方:微信小程序OSS直传。
2023-05-29 18:42:39
2136
原创 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
2012
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
1628
原创 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
3052
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
1144
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
612
原创 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
3629
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
6135
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
3408
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
1356
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
669
原创 小程序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
2184
原创 四不象框架启动项目
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
145
原创 vue2更改v-html内容样式
<div class="content" v-html="agreement.content"></div>2. 通过 v-html 创建的 DOM 内容不受作用域内的样式影响,但是你仍然可以通过深度作用选择器来为他们设置样式。——深度作用选择器如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>>...
2019-12-12 10:28:19
3037
原创 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
751
原创 微信公众号+商户平台参数配置
微信公众号自定义菜单授权域名配置:公众号设置>功能设置>网页授权域名 公众号设置>功能设置>JS接口安全域名 公众号设置>功能设置>业务域名出现下图:下载MP_verify_MAsWLN2j5h1ZUPxE.txt文件,上传到服务器/opt/proje...
2019-08-23 11:42:52
931
1
原创 阿里云官网-域名配置步骤
腾讯云配置域名云产品>搜索>域名管理>解析>添加记录:主机记录=cznc,记录类型=A,路线类型=默认,记录值=服务器IP,TTL(秒)=600最终域名:cznc.zbangmall.com阿里云配置端口实例列表>管理>本实例安全组>配置规则:端口范围=自定义(81/81),授权对象默认表示:所有的ip网段都可以访问,其它保持默认...
2019-08-23 11:42:46
1151
原创 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
1026
原创 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
1859
原创 验证手机号码——正则表达式
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
843
原创 input 消除自动记忆功能
在html里就可以直接清除了<input type="text" autocomplete="off">input 的autocomplete属性默认是on:其含义代表是否让浏览器自动记录之前输入的值off:则关闭记录...
2019-03-15 09:34:46
452
原创 CSS鼠标悬浮变手、加号
.hh{ cursor:pointer//鼠标悬浮变"手"}.aa{ cursor: crosshair//鼠标悬浮变"加号"}
2019-02-28 14:36:49
12422
原创 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
1867
原创 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
7159
原创 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
556
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
3358
原创 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
5325
转载 h5时间插件
转载地址:https://www.cnblogs.com/loveyaxin/p/6215677.html安卓系统毫无bug,此插件很强大,作者写得很详细原代码在网站下面的评论
2018-08-11 23:15:42
2087
转载 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
5224
1
原创 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
748
原创 短信验证码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
1169
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人