05 2019 档案

使用Vue.js进行数据绑定以及父子组件传值
摘要:最近准备快速复习一下Vue,做几个小DEMO来复习一下 写个todolist 使用v-model进行数据的双向绑定,当input里面的内容发生变化,vue实例里的inputValue也发生变化,同理当input.value发生变化时input的也会变化 给按钮绑定的点击事件添加上把input的内容添 阅读全文

posted @ 2019-05-30 18:10 日暮途远i 阅读(757) 评论(0) 推荐(0)

微信小程序获取用户授权信息
摘要:新版本微信授权不可以使用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 阅读(2063) 评论(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 阅读(3367) 评论(0) 推荐(0)

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

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

给自己看的flex布局方法
摘要:flex是flexiblebox的缩写,中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl 阅读全文

posted @ 2019-05-21 18:23 日暮途远i 阅读(847) 评论(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 阅读(4848) 评论(0) 推荐(0)