摘要: 最近准备快速复习一下Vue,做几个小DEMO来复习一下 写个todolist 使用v-model进行数据的双向绑定,当input里面的内容发生变化,vue实例里的inputValue也发生变化,同理当input.value发生变化时input的也会变化 给按钮绑定的点击事件添加上把input的内容添 阅读全文
posted @ 2019-05-30 18:10 日暮途远i 阅读(755) 评论(0) 推荐(0)
摘要: 新版本微信授权不可以使用API的方式授权 现在微信希望开发者使用BUTTON组件,引导用户主动点击BUTTON授权 根据authSetting下面是否有值来判断用户是否授权 阅读全文
posted @ 2019-05-27 20:05 日暮途远i 阅读(2104) 评论(0) 推荐(0)
摘要: 完成了历史搜索和热门搜索之后,需要对用户输入的图书进行服务器的查询: 首先在search.js中定义一个函数,返回一个promise对象,用户获取用户查询出来的图书 用户除了自己输入以外,也可能通过点击历史记录或者热门搜索来进行搜索 由于之前在组件内部已经写好了向父组件传递的值的事件,直接在父组件b 阅读全文
posted @ 2019-05-27 19:39 日暮途远i 阅读(539) 评论(0) 推荐(0)
摘要: 在图书列表页的顶端有一个搜索按钮,点击搜索以后会出现搜索面板,在这里不把这个当做一个新页面,做成一个组件,这种业务逻辑复杂的组件就是高阶组件 在book.js新增一个变量: searching:false 用来显示该面板是否显示 新建一个search组件,骨架如下 在book.json中引入组件后再 阅读全文
posted @ 2019-05-26 19:50 日暮途远i 阅读(802) 评论(0) 推荐(0)
摘要: 今天实现了业务中最常见的列表到详情的功能,做一个总结归纳,方便自己以后温习 两个页面分别要实现如下设计稿的视图 在开始之前首先复习一下es6 promise的用法,之前一直听说过promise的用法,但一直没有实战过 首先写一个小DEMO,使用promise打印出微信小程序的当前系统信息 接着开始自 阅读全文
posted @ 2019-05-24 20:03 日暮途远i 阅读(3429) 评论(0) 推荐(0)
摘要: 常规的这种写法就是父组件在向子组件传递数据 子组件向父组件传递数据主要通过监听事件 比如like点赞功能触发了一个like事件 父组件通过绑定like事件来监听 对应事件: 阅读全文
posted @ 2019-05-23 20:32 日暮途远i 阅读(2058) 评论(0) 推荐(0)
摘要: wx:if 与 hidden 都可以控制微信小程序中元素的显示与否。 区别: wx:if 是遇 true 显示,hidden 是遇 false 显示。 wx:if 在隐藏的时候不渲染,而 hidden 在隐藏时仍然渲染,只是不呈现。 所以如果频繁切换的话,用 wx:if 将会消耗更多资源,因为每次呈 阅读全文
posted @ 2019-05-23 19:30 日暮途远i 阅读(1495) 评论(0) 推荐(0)
摘要: 视图文件里使用{{}}可以绑定数据,: <image src="{{like?'images/like_on.png':'images/like.png'}}"></image> 再到组件js里定义data数据即可实现数据的绑定 data: { like:true }, 使用组件的时候要遵循封装性, 阅读全文
posted @ 2019-05-22 12:31 日暮途远i 阅读(3360) 评论(0) 推荐(0)
摘要: 1.在根目录新建 components文件夹存放组件文件,一个目录一个组件(包含四个文件),在需要使用组件的页面的配置文件里设置组件的键值对:"v-like"是协议好的组件通用命名规范,路径使用绝对路径(/代表项目根目录) 或者使用相对路径"v-like":"../../like/index" 2. 阅读全文
posted @ 2019-05-21 19:49 日暮途远i 阅读(381) 评论(0) 推荐(0)
摘要: flex是flexiblebox的缩写,中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl 阅读全文
posted @ 2019-05-21 18:23 日暮途远i 阅读(846) 评论(0) 推荐(0)