前端梨白
码龄3年
关注
提问 私信
  • 博客:86,492
    86,492
    总访问量
  • 50
    原创
  • 2,274,709
    排名
  • 105
    粉丝
  • 0
    铁粉

个人简介:业精于勤荒于嬉,行成于思毁于随

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江西省
  • 加入CSDN时间: 2021-09-07
博客简介:

m0_61631823的博客

查看详细资料
个人成就
  • 获得71次点赞
  • 内容获得10次评论
  • 获得251次收藏
  • 代码片获得517次分享
创作历程
  • 46篇
    2022年
  • 4篇
    2021年
成就勋章
TA的专栏
  • 笔记
    28篇
兴趣领域 设置
  • 前端
    jsonhtml5javascriptcss3lesstypescriptnode.jsvue.jses6npm
创作活动更多

AI大模型如何赋能电商行业,引领变革?

如何使用AI技术实现购物推荐、会员分类、商品定价等方面的创新应用?如何运用AI技术提高电商平台的销售效率和用户体验呢?欢迎分享您的看法

186人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

微信云开发——云数据库基础(增删改查)

1.云开发数据库请求,collection('goods'),goods代表你在云服务中创建的数据库表的名字①.传统方法: const testDB = wx.cloud.database().collection('goods').get({ //查询操作 // 请求成功 success(res) { console.log("查询成功", res); },
原创
发布博客 2022.04.22 ·
4683 阅读 ·
4 点赞 ·
2 评论 ·
33 收藏

分包 - 基础概念(微信小程序)

1.定义:分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。2. 分包的好处:对小程序进行分包的好处主要有以下两点:可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作3.分包前与分包后的区别分包前:程序项目中所有的页面和资源都被打包到了一起,导致整个项目体积过大,影响小程序首次启动的下载时间。分包后:小程序项目由 1 个主包 + 多个分包组成:主包:一般只包含项目的启动页面..
原创
发布博客 2022.04.03 ·
3300 阅读 ·
8 点赞 ·
1 评论 ·
40 收藏

全局数据共享——MobX(微信小程序)

1. 定义:全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex、Redux、MobX 等。而我们微信小程序常用的全局共享方案是:MobX我们可以通过上面这张图清除的看到,如果不使用MobX全局数据共享的话,如果需要调用某个组件,则需要一层一层调用,如果定义了全局数据共享,那么可以直接拿到数据,不需要一层一层调用2.全局数据共享的具体方案在小程序中,可使用 mobx-miniprogram 配合 mobx-miniprogram-bin.
原创
发布博客 2022.04.02 ·
5735 阅读 ·
11 点赞 ·
4 评论 ·
39 收藏

使用 npm 包 - API Promise化(微信小程序)

1. 基于回调函数的异步 API 的缺点默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用:缺点:容易造成回调地狱的问题,代码的可读性、维护性差!2. 什么是 API Promise 化API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于 Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。3. 实现 API Promise 化在小程.
原创
发布博客 2022.04.02 ·
738 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

Vant Weapp的使用——微信小程序

1. Vant Weapp:是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议,对商业使用比较友好。官方文档地址 Vant Weapp - 轻量、可靠的小程序 UI 组件库也可以扫描二维码,通过小程序体验2. 安装 Vant 组件库在小程序项目中,安装 Vant 组件库主要分为如下 3 步:①通过 npm 安装(建议指定版本为@1.3.3)②构建 npm 包③修改 app.json详细的操作..
原创
发布博客 2022.04.02 ·
3765 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

微信小程序自定义组件 - behaviors

1. 什么是 behaviorsbehaviors 是小程序中,用于实现组件间代码共享的特性,类似于 Vue.js 中的 “mixins”。2. behaviors 的工作方式每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中。每个组件可以引用多个 behavior,behavior 也可以引用其它 behavior。3. 创建 behavior调用 Behavior(Object object) 方法.
原创
发布博客 2022.04.01 ·
1155 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序自定义组件 - 父子组件之间的通信

1. 父子组件之间通信的 3 种方式①属性绑定用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容的数据②事件绑定用于子组件向父组件传递数据,可以传递任意数据③获取组件实例父组件还可以通过 this.selectComponent() 获取子组件实例对象这样就可以直接访问子组件的任意数据和方法2. 属性绑定属性绑定用于实现父向子传值,而且只能传递普通类型的数据,无法将方法传递给子组件。父组件的示例代码如下://父组件中定义d.
原创
发布博客 2022.04.01 ·
645 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

微信小程序自定义组件——插槽

1、插槽:在自定义组件的 wxml 结构中,可以提供一个 <slot> 节点(插槽),用于承载组件使用者提供的 wxml 结构。2. 单个插槽在小程序中,默认每个自定义组件中只允许使用一个 <slot> 进行占位,这种个数上的限制叫做单个插槽。//在组件.wxml中这样定义<view> <view>这里是外部内容</view> <slot></slot></view>.
原创
发布博客 2022.04.01 ·
2272 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

微信小程序自定义组件——数据监听器

1.概念:数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。在小程序组件中,数据监听器的基本语法格式如下:Component({ observers: { '字段A,字段B':function(字段A的新值,字段B的新值){ // 要进行的操作 } },})2.用法:以一个简单的加法为例首先我们在组件UI中这样定义:&
原创
发布博客 2022.04.01 ·
3166 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

微信小程序-自定义组件

一、组件的创建与引用1. 创建组件①、在项目的根目录中,鼠标右键,创建 components -> test 文件夹②、在新建的 components -> test 文件夹上,鼠标右键,点击“新建 Component”③、键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js,.json, .wxml 和 .wxss注意:为了保证目录结构的清晰,建议把不同的组件,存放到单独目录中,例如:...
原创
发布博客 2022.04.01 ·
2850 阅读 ·
1 点赞 ·
1 评论 ·
7 收藏

微信小程序-生命周期

1.概念:生命周期(Life Cycle)是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。例如:张三出生,表示这个人生命周期的开始张三离世,表示这个人生命周期的结束中间张三的一生,就是张三的生命周期我们可以把每个小程序运行的过程,也概括为生命周期:小程序的启动,表示生命周期的开始小程序的关闭,表示生命周期的结束中间小程序运行的过程,就是小程序的生命周期2. 生命周期的分类在小程序中,生命周期分为两类,分别是:① 应用生..
原创
发布博客 2022.03.22 ·
152 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

微信小程序-WXS脚本

1.概述:WXS(WeiXin Script)是小程序独有的一套脚本语言,结合 WXML,可以构建出页面的结构。2. wxs 的应用场景wxml 中无法调用在页面的 .js 中定义的函数,但是,wxml 中可以调用 wxs 中定义的函数。因此,小程序中 wxs 的典型应用场景就是“过滤器”。3. wxs 和 JavaScript 的关系虽然 wxs 的语法类似于 JavaScript,但是 wxs 和 JavaScript 是完全不同的两种语言:①wxs 有自己的数据类型numb
原创
发布博客 2022.03.22 ·
1962 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

微信小程序页面事件 - 下拉刷新与上拉触底

一、下拉刷新1.概念:下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。2. 启用下拉刷新启用下拉刷新有两种方式:①全局开启下拉刷新在 app.json 的 window 节点中,将 enablePullDownRefresh 设置为 true②局部开启下拉刷新在页面的 .json 配置文件中,将 enablePullDownRefresh 设置为 true在实际开发中,推荐使用第 2 种方式,为需要的页面单独开启下
原创
发布博客 2022.03.22 ·
7698 阅读 ·
5 点赞 ·
0 评论 ·
52 收藏

小程序中实现页面导航的两种方式

一、声明式导航概念:在页面上声明一个 <navigator> 导航组件、通过点击 <navigator> 组件实现页面跳转1. 导航到 tabBar 页面tabBar 页面指的是被配置为 tabBar 的页面。在使用 <navigator> 组件跳转到指定的 tabBar 页面时,需要指定 url 属性和 open-type 属性,其中:①、url 表示要跳转的页面的地址,必须以 / 开头②、open-type 表示跳转的方...
原创
发布博客 2022.03.22 ·
1106 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

关于微信小程序开发中的全局配置

1. 全局配置文件及常用的配置项小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:① pages记录当前小程序所有页面的存放路径② window全局设置小程序窗口的外观③ tabBar设置小程序底部的 tabBar 效果④ style是否启用新版的组件样式2. 小程序窗口的组成部分3.全局配置 - window4.全局配置 - tabBar①ba...
原创
发布博客 2022.03.22 ·
781 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

微信小程序tap事件中target与currentTarget的区别

target 是触发该事件的源头组件,而 currentTarget 则是当前事件所绑定的组件。举例如下:点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层 view 的 tap 事件处理函数。此时,对于外层的 view 来说:e.target 指向的是触发事件的源头组件,因此,e.target 是内部的按钮组件e.currentTarget 指向的是当前正在触发事件的那个组件,因此,e.currentTarget 是当前的 view 组件扩展:事件传参微信小程序.
原创
发布博客 2022.03.19 ·
2351 阅读 ·
3 点赞 ·
0 评论 ·
5 收藏

WXML模板语法——数据绑定、事件绑定、条件渲染、列表渲染

一、数据绑定1.Mustanche语法的格式应用场景:①绑定内容:<view>{{变量}}</view>②绑定属性:<image src="{{imgSrc}}"></image>Page({ data: { imgSrc:"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" },})③三元运算
原创
发布博客 2022.03.19 ·
982 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

微信小程序开发中WXML、WXSS与HTML、CSS的区别

微信小程序的开发与web网页开发的区别:1.页面结构web网页开发使用的页面结构是HTML,而小程序开发使用的却是WXML,两者的区别有:①:标签名称不同HTML中有(div、span、img、a)等标签WXML中不存在这些标签,它有自己独特的标签如:(view、text、image、navigator),其作用与上面HTML标签对应相似,使用如下:HTML的使用<div> <div></div> <span>
原创
发布博客 2022.03.17 ·
4542 阅读 ·
2 点赞 ·
0 评论 ·
16 收藏

小程序的启动过程和页面渲染过程

一.小程序启动过程1.当我们第一次打开一个小程序时,首先会将小程序的代码包下载到本地2.下载完成后就会开始解析app.json的全局配置文件3.然后就会执行app.js小程序入口文件,调用APP()函数,创建实例4.执行完后就开始渲染页面了,这样一个小程序的启动过程就完成了二.页面渲染的过程1.当app.js文件执行完成后,会进去到page页面中执行页面文件,首先执行.json配置文件2.然后加载页面的.WXML和.WXSS文件3.最后当这些样式文件加载完成后就会执行页面中的
原创
发布博客 2022.03.16 ·
1719 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

媒体标签的使用

1.音频媒体标签属性audio,可加入controls,使标签具有控件功能的音频媒体标签,代码如下:<audio src="" controls></audio>2.视频媒体标签属性video,加入onerror事件后具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签。<video onerror="" controls></video>...
原创
发布博客 2022.03.11 ·
703 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多