微信公众号/小程序
LVXIANGAN
这个作者很懒,什么都没留下…
展开
-
微信开发之小程序合法域名校验出错详解及解决办法
微信小程序 合法域名校验出错详解及解决办法看下出现错误:微信小程序开发,遇到这个问题怎么办? 产生原因是因为发起了wx.request请求 而请求的域名没有在微信公众平台后台设置。1.开发者自己手动设置不检验不管你有没有拿到App ID ,我相信很多人都会和我一样做一件事,就是二话不说先大概了解下文档,然后直接上github找项目,导转载 2018-01-22 14:26:47 · 2152 阅读 · 0 评论 -
微信开发之CSS 类选择器
先从代码示例入手:.tapNav.selected{ background:lightblue;}{{item.name}}可以看到:text 可能存在样式class = "tapNav selected",那么样式包含多个单词,如何理解呢?CSS 多类选择器在 HTML 中,一个 class 值中可能包含一个词列表,各个词之间用原创 2018-03-13 16:54:05 · 578 阅读 · 1 评论 -
微信开发之data:image/png;base64,
先看一段代码:先看下这些代码“data:image/jpg;base64,iVBORw0KGgoAAAANSUhE……” 就是一张图片的Data URL,就是利用base64编码把图片数据翻译成标准ASCII字符。等同于:Data URL是在本地直接绘制图片,不是从服务器加载,所以节省了HTTP连接,起到加速网页的作用。语法:data:image/jpg;转载 2018-04-12 17:29:01 · 22615 阅读 · 0 评论 -
微信开发之自定义组件(Toast)
分享一个自定义的toast组件。下面我在这里做粗略的分享,不好的地方请多多指教。首先,我们来看看官方给的wx.showToas这个API的展示形式:或者是loading状态的:它的用法也非常简单,直接copy官方API代码就直接可以使用,官方代码:非常简洁,更多可以去官网学习,在这里就不多讲了。官方给的这个API中有提到如何更改提示的内容,但是除了这个好像并没有提到如何自定义样式,及显示自定义图标...转载 2018-04-23 15:31:57 · 1194 阅读 · 0 评论 -
微信开发之下拉刷新上拉加载更多
微信小程序实现“下拉刷新、上拉加载更多”功能,有两种实现方式:方式1:利用页面的onPullDownRefresh和onReachBottom实现:onPullDownRefresh: 下拉刷新监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。onReachBottom: 上拉触底监听用户上拉触底事件。可以在app.json原创 2018-04-25 11:28:40 · 2230 阅读 · 0 评论 -
微信开发之小程序的页面布局
flex布局用途:快速实现你所需要的布局(水平居中、垂直居中、左右对齐等) 1、对布局容器设置display:flex; 2、利用属性(justify-content(水平方向)和align-items(垂直方向))进行设置。例如垂直居中:/* wxml */<view class="classname"> <text>测试用小玩意儿</text>&...转载 2018-05-04 18:01:06 · 4733 阅读 · 0 评论 -
微信开发之小程序UI设计规范
微信小程序ui设计规范汇总: 微信小程序是一种全新的应用形态,微信小程序平台不需要下载安装即可使用应用的平台,微信小程序实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情...转载 2018-05-03 11:37:05 · 3758 阅读 · 0 评论 -
CSS中多个class样式设置的不同写法
html中:<div class="containerA"> 这是AAAAAAAAAAAAAAAAAAAAAAA样式 <div class="containerB"> 这是BBBBBBBBBBBBBBBBBBBBBB样式 </div></div>css中:这两种写法是有区别的,前者用空格隔开,表示接下来对A下...转载 2018-05-10 17:22:44 · 27311 阅读 · 1 评论 -
微信开发之小程序实现倒计时
setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟。下面是在微信小程序中的使用思路,只截取了关键部分代码。var timer; // 计时器Page({ // ...省略 // 自定义的开始按钮 startBtn: function () { console.log("开始按钮"); Countdo...转载 2018-05-14 15:50:38 · 3837 阅读 · 0 评论 -
微信开发之小程序模拟json数据实现页面调试
我们在项目开发时,经常会遇到Http服务器接口和前端开发并行的情况。对于前端开发者来说,尤其是时间进度要求较高的项目,不可能一直等服务接口可调试了再开始去开发页面。因此,我们可以提前根据服务端接口文档,模拟http服务返回的报文内容,加快开发调试进度。下面举例来说,如何在微信小程序中实现模拟数据报文进行页面展示:1、创建js文件,模拟测试数据;2、加载js文件,调用测试数据;3、页面展示调用所需数...原创 2018-05-20 23:19:08 · 4467 阅读 · 0 评论 -
Javascript之字符串拼接详解
字符串拼接是所有程序设计语言都需要的操作。当拼接结果较长时,如何保证效率就成为一个很重要的问题。本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看。最近在研究《javascript高级程序设计》中,有一段关于字符串特点的描述,原文大概如下:ECMAScript中的字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变。要改变某个变量的保存的的字符串,首先要销毁原来的字...转载 2018-05-25 10:43:54 · 795 阅读 · 0 评论 -
微信开发之显示列表最后一条分割线问题
最近在利用循环对数组进行列表展示时,根据下面代码,有个小问题:最后一个元素循环结束后,多了一条显示分割线。解决方法如下:1、根据文档说明,使用 wx:for-index 可以指定数组当前下标的变量名,在循环时定义一个数组下标idx。2、在显示分割线的地方作条件判断:idx != testData.data.length - 1 ,非数组最后一个显示原创 2018-05-08 16:47:11 · 6588 阅读 · 0 评论 -
微信开发之小程序页面间如何传递参数
小程序页面传值的方式1.正向传值:上一页面 --> 下一页面1.url传值2.本地储存3.全局的app对象2.反向传值:下一页面 --> 上一页面1.本地储存2.全局的app对象下面先说正向传值:第一种:url读到这你基本就猜到了第一种 其实就是url传参数第二种:第三种:下面说说反向传值 ,看了上面正向的2和3 我想你也明白了 对,就是和上面的2,3一样第一种:第二种:本文...转载 2018-05-23 17:56:29 · 633 阅读 · 0 评论 -
微信开发之细节技巧集锦
微信开发者文档已经写得很清楚很完善了,但也有一些无关紧要的细节没写明白,在这里班门弄斧的记录一下。持续更新中……console控制台输出:for (var i =0; i 32; i++) {console.log(1);}总结:与ewp不同,微信wxml文件内容会根据wx:if、wx:elseif、wx:else 条件表达式,动态监听mValue变化,进而动态显示/隐藏不同页面内容,无须手动刷新。原创 2018-01-31 18:04:26 · 550 阅读 · 0 评论 -
微信开发之JavaScript字符串与json对象互转
微信开发中,在javascript中经常需要对字符串进行json对象的转换,具体用法为:// JSON字符串转换为JSON对象var str1 = '{ "name" : "lvxiangan", "sex" : "male" }';var obj1 = JSON.parse(str1);console.log(obj1.name);// JSON对象转化为原创 2018-03-05 14:48:13 · 1025 阅读 · 1 评论 -
微信开发之小程序Flex布局详解
微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。flex布局Flex布局的特点:转载 2018-02-24 15:48:05 · 890 阅读 · 0 评论 -
微信开发之JavaScript变量var和let的区别
let声明的变量只在其声明的块或子块中可用,这一点,与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。function varTest() { var x = 1; if (true) { var x = 2; // 同样的变量! console.log(x); // 2 } console.log(x); // 2}fu转载 2018-01-22 17:54:50 · 290 阅读 · 0 评论 -
微信开发之this.setData is not a function;at pages/index/index onLoad function;at setTimeout callback func
执行微信代码报错:WAService.js:3 thirdScriptErrorthis.setData is not a function;at pages/index/index onLoad function;at setTimeout callback functionTypeError: this.setData is not a function at Function原创 2018-02-01 18:00:59 · 11125 阅读 · 2 评论 -
微信开发之Vue初探——Vue是什么
概述前端开发近况需求依然旺盛,从JavaScript已经在编程语言排行榜上排到了第七位和前端聘岗位数就可以看出。加入前端开发的新手越来越多,其中女孩子比例不少,自学能力稍有匮乏前端框架层出不穷,部分前端开发精力跟不上作为一名码农最急需的是精通一门语言一个框架,然后再横向去尽量多学一些技术,有助于融会贯通,专业精通才有高收入。写这个博客的目的转载 2018-01-19 11:24:20 · 1245 阅读 · 0 评论 -
微信开发之两天快速开发一个自己的微信小程序
一.写在前面1.为什么要学小程序开发? 对于前端开发而言,微信小程序因为其简单快速、开发成本低、用户流量巨大等特点,也就成了前端开发工程师必会的一个技能。 2.先看看小程序效果(1)欢迎页 (2)首页:轮播头图,天气,豆瓣电影正在热映 (3)全国城市切换页 (4转载 2018-01-19 11:47:33 · 48752 阅读 · 11 评论 -
微信开发之微信小程序template使用
当您的项目需要多次使用同一个布局和样式的时候,您就可以考虑使用template(模板)来减少冗余代码。使用方式:1.新建一个template文件夹来存放您的通用模板;2.在文件夹里面新建一个wxml,wxss,进行模板和样式的定义;3.设置模板的name,以及里面您需要定义的wxml内容;4.设置wxss样式;转载 2018-01-25 18:05:39 · 616 阅读 · 0 评论 -
关于微信小程序,哪些开发文档没有告诉你的
本文由广研微信小程序的开发团队所做,作者为UI开发工程师王婷婷。本文从UI开发的角度,结合OM小程序的案例,剖析小程序的组件用法与传统HTML5标签的区别。小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。 经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统转载 2018-01-30 15:57:12 · 1538 阅读 · 0 评论 -
关于微信小程序的感慨
今天发点感慨吧。 微信小程序开发如火如荼,随着深入发现开发模式与框架居然与我们以前老东家大同小异,一切都是那么熟悉,哈哈……补充一下:前东家在2010年就已经将这模式成功应用在国内多家大型金融系统,可惜在之后的那些岁月中,无论是面试还是跟身边朋友进行技术交流,别人都无法彻底理解这一框架的魅力,很多人说:是不是你文字说明功底不行啊?其实我觉得不是,大部分人只接触过原生开发,没有完整的项目d原创 2018-01-30 16:26:44 · 510 阅读 · 0 评论 -
javascript之 typeof 和 instanceof 区别
// typeof 示例代码:var a="张三"; var b=true; var c=10; var d; var e=null; var f=new Object(); alert(typeof a); //string alert(typeof b); //number alert(typeof c); //boolean alert(typeo原创 2018-02-06 14:42:02 · 330 阅读 · 0 评论 -
javascript之setTimeout(function(){},0)
setTimeout(function(){},0)因为是setTimeout是异步的。正确理解setTimeout的方式(注册事件):1、有两个参数,第一个参数是函数,第二参数是时间值。2、调用setTimeout时,把函数参数,放到事件队列中。等主程序运行完,再调用。转载 2018-01-31 17:46:45 · 5891 阅读 · 0 评论 -
微信开发之js数组操作:push、concat、join、split、reverse、pop的区别
先看如下例子:var arr = []; arr.push(1); arr.push(2); arr.push([3, 4]) arr.push(5, 6); arr = arr.concat(7); arr = arr.concat([8, 9]); arr = arr.concat(10, 11); for(var i in原创 2018-02-27 00:15:47 · 6539 阅读 · 3 评论 -
微信开发之js声明变量定义用var、let、以及不用var的区别
总结:总是使用varJavascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。var num = 1;是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable);如果是在全局域中声明,则为全局变量。num = 1;是对原创 2018-02-28 10:58:31 · 1345 阅读 · 0 评论 -
微信开发之JavaScript隐式创建对象变量
JavaScript是一种无类型、弱检测的语言。它定义变量时不需要声明类型,就可将各种类型的数据赋值给同一个变量。例如:aa = 100; // Number类型aa = "hello"; // String类型aa = {x : 4}; // Object类型aa = [1, 2,原创 2018-02-28 17:33:21 · 390 阅读 · 0 评论 -
微信开发之module.exports用法
常见用法:在data.js文件中定义 var dataPost = { "seller": { "name": "粥品香坊", "description": "蜂鸟专送", "deliveryTime": 38, "score": 4.2, "serviceScore": 4.1, }, } module.exports={ myDataPost: dataPost // 对外暴露的变量名叫myD原创 2018-02-23 10:34:30 · 4641 阅读 · 0 评论 -
微信开发之小程序获取手机号授权登录
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写。1.getPhoneNumber这个组件通过button来实现(别的标签无效)。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。<button open-type="getPhoneNum...转载 2018-05-29 16:48:10 · 8373 阅读 · 0 评论