2020年5月15日
微信小程序生命周期
摘要： 1.应用生命周期 1.1 onLaunch 应用第一次启动就会触发的事件 在应用第一次启动的时候 获取用户的个人信息 1.2 onShow 应用被用户看到就会触发，晚于onLaunch触发 会经常被触发，来回切换不同应用，重新切回小程序就会触发 可以应用于对数据或者页面效果进行重置 1.3 onHi 阅读全文
posted @ 2020-05-15 14:42 IT小师妹 阅读(265) 评论(0) 推荐(0)
微信小程序-slot插槽功能
摘要： 1.slot标签： slot标签 其实就是一个占位符 插槽 等到父组件调用子组件的时候 再传递标签过来 最终这些被传递过来的标签 就会替换 slot 插槽的位置 2.运用插槽实现tab栏内容切换 2.1 在子组件tab栏内容位置用slot标签占位 2.2 在父组件使用子组件的标签内部进行判断，分别传 阅读全文
posted @ 2020-05-15 10:55 IT小师妹 阅读(4196) 评论(0) 推荐(1)
2020年5月14日
微信小程序-子向父传递数据
摘要： 1.上篇父向子传递数据过程中，点击标题虽然样式进行了改变，但AppData中观察data中的数据并没有改变 2.出现以上情况的原因是: 子组件data数据为空，点击Tabs项切换标题执行handleItemTap方法时，无法拿到data中的数据， 所以只能从父组件传递过来的数据中拿tabs数据，数据 阅读全文
posted @ 2020-05-14 22:26 IT小师妹 阅读(1154) 评论(0) 推荐(0)
微信小程序-父向子传递数据
摘要： 1.父组件通过标签属性的方式向子组件传递数据 1.1 父组件通过标签属性tabs向子组件传值 1.2 父组件data中tabs为导航标题数据 2.子组件在js文件中通过properties属性接收父组件传递过来的数据 3.子组件接收到的父组件的数据用法同自身data中的数据 阅读全文
posted @ 2020-05-14 18:00 IT小师妹 阅读(1572) 评论(0) 推荐(0)
微信小程序自定义组件-Tabs页面样式
摘要： 1.修改组件Tabs标签结构 2.设置Tabs页面样式 3.页面样式如下 4.为了组件复用，把组件标题内容抽出来，放到js文件中 5.在组件标签页用wx:for遍历数据生成页面 6.生成页面如图 7.根据数据判断添加active类 8.页面样式如图 9.添加标题激活选中效果 9.1 给标题绑定点击事 阅读全文
posted @ 2020-05-14 17:27 IT小师妹 阅读(3665) 评论(0) 推荐(0)
微信小程序自定义组件
摘要： 以导航栏为例创建自定义组件 1.新增组件 1.1 新建文件夹components, 1.2 下面再建文件夹Tabs, 1.3 微信开发者工具右键选择“新建Component”,输入Tabs，自动建立Tabs同名‘js’,‘json’,‘wxml’,‘wxss’文件结构 1.4 整体文件结构如下 2. 阅读全文
posted @ 2020-05-14 09:46 IT小师妹 阅读(425) 评论(0) 推荐(0)
2020年5月13日
微信小程序轮播图宽高计算
摘要： 1.轮播图外层容器swiper,每一个轮播项swiper-item 2.swiper标签存在默认样式 width 100% height 150px image 存在默认宽度和高度 320*240 swiper 高度无法实现由内容撑开 3.综上，需先根据原图的宽度和高度 等比例给swiper定宽度和 阅读全文
posted @ 2020-05-13 20:11 IT小师妹 阅读(2417) 评论(0) 推荐(0)
vscode配置
摘要： 一、设置简体中文 1.快捷键Ctrl+shift+p打开命名面板，输入language，选择configure display language,按回车 2.选择安装其它语言，回车 3.扩展项选择中文（简体），点击Install按钮安装 4.同时按下 Ctrl+Shift+P 打开命令面板，之后输入 阅读全文
posted @ 2020-05-13 12:06 IT小师妹 阅读(417) 评论(0) 推荐(0)
2018年7月25日
Sublime Text3 配置 NodeJs 开发环境
摘要： 一、手动下载安装插件 1.github下载插件：https://github.com/tanepiper/SublimeText-Nodejs 直接下载，下载完解压，如下图： 2.打开sublime-->首选项-->浏览程序包 打开文件夹如下： 3.新建一个Nodejs的文件夹 把刚刚下载的Subl 阅读全文
posted @ 2018-07-25 14:12 IT小师妹 阅读(4687) 评论(0) 推荐(0)
2018年7月3日
百度地图地理定位
摘要： 百度地图地理定位 阅读全文
posted @ 2018-07-03 15:39 IT小师妹 阅读(246) 评论(0) 推荐(0)