![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
黑马小程序基础教程
文章平均质量分 95
黑马小程序基础教程
左手喵子
这个作者很懒,什么都没留下…
展开
-
⑭微信小程序--》从零实现小程序项目案例
今天借助黑马的本地生活案例,加强一下自己对小程序的学习,并将学习过程分享出来,希望能和以前学习的知识相互印证。原创 2023-10-24 13:19:50 · 121 阅读 · 0 评论 -
⑬微信小程序--》tabBar底部栏
自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式,以满足更多个性化的场景。自定义tabBarVant组件库也为我们提供了具体的方法:可以通过 slot 自定义图标,其中icon slot代表未选中状态下的图标,代表选中状态下的图标。"/>"/>首页虽然我们可以自定义图标,但是上面的自定义一个图标就要写好多代码,能不能有种方法可以简便的自定义我们的图标,可以的。我们可以通过循环的形式将我们的tabbar-item给我们渲染出来。原创 2023-10-23 22:23:06 · 4842 阅读 · 0 评论 -
⑫微信小程序--》小程序—全局数据共享和分包
全局数据共享(状态管理)是为了解决组件之间数据共享的问题,开发中常用的全局数据共享方案有:Vuex、Redux、MobX等。在小程序中,可用 mobx-miniprogram (用来创建 Store 实例对象) 配合 mobx-miniprogram-bindings (用来把 Store 中的共享数据或方法,绑定到组件和页面中使用)实现全局数据共享。原创 2023-10-23 21:03:41 · 231 阅读 · 0 评论 -
⑪微信小程序--》Vant组件库的安装与使用
目前小程序中已经支持使用 npm 安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用 npm 包有如下限制:不支持依赖于的包不支持依赖于的包不支持依赖于的包。原创 2023-10-23 17:54:45 · 500 阅读 · 0 评论 -
⑩微信小程序--》小程序—组件通信和behavior使用
组件引用它时,它的属性、数据和方法会被合并到组件中,每个组件可以引用多个behaviors,behavior也可以引用其它behavior。在 2 的基础上,若存在嵌套引用 behavior 的情况,则规则为:引用者 behavior 覆盖 被引用的 behavior 中的同名属性或方法。若组件本身无这个属性或方法,则在组件的 behaviors 字段中定义靠后的 behavior 的属性或方法会覆盖靠前的同名属性或方法;的.js中,定义一个函数,这个函数即将通过自定义事件的形式,传递给子组件。原创 2023-10-23 16:15:31 · 284 阅读 · 0 评论 -
⑨微信小程序--》小程序—自定义组件使用
在项目根目录中,鼠标右键创建 components -> 目标文件夹在新建components -> 目标文件夹上,鼠标右键点击 “新建Component”键入组件名称回车,自动生成四个小程序基本文件注意:为了保证目录结构的清晰,建议把不同的组件,放在components目录下不同文件夹中默认情况下,自定义组件的样式只对当前组件生效,不会影响到组件之外的UI结构,如下图:这样的好处就是:1、防止外界的样式影响组件内部的样式;2、防止组件的样式破坏外界的样式注意点。原创 2023-10-23 14:45:13 · 496 阅读 · 0 评论 -
⑧微信小程序--》小程序生命周期和WXS使用
小程序运行的过程也是有生命周期,小程序的启动表示生命周期的开始、小程序的关闭表示生命周期的结束,中间小程序运行的过程就是小程序的生命周期。wxml中无法调用在页面的.js中定义的函数,但是wxml中可以调用wxs中定义的函数,因此,小程序中的wxs的典型应用场景就是“过滤器”。指的是wxs的运行环境和其他JavaScript代码是隔离的,wxs不能调用js中定义的函数,wxs不能调用小程序提供的API。wxs代码可以在以.wxs为后缀名的文件内,和JavaScript可以编写在.js为后缀名的文件中一样。原创 2023-10-23 12:04:44 · 109 阅读 · 0 评论 -
⑦微信小程序--》数据请求和页面导航
Ajax技术(关注博主,后期会单独讲解Ajax)的核心依赖于浏览器中的XMLHttpRequest这个对象,由于小程序的宿主环境是微信客户端,所以小程序不能叫做“发起Ajax请求”,而是叫做发起“网络数据请求”。调用wx.navigateTo(Object object)方法,可以跳转到非tabBar的页面,其中Object参数对象的属性列表和wx.switchTab属性列表一致。在很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据,此时需要在页面的onLoad事件中调用获取数据的函数。原创 2023-10-23 11:04:28 · 48 阅读 · 0 评论 -
①微信小程序--》小程序简介与工具安装配置(转载)
在写小程序之前我们应该了解以下内容,知道自己开发的是什么,又如何开发。小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。原创 2023-10-19 14:49:43 · 223 阅读 · 1 评论 -
②微信小程序--》组成结构 文件作用 宿主环境
WXML (WeiXin Markup Language) 是小程序框架设计的一套标签语言,用来构建小程序页面结构,其作用类似于网页开发中的 HTML。WXSS (WeiXin Style Sheets) 是一套样式语言,用于描述 WXML 组件的样式,类似于网页开发中的CSS。原创 2023-10-19 15:28:43 · 336 阅读 · 1 评论 -
③微信小程序--》小程序组件
审核通过之后,管理员的微信中会收到小程序通过审核的通知,此时在审核版本的列表中,点击“发布 ”按钮之后,即可把“ 审核通过 ”的版本发布为 线上版本 ”,供所有小程序用户访问和使用。微信小程序中 container 是有默认样式的,其中就会是display:flex不起作用,推荐写类名的时候要避免出现使用含义特殊样式的关键字,否则程序可能会出现一些 Bug。提交审核的方式:在开发版本的列表中,点击“ 提交审核 ”按钮之后,按照页面提示填写相关的信息,就能把小程序提交到官方进行审核。⑦canvas画布组件。原创 2023-10-20 11:40:45 · 127 阅读 · 1 评论 -
④微信小程序--》数据绑定和事件绑定
Page({data: {//字符串类型的数据//数据类型的数据})原创 2023-10-20 12:51:06 · 360 阅读 · 1 评论 -
⑤微信小程序--》条件与列表渲染以及WXSS模板样式
在项目的JS文件中,我们可以通过type(可以自己规定)原创 2023-10-23 08:33:22 · 773 阅读 · 0 评论 -
⑥微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件
上拉触底是移动端的专有名称,通过手指在屏幕上的滑动操作,从而加载更多数据的行为。简言之:当手机浏览页面时,需要下滑得到更多内容,当滚动条滚动到下面多少的距离需要自动加载下一页,这个距离就是上拉触底的距离。默认距离为50px,如果没有特殊需求,建议使用默认值即可。原创 2023-10-23 09:58:45 · 1357 阅读 · 0 评论