小程序
关注
分享
扫一扫
文章平均质量分 87
学全栈的灌汤包
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【云开发】小程序端中使用云函数的介绍
云函数即在云端(服务器端)运行的函数:在物理设计上，一个云函数可由多个文件组成，占用一定量的CPU 内存等计算资源;各云函数完全独立，可分别部署在不同的地区;开发者无需购买、搭建服务器，只需编写函数代码并部署到云端即可在小程序端调用;同时云函数之间也可互相调用;一个云函数的写法与一个在本地定义的 JavaScript 方法无异，代码运行在云端 Node.js 中;当云函数被小程序端调用时，定义的代码会被放在Node.js 运行环境中执行;原创 2022-09-12 00:00:00 · 13720 阅读 · 40 评论 -
【云开发】- 在小程序端操作云存储
云存储用于将文件存储到云端:云存储提供高可用、高稳定、强安全的云端存储服务;持任意数量和形式的非结构化数据存储，如视频和图片;并在控制台进行可视化管理;云存储常见的操作:上传文件到云存储中(图片、视频、音频等等都可以)获取文件的临时链接(在外网可以访问)下载文件到本地(本地文件缓存)将云存储中的文件删除。原创 2022-09-11 00:00:00 · 8687 阅读 · 65 评论 -
【云开发】小程序端操作数据库详解
云开发中的数据库是一个JSON类型的数据库:开发提供了一个文档型数据库，类似于MongoDB，里面存放的是一条条JSON格式的对象;一个数据库可以包含多个集合，一个集合中包含多个JSON对象;提供方便的API调用:学习这些API即可;提供了小程序端和服务器端(云函数)中调用的区分;关系型文档型数据库 database数据库 database表 table集合 collection行 row记录record / doc列 column字段 field。原创 2022-09-10 00:00:00 · 19288 阅读 · 86 评论 -
小程序【云开发】模式基本介绍 | 云开发项目初始化
云开发主要包含三大核心技术:云数据库:提供在小程序端直接对数据库进行增删改查的能力;数据库是类似于MongoDB的文档存储的数据库，操作非常方便;云存储:可以在小程序端直接上传、下载、删除文件; 自带CDN，提高文件访问速度;可以获取临时链接，支持在小程序外访问;云函数:提供了在服务器代码的执行能力;包含微信天然的私有鉴权;更大权限的操作数据库等;进行云调用、HTTP请求等操作;后面文章, 我会一一讲解云开的三大核心技术。原创 2022-09-09 00:00:00 · 9520 阅读 · 62 评论 -
【小程序】实现登录的流程与封装思路
为什么需要用户登录？增加用户的粘性和产品的停留时间；如何识别同一个小程序用户身份？认识小程序登录流程openid和unionid获取code换取authToken用户身份多平台共享账号绑定手机号绑定。原创 2022-09-08 00:00:00 · 6005 阅读 · 56 评论 -
【小程序】实现页面跳转和数据传递方案
刚刚我们演示过, 从首页跳转到详情页：可以使用URL中的query字段。那在详情页点击返回按钮时, 想要将数据传递回首页该如何传递呢。保留当前页面，跳转到应用内的某个页面；关闭当前页面，返回上一页面或多级页面。但是不能跳到 tabbar 页面；原创 2022-09-07 00:00:00 · 6416 阅读 · 46 评论 -
【小程序】常见系统API | 页面分享 | 位置信息 | 本地存储
分享是小程序扩散的一种重要方式，小程序中有两种分享方式：方式一：点击右上角的菜单按钮，之后点击转发方式二：点击某一个按钮，直接转发当我们转发给好友一个小程序时，通常小程序中会显示一些信息:如何决定这些信息的展示呢？通过是监听用户点击页面内转发按钮（button 组件 open-type= “share”）或右上角菜单“转发”按钮回调的函数，并自定义转发内容。此事件处理函数需要 return 一个 Object，用于自定义转发内容；属性类型说明titlestring。原创 2022-09-06 00:00:00 · 6579 阅读 · 62 评论 -
【小程序】展示弹窗常见API详解
显示 loading 提示框。与showToast的区别是, 守卫Loading需主动调用。可以通过tapIndex知道点击了哪个按钮。原创 2022-09-05 00:00:00 · 4054 阅读 · 45 评论 -
【小程序】网络请求API介绍及网络请求的封装
可以配置端口，如 https://myserver.com:8080，但是配置后只能向 https://myserver.com:8080 发起请求。如果向https://myserver.com、 https://myserver.com:9091 等 URL 请求则会失败。如 https://myserver.com，那么请求的 URL 中也不能包含端口，甚至是默认的 443 端口也不可以。如果 向 https://myserver.com:443 请求则会失败。url: 必传, 不然请求什么....原创 2022-09-04 00:00:00 · 5249 阅读 · 62 评论 -
【小程序】组件化开发的基本使用(二)
slot翻译为插槽：在生活中很多地方都有插槽，电脑的USB插槽，插板当中的电源插槽。插槽的目的是让我们原来的设备具备更多的扩展性。比如电脑的USB我们可以插入U盘、硬盘、手机、音响、键盘、鼠标等等。组件的插槽：组件的插槽也是为了让我们封装的组件更加具有扩展性。让使用者可以决定组件内部的一些内容到底展示什么。例子：移动网站中的导航栏。移动开发中，几乎每个页面都有导航栏。导航栏我们必然会封装成一个插件，比如nav-bar组件。一旦有了这个组件，我们就可以在多个页面中复用了。...原创 2022-09-03 00:00:00 · 2200 阅读 · 27 评论 -
【小程序】组件化开发的基本使用(一)
类似于页面，自定义组件由 json wxml wxss js 4个文件组成。按照我的个人习惯, 我们会先在根目录下创建一个文件夹components, 在该文件里面存放我们之后自定义的公共组件；常见的一个自定义组件会包含对应的四个文件；自定义组件的步骤：1.首先需要在 json 文件中进行自定义组件声明（将component 字段设为 true 可这一组文件设为自定义组件）2.在wxml中编写属于我们组件自己的模板...原创 2022-09-02 00:00:00 · 2926 阅读 · 58 评论 -
【小程序】中的事件处理详解
同时在当前页面的Page构造器中定义对应的事件处理函数, 如果没有对应的函数, 触发事件时会报错；此时触发事件的是button组件冒泡到view组件, 因此target打印的是button组件。，表示当用户点击该组件的时候会在该页面对应的 Page 中找到相应的事件处理函数。如无特殊说明，当组件触发事件时，逻辑层绑定该事件的处理函数必定会收到一个事件对象。事件可以绑定在组件上，当触发事件时，就会执行逻辑层中对应的事件处理函数；触发事件的源组件(当前触发事件的组件)。事件绑定的当前组件(处理事件的组件)。..原创 2022-09-01 00:00:00 · 1580 阅读 · 36 评论 -
【小程序】中WXS的语法详解
WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。官方中说到: WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。其实WXS和JavaScript基本一致为什么要设计WXS语言呢？在WXML中是不能直接调用(指的是不能在插值语法调用函数) Page/Component中定义的函数的.但是某些情况, 我们可以希望使用函数来处理WXML中的数据(类似于Vue中的过滤器)，这个时候就使用WXS了。...原创 2022-08-31 00:00:00 · 6915 阅读 · 30 评论 -
【小程序】中WXML的语法详解
字符串，代表在 for 循环的目标 array 中 item 的某个 属性，该 属性的值需要是列表中唯一的字符串或数字，且不能动态改变。代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字。就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏, 本质在设置display属性。是一个控制属性，需要将它添加到一个标签上。并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。原创 2022-08-30 00:00:00 · 1538 阅读 · 40 评论 -
常见【小程序】内置组件
实现滚动效果必须添加scroll-x或者scroll-y属性（只需要添加即可，属性值相当于为true了）垂直方向滚动必须设置scroll-view一个高度, 水平方向滚动必须设置scroll-view一个宽度。user-select属性决定文本内容是否可以让用户选中, 设置为true, 手指长按可以选中文本。小程序中的内置组件是非常多的, 下面主要介绍开发中常用的常见的内置组件。公共属性: 就是所有组件都可以设置的属性, 有如下一些公共属性。小程序插件中不能使用。小程序插件中不能使用。原创 2022-08-28 00:00:00 · 1350 阅读 · 25 评论 -
【小程序】使用WXSS编写样式介绍以及与CSS的区别
WXSS和CSS之间没有太大的区别, 为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。也就是说, 我们使用rpx单位, 以iPhone6位设计稿的话, 当我们想要设置100px的大小时, 改为设置200rpx (其实除此之外还有一些选择器也是支持的, 但是官方推荐使用的就是下面这些。行内样式、页面样式(当前页面生效)、全局样式(全部页面生效)优先级依次是：行内样式 > 页面样式 > 全局样式。设置rpx单位后的元素, 会根据屏幕的大小自适应。px单位的值 * 2 = rpx的值。原创 2022-08-29 00:00:00 · 4392 阅读 · 56 评论 -
注册【小程序】和注册页面
每个小程序都需要在 app.js 中调用App函数注册小程序实例在注册时, 可以绑定对应的生命周期函数；在生命周期函数中, 执行对应的代码；在App函数中可以放什么可以查文档, 链接: https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html我们来思考：注册App时，我们一般会做什么呢？1.判断小程序的进入场景2.监听生命周期函数。原创 2022-08-27 00:00:00 · 1170 阅读 · 26 评论 -
【小程序】的架构和配置文件
完整的配置可以查看官方文档, 链接给到大家: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html。完整的配置可以查看官方文档, 链接给到大家: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html。在页面中配置的会覆盖app.json中的相同的配置。原创 2022-08-26 00:00:00 · 1590 阅读 · 39 评论 -
【小程序】开发初体验
下面通过三个案例, 体验一下小程序的开发模式。原创 2022-08-13 09:00:00 · 350 阅读 · 43 评论 -
邂逅【小程序】开发
小程序是什么呢?小程序 (Mini Program) 是一种无需下载安装即可使用的应用, 它实现了"触手可及"的梦想, 使用起来方便快捷, 用完即走;事实上, 目前小程序在我们生活中已经随处可见 (特别是经过一起的推动, 不管是什么岗位, 什么年龄段的人, 到哪都需要打开健康码);所以对小程序的基本认识和特点相信大家已经非常熟悉, 我就不再赘述了在大多数情况下, 我们提到小程序往往指的是微信小程序但是目前小程序技术本身已经被各个平台所实现和支持;...原创 2022-08-12 09:00:00 · 848 阅读 · 30 评论