随笔分类 -  微信小程序项目

给微信小程序添加简单小动画
摘要:需要实现的效果很简单,当微信小程序跳转到该页面时,微信登录BUTTON从右往左淡入出现,手机登录BUTTON从左往右淡入出现,类似于animation.css的简单效果 官方文档上是这样说的: ①创建一个动画实例 animation。 ②调用实例的方法来描述动画。 ③最后通过动画实例的 export 阅读全文

posted @ 2019-06-12 09:29 日暮途远i

微信小程序封装wx.request方法
摘要:wx.request的官方文档,具体如何使用官方文档里已经写的很明白了: https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html wx.request是一个异步的方法,所以请求数据之后s 阅读全文

posted @ 2019-06-12 09:28 日暮途远i

微信小程序获取用户授权信息
摘要:新版本微信授权不可以使用API的方式授权 现在微信希望开发者使用BUTTON组件,引导用户主动点击BUTTON授权 根据authSetting下面是否有值来判断用户是否授权 阅读全文

posted @ 2019-05-27 20:05 日暮途远i

微信小程序项目,实现图书搜索组件完善
摘要:完成了历史搜索和热门搜索之后,需要对用户输入的图书进行服务器的查询: 首先在search.js中定义一个函数,返回一个promise对象,用户获取用户查询出来的图书 用户除了自己输入以外,也可能通过点击历史记录或者热门搜索来进行搜索 由于之前在组件内部已经写好了向父组件传递的值的事件,直接在父组件b 阅读全文

posted @ 2019-05-27 19:39 日暮途远i

微信小程序项目,实现图书搜索高阶组件:
摘要:在图书列表页的顶端有一个搜索按钮,点击搜索以后会出现搜索面板,在这里不把这个当做一个新页面,做成一个组件,这种业务逻辑复杂的组件就是高阶组件 在book.js新增一个变量: searching:false 用来显示该面板是否显示 新建一个search组件,骨架如下 在book.json中引入组件后再 阅读全文

posted @ 2019-05-26 19:50 日暮途远i

微信小程序项目,实现图书列表渲染,以及图书详情跳转
摘要:今天实现了业务中最常见的列表到详情的功能,做一个总结归纳,方便自己以后温习 两个页面分别要实现如下设计稿的视图 在开始之前首先复习一下es6 promise的用法,之前一直听说过promise的用法,但一直没有实战过 首先写一个小DEMO,使用promise打印出微信小程序的当前系统信息 接着开始自 阅读全文

posted @ 2019-05-24 20:03 日暮途远i

总结一下微信小程序中父子兄弟组件传递数据
摘要:常规的这种写法就是父组件在向子组件传递数据 子组件向父组件传递数据主要通过监听事件 比如like点赞功能触发了一个like事件 父组件通过绑定like事件来监听 对应事件: 阅读全文

posted @ 2019-05-23 20:32 日暮途远i 阅读(2062) 评论(0) 推荐(0)

微信小程序中使用音频组件以及wx:if和hidden的区别
摘要:wx:if 与 hidden 都可以控制微信小程序中元素的显示与否。 区别: wx:if 是遇 true 显示,hidden 是遇 false 显示。 wx:if 在隐藏的时候不渲染,而 hidden 在隐藏时仍然渲染,只是不呈现。 所以如果频繁切换的话,用 wx:if 将会消耗更多资源,因为每次呈 阅读全文

posted @ 2019-05-23 19:30 日暮途远i 阅读(1498) 评论(0) 推荐(0)

完成小程序期刊首页
摘要:接下来完成期刊组件 在components下新建组件目录epsoide 因为只有17(期刊的刊号)是需要传递进来的,所以在组件内部js这样定义变量,小程序会合并properties和data 完成页面骨架: 在首页也就是classic的json配置文件中设置组件路径 在封装组件过程中最重要的事就是把 阅读全文

posted @ 2019-05-22 19:42 日暮途远i

微信小程序绑定数据以及自定义指令
摘要:视图文件里使用{{}}可以绑定数据,: <image src="{{like?'images/like_on.png':'images/like.png'}}"></image> 再到组件js里定义data数据即可实现数据的绑定 data: { like:true }, 使用组件的时候要遵循封装性, 阅读全文

posted @ 2019-05-22 12:31 日暮途远i 阅读(3366) 评论(0) 推荐(0)

微信小程序定义一个组件
摘要:1.在根目录新建 components文件夹存放组件文件,一个目录一个组件(包含四个文件),在需要使用组件的页面的配置文件里设置组件的键值对:"v-like"是协议好的组件通用命名规范,路径使用绝对路径(/代表项目根目录) 或者使用相对路径"v-like":"../../like/index" 2. 阅读全文

posted @ 2019-05-21 19:49 日暮途远i 阅读(384) 评论(0) 推荐(0)

使用微信小程序开发应用1
摘要:最近在自学微信小程序的开发,在学习过程中记录一些细节 官方:开发者文档:https://developers.weixin.qq.com/miniprogram/dev/index.html 微信小程序开发规范文档:https://shimo.im/docs/eJWg56ioSvU0dnYO/rea 阅读全文

posted @ 2019-05-21 17:05 日暮途远i 阅读(239) 评论(0) 推荐(0)

微信小程序使用第三方组件库
摘要:使用vant weapp来快速构建小程序 1.首先在项目文件夹下使用npm init 生成一个package.json的配置文件 2.然后输入组件提供的快速初始化的命令 npm i vant-weapp -S --production 3.工具 构建npm 4.在最右边详情里勾选上使用npm模块 5 阅读全文

posted @ 2019-05-21 11:51 日暮途远i 阅读(4847) 评论(0) 推荐(0)