
微信小程序
小琳爱分享
这个作者很懒,什么都没留下…
展开
-
微信小程序组件库Vant weapp的使用与weui零基础入门课程
微信小程序组件库Vant weapp的使用与weui零基础入门课程原创 2022-01-03 12:08:33 · 354 阅读 · 1 评论 -
微信小程序---自定义tabbar
微信小程序—自定义tabbar官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html1.配置信息首先要先在app.json中的 “tabbar”中加入一项原创 2022-01-03 11:37:37 · 776 阅读 · 0 评论 -
微信小程序的分包
微信小程序的分包一.普通分包1.分包的构成2.分包的加载规则3.大小限制4.配置方法查看分包体积打包原则引用原则二.独立分包三.分包预下载可以使页面加载的更快原创 2022-01-02 22:30:46 · 672 阅读 · 0 评论 -
微信小程序的一种全局数据共享Mobx
学习的B站 黑马程序员 课程https://www.bilibili.com/video/BV1834y1676P?p=81&spm_id_from=pageDriver微信小程序的一种全局数据共享1.安装Mobx相关的包1.1安装包首先要cd到小程序的文件夹内,然后进行安装安装成功1.2重新构建npm安装上后node_modules中会有四项,显示成功,但是npm中还没有加载出来,需要重新做加载。加载过程如下:右上角的菜单栏中的“工具”---->>>原创 2022-01-02 17:54:06 · 1145 阅读 · 0 评论 -
微信自定义组件---插槽
官方https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%20wxml%20%E7%9A%84%20slot一.单个插槽实际:1.连接text和test2,test2是组件文件夹2.在test2.wxml中设置//单个插槽<view> <view>这里是组件的内部结构</view>原创 2022-01-02 16:08:05 · 369 阅读 · 0 评论 -
小程序----父子组件之间的三种通信方式
小程序----父子组件之间的三种通信方式1.属性绑定 父组件->子组件2.事件绑定 子组件->父组件自己动手过程结合了第一步的属性绑定在子组件的wxml中也要做设置属性绑定结束,在面开始事件绑定,由子组件—>>>父组件要先对子组件设置一个事件,此时,子组件中可正常进行+1按钮开始配合父组件在父组件的.js中设置事件并在父组件的.wxml中显示然后,子组件的事件触发器也就要和父组件的事件绑定(其中value中返回的值将会返原创 2022-01-02 11:28:10 · 1032 阅读 · 0 评论 -
微信小程序的wxs脚本渲染
微信小程序的wxs脚本渲染1.内联的wxs脚本将data中的 小写的字母大写化.wxml文件中<view>{{m1.toUpper(username)}}</view><!-- wxs的渲染 --><wxs module="m1"> module.exports.toUpper = function(str){ return str.toUpperCase()}</wxs>2.外联的wxs脚本使用如下注意原创 2021-12-31 21:03:26 · 374 阅读 · 0 评论 -
页面事件---下拉刷新事件----上拉触底事件
黑马程序员 B站课程,有需要可配合学习1.下拉刷新事件(message页面中进行)1.方式推荐第二种方式2.配置样式3.下拉事件的监听4.下拉事件的应用4.1定义一个按钮,并定义一个初始值,点击按钮将初始值加1。定义初始值count=0,并定义+1事件4.2定义下拉将count清零5.处理下拉刷新但是页面不回去的问题2.上拉触底事件1.页面上拉触底事件的监听先定一个能超过整个页面的view在.js文件中设置,并进行下拉触底,看看到结果2.配置下拉触底的原创 2021-12-31 18:02:02 · 2171 阅读 · 2 评论 -
微信小程序页面导航
微信小程序页面导航1.声明式导航(简单)1.1跳转到tabBar页面和非tabBar页面<!-- 声明式导航 --><!-- tabBar之间的导航,必须有open-type="switchTab"。非tabBar之间的导航,可以有open-type="navigator" 但可以省略都不写(注意链接格式) --><navigator url="/pages/info/info">导航到info页面</navigator>1.2后退导航(ho原创 2021-12-31 16:17:21 · 618 阅读 · 0 评论 -
微信小程序九宫格图的排版----注意层次排版(层次最重要)
微信小程序九宫格图的排版----注意层次排版(层次最重要)1.wxml中的代码(图片和数据都是网页获取来的,详细下看)2.排版3.使用.js文件进行事件加载||||原创 2021-12-31 13:28:46 · 3393 阅读 · 3 评论 -
微信小程序获取轮播图数据(网页的)
微信小程序获取轮播图数据(网页的)1.在文件夹的 .js文件中的data中声明一个存放数据的链表2.定义获取轮播图的方法使用wx.request获取图片,获取到后采用this.setData的方法对swiperList进行重新赋值3.在APPdata中查看是否成功4.实现效果5.美化...原创 2021-12-31 12:33:02 · 2958 阅读 · 4 评论 -
去除sitemap的索引提示,调试器的黄色框
去除sitemap的索引提示,调试器的黄色框原创 2021-12-29 11:02:23 · 97 阅读 · 0 评论 -
Now you can provide attr “wx:key“ for a “wx:for“ to improve performance
Now you can provide attr “wx:key” for a “wx:for” to improve performance 是一个关于性能优化方面的提示.不处理不影响程序运行。在wx:for后面添加wx:key=“key” 可消除警告。wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 中的输入内容, 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串,代转载 2021-01-16 10:19:19 · 965 阅读 · 0 评论