
随笔
_Jester
这个作者很懒,什么都没留下…
展开
-
原生小程序,使用Promise简化接口
Promise是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更强大。而且通过ES6的Promise对象,可以将嵌套的异步操作,改为线性的展现形式,在逻辑上更为清晰。小程序的框架,如wepy框架,可以安装配置Promise,可以将所有的异步API Promise化,也就是说所有的异步API都可以使用Promise写法;而原生小程序内部已经引入了Promise,在开发工具中...原创 2019-05-21 15:10:57 · 742 阅读 · 0 评论 -
ES6特性:Symbol类型
ES5中有6中数据类型:undefined、null、Boolean、String、Number、Object;ES6引入了一种新的原始数据类型:Symbol,表示独一无二的值。ES5的对象属性名都是字符串,这很容易出现属性名的冲突。如果你使用了一个别人提供的对象,现在想为这个对象添加新的方法,新方法的名字就有可能和现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的,这样就从根...原创 2019-03-13 14:35:29 · 472 阅读 · 0 评论 -
ES6特性:箭头函数
ES6允许使用"箭头"(=>)定义函数。基本语法:参数=>函数体var f = v => v; //等价于var f = function(v){ return v;};如果箭头函数不需要参数或需要多个参数,需要使用()括起来var f = () => 1; //等价于var f = function () { return 1 }...原创 2019-03-12 18:01:32 · 450 阅读 · 0 评论 -
ES6特性:变量解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。他是一种针对数组或者对象进行模式匹配,对其中的变量进行赋值,只要等号两边的模式相同,左边的变量就会被赋值。解构模型解构的源,解构赋值表达式的右边部分;解构的目标,解构表达式的左边部分数组模型的解构let [a,b,b]=[1,2,3]; // a=1 b=2 c=3可嵌套let [a,[...原创 2019-03-06 16:44:07 · 202 阅读 · 0 评论 -
CSS实现树谱图
树谱图的实现,是利用列表嵌套的原理,折线使用伪类::before及::after实现。<div class="tree"> <ul class="treeul"> <li> <div class="dv">0</div> &原创 2019-02-19 11:59:10 · 2205 阅读 · 2 评论 -
小程序富文本解析
项目中有很多地方需要解析后台填写的富文本内容,小程序提供了富文本解析的组件 rich-text ,但是有很多限制。(https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html)所以找到了wxParse插件解析html使用方法:1.在github下载 (https://github.com/i...原创 2019-02-22 16:12:15 · 627 阅读 · 0 评论 -
小程序分享功能
小程序提供了分享的功能,可以分享整个小程序,也可以自定义分享的内容onShareAppMessage在Page中定义了onShareAppMessage函数,可以设置该页面的分享信息只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮 用户点击分享按钮的时候会调用 如果需要点击页面其他位置实现分享,需要使用button组件(设置open-type为share) 此事件需要 r...原创 2019-02-22 14:26:00 · 537 阅读 · 0 评论 -
小程序获取地理位置
微信小程序获取当前的地理位置:1、获取当前地理位置,首先要拿到用户的授权wx.openSetting2、微信提供的wx.getLocation接口,获取用户位置3、微信提供的接口返回数据是经纬度等参数,使用腾讯地图进行地理转换<view class='obtain' bindtap='obtainPosition'>获取当前位置</view>首先在页面...原创 2019-02-14 18:05:55 · 2720 阅读 · 0 评论 -
小程序上传图片
小程序提供选择图片的接口 wx.chooseImage,既可以从相册中选择,也可以进行拍照,但是对于上传图片的接口wx.uploadFile,每次只能上传单个文件。所以在上传图片时单张和多张就有点区别。1.上传单张图片data:{ imgsrc:'' //将图片展示页面},addImg:function(){ let that=this; let img...原创 2019-01-15 11:38:01 · 4595 阅读 · 0 评论 -
小程序页面传递数据
1. 在微信小程序开发过程中,A页面跳转到B页面,并且把A页面的数据传递到B页面中使用(1)使用本地缓存// A页面中通过setStorageSync在本地缓存数据wx.setStorageSync('key','value')// B页面中通过getStorageSync读取键值来获取wx.getStorageSync('key')(2)通过页面路由 在使用url进行...原创 2018-12-21 17:41:22 · 1152 阅读 · 0 评论 -
小程序自定义组件嵌套
小程序有一个需求:实现树形菜单,因为数据是动态的,所以页面没办法写死,想到了无限嵌套组件的嵌套其实就是让自定义组件引用自身,然后页面直接使用该组件就可以自定义组件的使用:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 1.自定义组件(树形菜单)<view style...原创 2018-12-05 18:06:01 · 6727 阅读 · 15 评论 -
微信小程序列表点赞功能
实现思路:1.找到对应文章的id2.前端利用缓存wx.setStorageSync或者在页面js中this.setData()保存列表中点赞的id3.点赞和取消点赞对应点赞数改变4.后台的数据要同步变化 data:{ newsList:[], //列表数据 iszan:[] //点过赞的id集合 }, //页面加载初始化列表数...原创 2018-12-04 18:25:04 · 8057 阅读 · 3 评论 -
vue:将px转为rem,适配移动端
下载lib-flexible项目使用的vue-cli+webpack,所以使用npm进行安装npm i lib-flexible --save引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'设置meta标签通过meta标签,设置设备宽度以及缩放比例&lt;meta name="vi...原创 2018-11-09 10:53:08 · 322 阅读 · 0 评论 -
动态添加元素绑定事件在IOS失效
如果页面中的元素是后期动态添加的时候,要给这些元素添加事件,普通的添加事件方法是无法生效的,必须要使用事件委托的方式来进行事件添加,如delegate()或on()这两种方法都是由父元素或祖元素来调用的。$(&quot;.body&quot;).delegate(&quot;要绑定事件的元素&quot;,&quot;事件类型&quot;,&quot;事件处理函数&quot;原创 2018-10-18 16:25:57 · 948 阅读 · 0 评论 -
layer.alert回调函数执行关闭弹窗
对于layer.alert()弹出层来说,想要在回调函数中执行一些操作。此时点击确定会执行回调函数,但并不会自动关闭弹窗。layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { $(&amp;amp;amp;quot;.container&amp;amp;amp;quot;).addClass(&amp;amp;amp;quot;hidden&amp;a原创 2018-10-13 18:19:59 · 42148 阅读 · 0 评论 -
H5页面rem兼容适配及华为样式调整
H5页面rem兼容适配$(document).ready(function(){ //rem兼容 var winW = $(window).width(); var constant = winW/6.4;(10.8/7.5) $(&amp;quot;html,body&amp;quot;).css(&amp;quot;font-size&amp;quot;,constant); $(window).原创 2018-08-29 10:37:16 · 13106 阅读 · 1 评论