- 博客(25)
- 收藏
- 关注
原创 vscode前端插件
1.文件图标 vscode-icons2.暗色主题 One Dark Pro3.代码美化 Beautify4.必备调试工具 Debugger for Chrome5.万能语言运行环境 Code Runner6. 类名智能提示插件名称:IntelliSense for CSS class names in HTML7.安装open in browser在默认浏览器打开8.中文包:Ch...
2020-01-24 15:11:46 571 1
原创 jquery.qrcode生成带logo二维码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery.qrcode生成二维码</title></head><style> .hidden { display:...
2020-01-17 11:17:15 314
原创 ElementUI实现复制粘贴截图Upload上传服务器交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-01-17 10:52:15 2464 1
原创 es6以及Promise解决同步问题
let a = new Promise((resolve,reject) => { let b = 4 if(b < 10){ setTimeout(function () { resolve(b) },2000) }else { ...
2020-01-16 16:18:49 784
原创 H5,PC标签选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.1...
2020-01-16 14:35:34 183
原创 点击图片放大
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试dome</title> <style> #modal { display: none; } ....
2020-01-15 11:09:23 123
原创 加载中GIF动画图
白色的加载中https://sucai.suoluomei.cn/sucai_zs/images/20191207102621-jiazzaizhong.gif黑色的加载中https://sucai.suoluomei.cn/sucai_zs/images/20200115093745-vava.gif
2020-01-15 09:41:41 3998 1
原创 input实时监控输入内容
<input type="text" id="slogan" placeholder="请输入口令" v-model="message"> watch:{ // 如果 `question` 发生改变,这个函数就会运行 message: function (newQuestion, oldQuestion) { ...
2020-01-14 16:33:24 611
原创 频繁点击页面会放大meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
2020-01-14 09:53:17 141
原创 VANT弹出框在HTML没用解决办法
let that= this that.$dialog.confirm({ title: '提示', message: '确定核销?' }).then(() => { console.log('你确定了核销') }).catch(() => { console.log('你取...
2020-01-14 09:19:59 2381
原创 文字只显示三行
word-break:break-all; display:-webkit-box;/**对象作为伸缩盒子模型展示**/ -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/ -webkit-line-clamp:3;/**显示的行数**/ overflow:hi...
2020-01-13 16:37:28 566
原创 小程序引入weui
引入的wxss,下载后放在小程序根目录https://sucai.suoluomei.cn/sucai_zs/file/20200113105248-weui.wxss在需要的页面引入@import '../weui.wxss'weui源代码地址https://github.com/Tencent/weui-wxss...
2020-01-13 10:57:03 186
原创 微信小程序实现canvas生成海报保存到本地
<view> <canvas class="canvas" style="width: {{canvas_width}}px;height:{{canvas_height}}px;" canvas-id="mycanvas"></canvas> <view class="pop"> <view class="p...
2020-01-11 17:29:53 918 1
原创 小程序引入components组件页面
一、引入轮播图这是组件页面代码<view class='banners'> <swiper interval="2000" autoplay="true" circular="true" duration='500' bindchange='bannerChange'> <block wx:for="{{banner}}" wx:key="id"&g...
2020-01-10 16:57:07 1923 2
原创 小程序点击按钮拨打电话号码
wx.makePhoneCall({ phoneNumber: '15070220317', }) wx.pageScrollTo({ scrollTop: 0, duration: 1000 })
2020-01-10 16:34:00 1511
原创 小程序一个按钮可全屏滑动
<movable-area class="movable-box" style="height:calc(100vh - {{tabBarH}})px"><slot/> <movable-view out-of-bounds="true" class='movable-v' x="{{x}}" y="{{y}}" direction="all"> ...
2020-01-10 16:31:47 552
原创 去数组第三个之后的
var data = that.list for (let i = 3; i < data.length; i++) { console.log('123132',data[i].id) }
2020-01-08 10:03:00 229
原创 jq实现鼠标上移内容展开
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,ul,li{ margin: 0; ...
2020-01-08 09:30:28 334
原创 大转盘可连续抽奖
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>jqueryrotate积分抽奖效果演示</title> <style> * { margin: 0;...
2020-01-06 11:01:32 120
原创 html引入腾讯地图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-06 10:16:53 2591
原创 JS正则表达式日期-转/
//只替换第一个“-”:2010/01-05 var dt = "2010-01-05"; var dt = dt.replace("-","/"); console.log(dt);//替换所有“-”,g为全局标志,另外如果加i就忽略大小写:2010/01/05 var dt = "2010-01-05"; var dt =...
2020-01-03 11:33:35 942 1
原创 JS实现倒计时
<span class="count"></span> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + ""; } function...
2020-01-03 11:08:54 150
原创 Vue用vant上传图片,前端上传之前压缩处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/van...
2020-01-02 11:51:56 839 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人