微信小程序
文章平均质量分 91
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
微信小程序 五 npm 包 、安装 vant组件、promise组件、全局数据共享、 分包!!!、自定义 tabBar 案例
1.0 使用 npm 包1.1 小程序对 npm 的支持与限制目前,小程序中已经支持使用 npm 安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用npm 包有如下 3 个限制:不支持依赖于 Node.js 内置库 的包不支持依赖于 浏览器内置对象 的包不支持依赖于 C++ 插件 的包总结:虽然 npm 上的包有千千万,但是能供小程序使用的包却“为数不多”。1.2 Vant WeappVant Weapp 是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小原创 2021-07-09 18:36:44 · 651 阅读 · 0 评论 -
微信小程序 四 组件的运用 组件的创建和引用、组件的样式、组件的数据与方法和属性、数据监听器(及他的案例)、纯数据字段、组件和组件所在页面的生命周期、插槽、父子组件之间同、behaviors
1.0 该次学习的总结能够创建并引用组件全局引用、局部引用、usingComponents能够知道如何修改组件的样式隔离选项options -> styleIsolation( isolated, apply-shared, shared)能够知道如何定义和使用数据监听器observers能够知道如何定义和使用纯数据字段options -> pureDataPattern能够知道实现组件父子通信有哪3种方式属性绑定、事件绑定、this.selectComp原创 2021-07-07 23:48:10 · 342 阅读 · 0 评论 -
微信小程序 三 声明式导航、编程式导航及导航传参、下拉刷新、上拉触底事件、自定义编译模式、应用和页面生命周期函数、内嵌 和 外联 的 WXS 脚本、案例
1.0 页面导航1. 什么是页面导航页面导航指的是页面之间的相互跳转。例如,浏览器中实现页面导航的方式有如下两种:① <a> 链接② location.href1.1 小程序中实现页面导航的两种方式声明式导航在页面上声明一个 导航组件通过点击 组件实现页面跳转编程式导航调用小程序的导航 API,实现页面的跳转1.2 页面导航 - 声明式导航1. 导航到 tabBar 页面tabBar 页面指的是被配置为 tabBar 的页面。在使用 组件跳转到指定的 tab原创 2021-07-06 19:27:36 · 1715 阅读 · 2 评论 -
微信小程序 二 WXML 模板语法 、 WXSS 模板样式 、 全局配置 、 页面配置 、 网络数据请求 、 小案例
1.0 WXML 模板语法1.1 数据绑定的基本原则在 data 中定义数据在 WXML 中使用数据1.12 在 data 中定义页面的数据在页面对应的 .js 文件中,把数据定义到 data 对象中即可:Page({ data: { // 字符串类型的数据 info: 'init data', // 数组类型的数据 msgList: [{msg: 'hello'},{msg: 'world'}] }})1.13 Mustache 语法的格式把data中的数据绑定原创 2021-07-05 19:23:53 · 1047 阅读 · 1 评论 -
微信小程序 一 小程序的创建、宿主环境、常用组件、开发上线等
小程序简介1. 小程序与普通网页开发的区别运行环境不同网页运行在浏览器环境中小程序运行在微信环境中API 不同由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API。但是,小程序中可以调用微信环境提供的各种 API,例如: 地理定位、扫码、支付开发模式不同网页的开发模式:浏览器 + 代码编辑器小程序有自己的一套标准开发模式:申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目2. 注册小程序开发帐号(获取小程序的 AppID)点击注册按钮原创 2021-07-02 20:07:35 · 1048 阅读 · 0 评论