- 博客(19)
- 收藏
- 关注
原创 小程序通过不同数据显示不同时间段色块区间颜色
样式图:WXML: <view class="await-time"> <text class="await-time-text">温馨提示:您可以选择空闲时段进行问诊</text> <view class="await-time-quantum"> <view class="await-time-quantum-section"> <view class="time-quantum
2020-06-29 11:47:52
1095
原创 git常用的命令行操作
提交前一定要切记先更新在提交,重要的事说三遍:先pull,在push!先pull,在push!先pull,在push!避免发生冲突.一、本地操作:1.常用git init:初始化本地库git status:查看工作区、暂存区的状态git add <file name>:将工作区的“新建/修改”添加到暂存区git rm --cached <file name>:移除暂存区的修改git commit <file name>:将暂存区的内容提交到
2020-06-29 11:01:02
209
原创 vue项目的样式加载顺序
加载顺序以main.js中 important 引入顺序为主,后引入样式会覆盖先引入样式本地运行时,App以及router相关样式的权值会被提到最高import App from './App'// 控制App.vue文件中style的加载import router from './router'// 控制view和 components 中相关style的加载本地运行时css加载顺序:按序加载 main.js 中important 引入的样式以及组件(除却App以及router
2020-06-29 10:42:02
6984
原创 JavaScript数组去重
一、借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等var ar = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];function rep2(arr) { for (var i = 0; i < arr.length; i++) { if (arr.indexOf(arr[i]) != i) { ...
2019-04-10 17:31:24
357
原创 vue中常常被问到的面试题
一、vue的生命周期beforeCreate(创建前) 在数据观测和初始化事件还未开始created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。mounted(载...
2019-04-10 16:20:31
197
原创 判断向上滚动还是向下滚动
onPageScroll: function (ev) {//当滚动的top值最大或者最小时,为什么要做这一步是由于在手机实测小程序的时候会发生滚动条回弹,所以为了解决回弹,设置默认最大最小值var _this = this;if (ev.scrollTop <= 0) {ev.scrollTop = 0;} else if (ev.scrollTop > wx.g...
2018-10-09 11:17:55
1352
原创 小程序实现正计时和倒计时
小程序实现正计时和倒计时1、正计时:实现后的样式:代码:var timer; // 计时器Page({data: {seconds: 0,secondMax: 3599,timeMax:'60:00',maxTime:'60:00',actionMax:true,stopMaxTime:false,resetMax:false,time...
2018-10-09 11:17:26
8588
5
原创 运用小程序中scroll-view组件判断用户在做向上滑的操作,还是向下滑的操作
运用小程序中scroll-view组件:判断用户在做向上滑的操作,还是向下滑的操作scroll: function (e) { var that = this; var value = e.detail.scrollTop; var array=that.data.MikeBox; array.push(value); var len...
2018-10-09 11:15:06
3938
2
原创 小程序分享到微信群
小程序点击分享,将小程序分享到群一、针对于分享做了以下几个判断:01、是否分享到的是重复的群组02、分享到的不是群组03、今日是否在该群组已经分享过该小程序了二、分享出去的页面做了一个固定页面的处理:1、无论从小程序的那个页面点击的分享,收到分享的小程序用户打开分享的信息永远都是处于运营想要让用户看到的页面就需要对(path: "页面地址",)进行设置。2、如果没有设置...
2018-10-09 11:10:15
1865
原创 cookie、localStorage、sessionStorage的有效期和作用域
cookie,localStorage,sessionStorage都可以实现客户端存储cookie,localStorage,sessionStorage三者的区别分别为:1、cookie:cookie作为最早期的被设计web浏览器存储少量数据,从底层看,它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。1-1、cookie有效期...
2018-10-09 11:09:37
5441
原创 解决移动端出现弹窗背景禁止滚动
解决移动端出现弹窗背景禁止滚动(阻止苹果浏览器的默认行为)第一种:$("modal").on("touchmove",function(){ event.preventDefault(); }); 注意:.modal是遮罩层的类名$("body,html").css({ "height":"100%", "overflow":"hidden&quo
2018-10-08 11:49:41
2096
原创 阿拉伯数字转星期
将从后台获取的阿拉伯数字转化为前端显示的星期 function chinanum(num) { num--; var china = new Array('一', '二', '三', '四', '五', '六', '日'); var arr = new Array(); for (var i = 0; i < china.length; i++) { ...
2018-10-08 11:28:41
880
原创 小程序中的图片自适应
1、使用mode:widthFix widthFix:宽度不变,高度自动变化,保持原图宽高比不变。 首先我们先设置image的mode为widthFix,然后给图片加一个固定rpx的宽度,比如:730rpx。 这样图片也可以自适应了。。因为小程序的rpx本身就是一个自适应显示的单位2、使用bindload绑定函数动态自适应。 我们先给image绑定一个函数,这个函数...
2018-10-08 11:24:50
522
原创 小程序获取当前日期
function getTodayDate() {var myDate = new Date();var year = myDate.getFullYear();var month = myDate.getMonth() + 1;var day = myDate.getDate();return [year, month, day].map(formatNumber).join...
2018-10-08 11:17:26
342
原创 css样式:固定?行显示超出显示...以及单行文本溢出隐藏设置
固定文本两行显示的css样式设置:text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;(需要最多显示几行就在-webkit-line-clamp: 设置几;*用阿拉伯数字)文本在一行内超长显示css样式设置:固定文本的长度、高...
2018-10-08 10:42:01
803
原创 表单验证通用正则表达式
1、用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)varuPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));2、密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符varpPattern =...
2018-10-08 09:24:57
1617
原创 点击A标签关闭当前浏览器预览页
<a class="shut"href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>
2018-10-08 09:02:49
4287
原创 H5小游戏-摇摇签
一、静态页面1-1、未摇之前的界面,里面加入了背景图、按钮,涉及到很多的艺术字体,所以采用的是图片实现后的样式图:html如下:<html><head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=devic
2018-09-05 16:02:14
2095
原创 块级元素与内联元素
一、块级元素有哪些address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是css layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr ...
2018-09-04 16:53:48
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人