微信小程序--进阶知识

已于 2023-04-02 14:50:26 修改
阅读量207 收藏 2
点赞数
分类专栏： uni-app 文章标签： 微信小程序 小程序 微信
于 2023-04-02 14:49:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47743942/article/details/129899918
版权

微信小程序从基础到发布全流程

 
 

1.自定义组件

组件定义

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

样式隔离

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

属性设置

[注意]：自定义组件中方法建议以_开头

在这里插入图片描述
在这里插入图片描述

数据监听

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
 

2.纯数据字段

在这里插入图片描述

在这里插入图片描述
 

3.生命周期

组件生命周期
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

组件所在页面生命周期
在这里插入图片描述
在这里插入图片描述
 

4.插槽

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

 

5.组件通信

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

behaviors
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

[注意]：此处创建新的文件夹behaviors，并创建behaviors.js文件

在这里插入图片描述

 

6.使用npm包

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
Vant Weapp 轻量、可靠的小程序 UI 组件库

在这里插入图片描述

[注意]：css定义变量是有作用域的

 

7.API Promise化

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

 

8.全局数据共享

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

 

9.分包

分包概念

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

分包配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

独立分包

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

分包预下载

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

 

10.项目案例–自定义tabBar

339+
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
养牛知识微信小程序源码
05-03
养牛知识微信小程序源码
微信小程序进阶篇
deepquiet的博客
05-30 7201
微信小程序
微信小程序进阶
我想静静
07-04 510
微信小程序和微信公众号不能同时用一个账号。 故微信公帐号账号是 [email protected] 小程序的账号是[email protected] 一个微信公众号可以关联多个小程序。
微信小程序（4）进阶
qq_45705923的博客
02-06 378
Vant Weapp 是有赞前端团队开源的一套小程序UI组件库，助力开发者快速搭建小程序应用。 https://youzan.github.io/vant-weapp/
微信小程序进阶1
追梦的女孩博客
09-26 94
在模仿的基础上，开始自己动手写代码 不清楚代码的位置 以获取用户位置，调用微信提供的api为例，以下是一个完整的流程。 1.wxml <view> <!--如果用户不进行位置授权，进行点击的时候，会跳到设置界面，知道用户同意授权，才可以继续下一步操作--> <view class="one" bindtap='getCurrentLocal'>获取当前位置</view> </view> 2.js const app = getApp() Pa
微信小程序 -进阶之路（1）
mcfeng blog
08-26 334
utils下app.json { "pages": [ "pages/index/index", "pages/logs/logs", "pages/account/my", "pages/arreas/aa", "pages/recodes/recode", "pages/help/use", "pages/query/transit"...
纯正商业级-微信小程序开发实战
11-01
微信小程序开发实战，适合小程序进阶，巩固小程序知识。
《21天精通微信小程序开发》
08-19
本书全面地讲解了微信小程序的逻辑层与视图层的架构特点、JavaScript语言的入门和进阶知识、WXML语言的语法特点、WXML视觉组件的使用、WXSS样式表语言的语法入门、常用样式描述语句、盒模型和Flex布局等，快速具备...
基于微信小程序的睡眠宝系统的设计与实现.rar
04-12
1.睡眠常识（后台服务端提供常识数据，前台展示常识数据）轻松获取睡眠知识，掌握健康资讯，提高对睡眠的重视。压力大，酗酒，宵夜，失眠?多喝水，睡得好，吃嘛嘛香，体重记录明显降低。 2.睡眠音乐（本地存放一些助...
基于微信小程序的垃圾分类系统设计
04-13
详细需求描述 （请列举实现的功能点，功能点尽...垃圾分类小程序 垃圾分类查询（拍照图片搜索 语音输入搜索 文字搜索） 个人信息登录注册查询 垃圾分类小知识答题功能 文章浏览及评论 浏览历史记录 清楚缓存 意见反馈
微信小程序理解进阶
奔腾游子
04-25 488
1 data data 是页面第一次渲染使用的初始数据。页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字，布尔值，对象，数组。 wxml里的代码： <view>{% raw %}{{% endraw %}{text}}</view> <view>{% raw %}{{% endraw %}{array[0].msg}}</view> js里的data模型： Page({ d
微信小程序开发进阶教程
GitChat
08-21 983
微信小程序从 2016 年 12 月微信公开课宣布公测：2017 年 1 月 9 日正式上线的，到现在已经有 3 年了，无论大中小公司基本上都对微信小程序有不同程度的尝试，小程序开发人员的招聘需求也是一直比较火爆。本篇文章就是主要是微信小程序开发的一些进阶技巧，让你的代码写得更轻便，更优雅，对，在我看来好的代码就跟诗篇一样的优雅。 一起来学习了解更深入的微信小程序前端开发，为将来进入更好的公司更高...
微信小程序开发 --- 进阶小程序
积微成著
08-11 668
本文由 钟翰华 原创，转载请将此行粘贴至文章开头，谢谢！原文：https://blog.csdn.net/qq_41517936/article/details/99176112 Git详细使用命令https://blog.csdn.net/qq_41517936/article/details/98780052 微信小程序开发 --- 每天的学习进度https://blog.csdn....
微信小程序 进阶之路（2）
mcfeng blog
08-30 157
ip查询接口： loadip:function(){ wx.request({ url: 'http://ip-api.com/json', success: function (e) { console.log(e.data); } }) } 同级函数间调用： this.loadip(); 动态渲染数据： ...
微信小程序开发-04-进阶
最新发布
ning_xiao_xuan的博客
10-02 370
微信小程序开发进阶
05-微信小程序开发-进阶
...
03-05 138
默认情况下，小程序官方提供的异步 API 都是基于回调函数实现的，例如，网络请求的 API 需要按照如下的方。但是，在小程序中使用。分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用。分包前，小程序项目中所有的页面和资源都被打包到了一起，导致整个项目体积过大，影响小程序首次启动的。分包预下载指的是：在进入小程序的某个页面时，由框架自动预下载可能需要的分包，从而提升进入后续分包。，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于。
微信小程序入门与进阶
小时光茶社
09-04 1219
小时光茶社导语：本文章的主要目的就是针对两类人： 一类是没有做过小程序开发，但是想了解小程序整个开发过程及环境和开发中需要注意哪些问题的人，你适合读本文的入门篇，可以帮你...
《微信小程序-进阶篇》Lin-ui组件库的安装与引入
Oliver尹的博客
07-21 2411
本文难度属于：初级，通过本文你可以 了解到如何在小程序中安装组件库，以及 组件库中的组件如何在小程序中使用，具体内容可以参考以下思维导图
快速上手微信小程序：开发进阶
会思想的苇草i的博客
03-25 519
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。本文主要介绍了小程序的自定义组件、全局数据共享和分包等知识点。
微信小程序--中英文切换（1）
06-02
您好，我可以回答您关于微信小程序中英文切换的问题。 在微信小程序中实现中英文切换，可以通过以下两种方式： 1. 使用语言包 在开发微信小程序时，可以利用语言包来实现中英文切换。语言包是一个对象，包含了不同语言版本的文本内容，例如： ```javascript const lang = { 'zh-CN': { title: '中文标题', content: '中文内容' }, 'en': { title: 'English Title', content: 'English Content' } } ``` 在小程序中，可以通过获取用户设备的语言信息，来判断用户的语言偏好，并从语言包中获取对应的文本内容，例如： ```javascript const sysInfo = wx.getSystemInfoSync() const langType = sysInfo.language const lang = { 'zh-CN': { title: '中文标题', content: '中文内容' }, 'en': { title: 'English Title', content: 'English Content' } } const i18n = lang[langType] console.log(i18n.title) // 输出中文标题或英文标题 ``` 2. 使用第三方库 如果您觉得自己实现中英文切换的逻辑较为复杂，可以考虑使用第三方库来简化开发。目前市面上有很多支持多语言的小程序框架，例如 we18n、i18n-js 等，您可以选择适合自己的库来使用。 希望以上内容能够帮助您解决问题，如有疑问请随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值