慕容屠苏
定期分享前端、互联网、人工智能知识,喜欢的朋友关注我哟--
展开
-
JS删除数组里的某个元素方法
JS删除数组里的某个元素方法删除数组指定的某个元素js删除数组中某一项或几项的几种方法首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == va...原创 2019-11-28 15:22:57 · 606 阅读 · 0 评论 -
背景渐变如何设置透明度
背景渐变如何设置透明度项目最近这几天正在做不同主题的颜色配置方案,要根据用户输入的颜色来配置整个主题的颜色,让人头疼的是,其中一个主题所有的列表头部背景色都是2到3组渐变值的线性渐变,也就是说,要根据用户输入的颜色值生成不同的但相似度很近的渐变颜色。我上网查了些资料,现在也有js支持根据你输入的网页内容自动填充渐变色,但是对于我这种js不是很好的人来说,还是想从css3上找点方法出来。...原创 2019-11-07 16:17:46 · 3170 阅读 · 0 评论 -
微信小程序的五星评分功能模块
微信小程序的五星评分功能模块<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}"> <vi...原创 2019-10-29 20:52:08 · 731 阅读 · 0 评论 -
div或img图片高度随宽度自适应
div或img图片高度随宽度自适应该方法主要用来做网站自适应的,同时可以实现撑起内容高度,避免图片加载后导致的页面滚动。一、可以使用js判断图片的宽度得到具体数值之后,再来利用js设置图片的高度(这里就不具体为大家细说了)。利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度,不能随着浏览器的窗口大小变化来实现自适应。二、我这次主要是用css来实现图片高度的自适...原创 2019-10-25 23:46:20 · 1499 阅读 · 1 评论 -
微信小程序如何自定义多选控件
微信小程序如何自定义多选控件 在微信小程序里面不使用checkbox怎么实现view的多选wxml文件:<block wx:for="{{itemList}}" wx:key="id"> <view class='item_container' bindtap='itemSelected' data-index='{{index}}'> ...原创 2019-10-24 23:24:25 · 815 阅读 · 3 评论 -
微信小程序的动画效果@keyframes
微信小程序的动画效果@keyframes定义动画的格式:@keyframes 动画名称{ 阶段1{css样式} 阶段2{css样式} 阶段3{css样式}}每个阶段用百分比表示,即从0%到100%起止必须设置即0%和100%,或者from和to下列代码中的图片plane在屏幕中,呈W型运动...原创 2019-10-23 14:42:58 · 3877 阅读 · 0 评论 -
微信小程序如何在map和canvans上显示text和图片
微信小程序如何在map和canvans上显示text和图片 公司有个项目需要用到小程序的map组件,要实现一个类似摩拜红包车的信息弹框,简单说就是在map组件上添加自定义view。直接在map上使用view,image等是不行的,因为查看微信小程序API底部Bug&Tip有一句话,map 组件是由客户端创建的原生组件,它的层级是最高的。所以直接在map上使用vi...原创 2019-10-23 14:36:56 · 951 阅读 · 0 评论 -
微信小程序的scroll-view的scroll-into-view属性
微信小程序的scroll-view的scroll-into-view属性最近做一个项目,有个页面中需要列表展示图片,并且刚进入展示页面的时候,不是直接显示顶部,而是显示列表中指定图片的位置。正好 scroll-view 的 scroll-into-view 属性可以滑动到列表中的指定 item 位置,就不用在额外去做别的实现了。scroll-into-view的注意点...原创 2019-10-22 20:52:37 · 1043 阅读 · 0 评论 -
微信公众号对话框回复消息链接跳转小程序
在项目过程之中,可能会遇到这样的需求,点击微信公众平台开发的界面里的某个图标或者文字,跳转到小程序,这样更加有利于用户去访问小程序,如果是把小程序的卡片直接插入文章,这个功能在文章编辑一栏已经有现成的了。现在是这样的,关注公众号回复的消息或者关键词自动回复的消息里面,可以直接跳转到小程序哦。步骤也很简单:第一步:公众号要和小程序相关联起来在微信公众号管理后台添加相关的小程序,管理...原创 2019-10-17 11:33:48 · 2665 阅读 · 0 评论 -
微信小程序 open-data 更改头像样式
微信小程序 open-data 更改头像样式 微信小程序的新组件中,需要使用open-data获取并设置用户头像和姓名。 <open-data style=”border-radius:50%;overflow:hidden;display:block;height:80px;” type=”userAvatarUrl”></open-...原创 2018-07-30 10:23:16 · 3080 阅读 · 2 评论 -
微信小程序通过open-data 设置头像 字体样式
微信小程序通过open-data 设置头像 字体样式 微信小程序中,在开发版本和体验版本中,由于无法启动调用用户授权,无法通过wx.getUserInfo获取用户的信息。 为方便开发,需要使用open-data 设置用户头像和用户昵称。 实现效果: 实现代码:wxml:<view class='personalinfo' b...原创 2018-07-30 10:41:03 · 4075 阅读 · 2 评论 -
微信小程序中显示倒计时
微信小程序中显示倒计时 wxml:<view class='countdown'>剩:<text style='color:#6B4EFD'> {{countDownDay}} </text> 天 <text style='color:#6B4EFD'>{{countDownHour}} </text> <text s...原创 2018-07-30 10:41:37 · 740 阅读 · 0 评论 -
微信小程序-input或textarea 里输入的文字或者是placeholder里的值,飘到弹出view上
微信小程序-input或textarea 里输入的文字或者是placeholder里的值,飘到弹出view上 微信小程序中经常会出现:弹出view,input框文字飘到view上,如下图。 ··········由于textarea是原生组件实现,层级最高,目前还无法支持在上面覆盖元素这样的交互设计。既然如此 我们就只能----绕着走了。 ...原创 2018-07-31 00:17:52 · 5211 阅读 · 1 评论 -
微信小程序解密数据java.lang.NoClassDefFoundError: org.bouncycastle.jce.provider.Bounc.CastleProvider解决方法
微信小程序解密数据java.lang.NoClassDefFoundError: org.bouncycastle.jce.provider.Bounc.CastleProvider解决方法 BouncyCastleProvider的JDK配置1.java.lang.NoClassDefFoundError:org/bouncycastle/jce/provider/BouncyCas...原创 2018-08-12 16:32:52 · 1551 阅读 · 0 评论 -
微信小程序的父子组件传值
微信小程序的父子组件传值如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来。下面介绍父子组件的数据传递方法,以及一个简单的组件和一个复杂的组件示例。二、父子组件传递数据的方法1.父组件向子组件传递数据parent.wxml<my-component name="{{name}}" age="{{age}}"></my-c...原创 2019-05-20 14:28:56 · 1635 阅读 · 0 评论 -
微信小程序地图定位显示
微信小程序地图定位显示 微信小程序中可以调用微信小程序内置的地图信息。实现效果:wxml:<view class='ServiceCenterButton02' bindtap='gotomapLocation' > <text style='margin-top:1.5vw;display: inline-bloc...原创 2019-05-16 14:26:58 · 3679 阅读 · 0 评论 -
微信小程序显示tabbar的角标
微信小程序显示tabbar的角标 底部导航栏的标签栏的都会有角标。实现效果如下:设置角标:wx.setTabBarBadge({ index: 0, text: '1' })取消角标:wx.setTabBarBadge({ index: 0 })...原创 2019-05-16 15:36:43 · 6455 阅读 · 5 评论 -
微信小程序-获取当前城市位置经纬度,并解析位置信息
微信小程序-获取当前城市位置经纬度,并解析位置信息1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting; 2,微信的getLocation接口,获取当前用户的地理位置(微信返回的是经纬度,速度等参数); 3,微信没有将经纬度直接转换为地理位置,借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API(返回信息中包括国家,省,市,区,经纬度等...原创 2019-07-04 14:28:28 · 5671 阅读 · 0 评论 -
微信小程序页面跳转传参数如何传对象
微信小程序页面跳转传参数如何传对象微信小程序跳转传参,一般都是传字符串到下一页,如果要想传对象怎么办呢?,我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:let str=JSON.stringify(e.currentTarget.dataset.item);wx.navigateTo({url: '../toMybaby/babyDet...原创 2019-06-30 10:37:10 · 3350 阅读 · 1 评论 -
js中实现截取数组的后几个元素作为一个新数组的方法
js中实现截取数组的后几个元素作为一个新数组的方法 有时候我们会遇到这种需求,截取数组中后5个元素作为一个新数组,且顺序不能变。数组中的slice()方法和splice()方法都可以实现这样的操作。const arr = [1,2,7,2,6,0,3,1,5,7,8,9,45,12,34,0,56,12,2]// slice()方法const sliceArr = a...原创 2019-07-11 11:09:19 · 20457 阅读 · 1 评论 -
ES6获取数组中的最大值
ES6获取数组中的最大值var arr = [323,442,34,34,123,12,31,233,323,34,657,534,234,23,4];var max = arr.reduce(function(a , b){return b > a ? b : a;});console.log(max);原创 2019-07-11 11:16:52 · 13501 阅读 · 0 评论 -
js获取数组最大值的四种方式
js获取数组最大值的四种方式var arr = [7,2,0,-3,5];11.apply()应用某一对象的一个方法,用另一个对象替换当前对象var max = Math.max.apply(null,arr);console.log(max)由于max()里面参数不能为数组,所以借助apply(funtion,args)方法调用Math.max(),function...原创 2019-07-11 11:48:45 · 13692 阅读 · 1 评论 -
微信小程序 点击复制文本到剪贴板
微信小程序 点击复制文本到剪贴板调用小程序的接口来实现,将文本内容复制到剪切版后,可复制到其他应用wxml:<view>内容:{{contents}} </view><view bindtap='copyText' data-text="{{contents}}">复制</view>js:Page({ data: {...原创 2019-07-11 14:36:41 · 1827 阅读 · 3 评论 -
微信小程序中长按复制文本
微信小程序中长按复制文本在微信小程序内的文字无法长按复制,除了text节点以外。但是要在text标签内加一个“selectable”属性。< text selectable=’true’ >< text/>...原创 2019-07-11 15:35:37 · 1971 阅读 · 0 评论 -
微信小程序如何通过js操作wxmll的wxss属性
微信小程序如何通过js操作wxmll的wxss属性原创 2017-12-08 23:11:41 · 19070 阅读 · 2 评论 -
CSS中如何设置父元素透明度不影响子元素透明度
CSS中如何设置父元素透明度不影响子元素透明度 css中经常会遇到设置了父元素的透明度,后会直接影响到子元素的透明度。例如:设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0...原创 2018-07-15 17:36:49 · 8763 阅读 · 0 评论 -
微信小程序背景图片设置和图片自适应宽高
微信小程序背景图片设置和图片自适应宽高 我们在开发过程中经常需要对一些元素设置图片为背景图片。网络图片:.ServiceCenter{ width: 100vw;height: 40vw;margin-top:0.5vw ;background: url('http://www.hirelaxpalace.com/ddpk/image/ddpkxiaochengxuimg/ser...原创 2018-07-14 23:28:47 · 34810 阅读 · 2 评论 -
微信小程序中调用公共的js
微信小程序中调用公共的js原创 2017-11-27 18:43:28 · 11725 阅读 · 0 评论 -
微信小程序如何获取屏幕宽度
微信小程序如何获取屏幕宽度原创 2017-12-14 14:20:46 · 88105 阅读 · 0 评论 -
小程序的本地缓存数据
小程序的本地缓存数据原创 2017-11-25 17:23:21 · 2538 阅读 · 0 评论 -
小程序如何进行页面之前的传值
小程序如何进行页面之前的传值原创 2017-11-25 11:11:24 · 1295 阅读 · 0 评论 -
微信小程序如何获取手机地址定位
微信小程序如何获取手机地址定位原创 2017-11-23 16:31:12 · 11705 阅读 · 3 评论 -
微信小程序如何阻止事件冒泡
微信小程序如何阻止事件冒泡 由于微信小程序中不能通过js阻止事件冒泡; 如何在微信小程序中实现事件冒泡。 将事件的bind 改成 catch bind 是阻止不了冒泡的 例如 bindtap 改成 catchtapcatchtap 执行事件冒泡 event.stopPropagation();...原创 2017-12-09 17:03:05 · 8968 阅读 · 0 评论 -
微信小程序 this.setData is not a function
微信小程序 this.setData is not a function原创 2017-11-13 16:58:49 · 2594 阅读 · 0 评论 -
微信小程序实现页面下拉刷新和上拉加载
微信小程序实现页面下拉刷新和上拉加载原创 2017-10-18 17:46:22 · 3270 阅读 · 0 评论 -
微信小程序的一级页面和二级页面设置
微信小程序的一级页面和二级页面设置原创 2017-10-18 13:12:55 · 14179 阅读 · 0 评论 -
微信小程序中如何实现页面的跳转
微信小程序中如何实现页面的跳转原创 2017-07-26 16:23:23 · 3956 阅读 · 0 评论 -
微信小程序如何实现底部导航栏
微信小程序如何实现底部导航栏原创 2017-07-26 14:13:33 · 2184 阅读 · 0 评论 -
微信小程序textarea的内容随着屏幕上下移动的问题
微信小程序textarea的内容随着屏幕上下移动的问题原创 2017-12-26 14:51:56 · 18358 阅读 · 10 评论 -
微信小程序开发工具报错对应的服务器证书无效
微信小程序开发工具报错对应的服务器证书无效原创 2018-01-01 15:10:27 · 19009 阅读 · 5 评论