Gorit的博客_微信小程序原创博文

手把手带你学微信小程序 —— 如何开发属于自己的第三方微信小程序组件库

手把手带你学微信小程序 —— 如何开发属于自己的第三方微信小程序组件库，带你一步一步开发自己的微信小程序组件库

微信小程序

小程序

desktop

json

原创 2022-05-19 09:01:17 887 阅读

手把手带你学习微信小程序 —— 四（事件绑定 & WXSS 样式学习）

事件绑定flex 布局1、初体验2、横轴布局3、侧轴布局

微信小程序快速入门

小程序

xml

事件绑定

微信小程序

原创 2022-02-25 09:51:28 145 阅读

手把手带你学习微信小程序 —— 七（view 视图组件学习）

view 视图组件学习一、view 视图容器的基本属性1.1 属性介绍1.2 示例二、scoll - view 标签2.1 横向滚动设计2.2 纵向向滚动设计2.3 scroll-view其他属性三、微信红包案例实现配合官方文档学习，效果更佳呦传送门一、view 视图容器的基本属性1.1 属性介绍属性功能hover-class配置该组件是否可以被点击触发h...

xml

小程序

微信

C

原创 2022-02-25 09:51:27 560 阅读

手把手带你学习小程序 —— 五 (Page相关设置)

一、数据渲染二、小程序生命周期三、微博发帖实战

生命周期

数据

ide

C

原创 2022-02-25 09:51:27 231 阅读

手把手带你学习微信小程序 —— 六（wxs 语法学习专题）

WXS 语法学习一、wxs初体验1.1 场景描述1.2 code 实现二、wxs 语法之外部引用（放到 wxs 进行引用）2.1 wxs 框架分析2.2 wxs外部引用三、wxs —— require 引用一、wxs初体验具体内容以官方介绍为主，这里只是浅显的介绍wxs 的官方介绍 —— 传送门wxs 的语法学习 —— 传送门简单来说，wxs就是微信小程序自己的一套脚本语言，你可...

数据

生命周期

页面加载

原创 2022-02-25 09:47:04 206 阅读

手把手带你入门微信小程序开发（一）

微信小程序从零开始开发

从0开始做微信小程序

小程序

微信小程序

json

C

原创 2022-02-25 09:46:46 332 阅读

手把手带你学习微信小程序 ——三（列表渲染）

:key 学习wxml 自定义模板，重复引用相同的代码块include 标签使用 —— 调用静态代码块

微信小程序学习分享

xml

微信小程序

数据

原创 2022-02-25 09:45:03 195 阅读

手把手带你学习微信小程序 —— 项目实战篇

微信小程序项目实战篇一、微信小程序实现支付宝界面一、微信小程序实现支付宝界面项目我已经上传到github上面，有完整的代码和项目资源，需要的同学可以自取~传送门项目实现效果：...

项目

微信

支付宝

搜索栏

C

原创 2022-02-25 09:44:15 520 阅读

手把手带你学习微信小程序 —— 八（swiper组件轮播图的实现）

swiper 组件一、swiper 初体验1.1 前期准备1.2 项目框架1.3 项目源码二、swiper 属性配套官方文档学习，效果更佳呦 —— 传送门一、swiper 初体验在日常的使用 app 的过程中，大家一定遇到过这样的情况，今天就带领大家手动写一个这样的轮播图1.1 前期准备首先就是图片，这些图片我都是在网上随便找的，但是经过样式修改后，图片的效果并不是那么的好，所以图片的...

swiper 轮播效果实现

微信

xml

轮播图

C

原创 2022-02-25 09:44:13 676 阅读

手把手带你学习微信小程序 —— 十二（自定义组件）

自定义组件一、自定义组件的介绍二、创建并使用自定义组件2.1 创建组件2.2 使用组件2.2.1 自定义组件初始化2.2.2 渲染自定义组件三、给我们创建的标签创建属性3.1 创建属性3.2 使用属性四、给属性添加组件五、总结配合官方文档一起使用，效果更加 —— 传送门一、自定义组件的介绍自定义组件，类似于前面说到过的模板 template，但是比模板更加灵活，自定义组件可以定义自己的属性，...

自定义组件

json

xml

C

原创 2022-02-25 09:44:13 264 阅读

手把手带你入门微信小程序开发（二）

WXML脚本语言介绍以及基本使用

xml

条件判断

数组

C

原创 2022-02-25 09:44:13 250 阅读

手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】）

icon 标签一、icon 体验1.1 icon 的三个属性1.2 icon 的基本使用二、实际项目2.1 微信支付界面支付成功展示2.2 跳转等待界面2.3 搜索栏实现一、icon 体验先看一张图上图展示的图标便是微信提供的，我们可以直接使用的图标1.1 icon 的三个属性icon 的使用简单，它只有三个属性icon 类型 type 分为：success, success_n...

icon

ico

搜索栏

微信支付

C

原创 2022-02-25 09:44:09 1458 阅读

手把手带你学习微信小程序 —— 九（movable-view 组件）

movable-view 组件一、movable-view 初体验1.1 项目展示1.2 项目源码二、属性讲解和官方文档一起食用，效果更佳 —— 传送门一、movable-view 初体验1.1 项目展示movable-view，从字面意思上就可以理解，可以移动的组件，具体是什么样的呢，看下面的效果图这是微信独有的一个模块，标签有两类movable-area 是父容器movabl...

微信小程序

movable-view 组件

项目源码

属性值

数据

原创 2022-02-25 09:44:09 504 阅读

手把手带你学习微信小程序 —— 十一（button 按钮条组件微介绍）

button 按钮组件一、button 组件初体验二、button 组件常用属性2.1 size ——

数据

常用属性

表单

原创 2022-02-22 11:39:55 538 阅读

手把手带你学习微信小程序 —— （微信小程序常用代码块）

特别专题一、小程序时间戳二、wx

微信小程序

wxss 常用布局

微信

数据

延时函数

原创 2022-02-22 11:39:19 677 阅读

微信小程序复习巩固 —— （事件处理，数据渲染，使用模板，属性自定义）

微信小程序事件处理一、小程序的事件机制1.1 小程序提供的事件1.2 绑定事件一、小程序的事件机制在小程序当中处理用户的逻辑交互大概有如下步骤产生事件捕捉事件使用回到函数处理事件的结果1.1 小程序提供的事件链接直达1.2 绑定事件小程序事件的绑定是通过 bind 关键字实现的，

数据

小程序

xml

原创 2022-02-15 11:20:28 86 阅读

微信小程序复习巩固 —— （wxml，wxss、js、wx:if、wx:for）

微信小程序基础预热一、学习记录二、案例整理2.1 view 标签和 text 标签简单实用2.2 插值表达式简单使用2.3 wx:if 条件渲染 (类比 vue 中的 v-if v-show)2.4 wx:for 循环迭代2.5 综合小练习：九九乘法表三、总结3.1 完整代码之前学了 vue2.5，并且做了一个模仿去哪网界面，越是学的后面，

WeChat-applet

小程序

数据

插值

xml

原创 2022-02-15 11:18:50 282 阅读

微信小程序之 flex 布局最详细讲解！！！

flex 布局速成1. 主轴布局2. 侧轴布局3. 父容器属性讲解4. 子容器属性讲解

css

flex

小程序

xml

父类

原创 2022-02-10 11:55:46 1784 阅读

手把手带你学习微信小程序 —— （ES6语法简要概述）

ES6 语法简要学习一、定义变量1.1 出现变量提升的问题1.2 let 代码块只在当前代码中有效1.3 const 只读变量二、函数的基本使用2.1 定义函数2.2 ES6 箭头函数？三、类的学习3.1 定义类以及使用构造函数3.2 定义类以及使用静态方法四、模块化代码4.1 import 或者 expo

js

小程序

定义类

默认参数

网络请求

原创 2022-01-11 14:57:08 152 阅读

手把手带你入门微信小程序开发（一）

微信小程序从零开始开发

从0开始做微信小程序

小程序

微信小程序

json

菜单栏

原创 2021-09-03 14:55:28 658 阅读

手把手带你入门微信小程序开发（二）

WXML脚本语言介绍以及基本使用

xml

条件判断

数组

微信小程序

数据

原创 2021-09-03 14:55:24 484 阅读

手把手带你学习微信小程序 ——三（列表渲染）

wx:key 学习wxml 自定义模板，重复引用相同的代码块include 标签使用 —— 调用静态代码块

微信小程序学习分享

xml

微信小程序

数据

字符串

原创 2021-09-03 14:55:22 449 阅读

手把手带你学习微信小程序 —— 四（事件绑定 & WXSS 样式学习）

事件绑定flex 布局1、初体验2、横轴布局3、侧轴布局

微信小程序快速入门

小程序

xml

事件绑定

微信小程序

原创 2021-09-03 14:55:21 208 阅读

手把手带你学习小程序 —— 五 (Page相关设置)

一、数据渲染二、小程序生命周期三、微博发帖实战

生命周期

数据

ide

页面加载

小程序

原创 2021-09-03 14:55:20 261 阅读

手把手带你学习微信小程序 —— 项目实战篇

微信小程序项目实战篇一、微信小程序实现支付宝界面一、微信小程序实现支付宝界面项目我已经上传到github上面，有完整的代码和项目资源，需要的同学可以自取~传送门项目实现效果：...

项目

微信

搜索栏

支付宝

功能实现

原创 2021-09-03 14:55:20 330 阅读

手把手带你学习微信小程序 —— 六（wxs 语法学习专题）

WXS 语法学习一、wxs初体验1.1 场景描述1.2 code 实现二、wxs 语法之外部引用（放到 wxs 进行引用）2.1 wxs 框架分析2.2 wxs外部引用三、wxs —— require 引用一、wxs初体验具体内容以官方介绍为主，这里只是浅显的介绍wxs 的官方介绍 —— 传送门wxs 的语法学习 —— 传送门简单来说，wxs就是微信小程序自己的一套脚本语言，你可...

数据

生命周期

页面加载

xml

调用函数

原创 2021-09-03 14:55:19 430 阅读

手把手带你学习微信小程序 —— 八（swiper组件轮播图的实现）

swiper 组件一、swiper 初体验1.1 前期准备1.2 项目框架1.3 项目源码二、swiper 属性配套官方文档学习，效果更佳呦 —— 传送门一、swiper 初体验在日常的使用 app 的过程中，大家一定遇到过这样的情况，今天就带领大家手动写一个这样的轮播图1.1 前期准备首先就是图片，这些图片我都是在网上随便找的，但是经过样式修改后，图片的效果并不是那么的好，所以图片的...

swiper 轮播效果实现

xml

微信

轮播图

项目源码

原创 2021-09-03 14:55:18 471 阅读

手把手带你学习微信小程序 —— 七（view 视图组件学习）

view 视图组件学习一、view 视图容器的基本属性1.1 属性介绍1.2 示例二、scoll - view 标签2.1 横向滚动设计2.2 纵向向滚动设计2.3 scroll-view其他属性三、微信红包案例实现配合官方文档学习，效果更佳呦传送门一、view 视图容器的基本属性1.1 属性介绍属性功能hover-class配置该组件是否可以被点击触发h...

xml

小程序

微信

初始化

基本属性

原创 2021-09-03 14:55:17 368 阅读

手把手带你学习微信小程序 —— 九（movable-view 组件）

movable-view 组件一、movable-view 初体验1.1 项目展示1.2 项目源码二、属性讲解和官方文档一起食用，效果更佳 —— 传送门一、movable-view 初体验1.1 项目展示movable-view，从字面意思上就可以理解，可以移动的组件，具体是什么样的呢，看下面的效果图这是微信独有的一个模块，标签有两类movable-area 是父容器movabl...

微信小程序

movable-view 组件

项目源码

属性值

生命周期

原创 2021-09-03 14:55:15 594 阅读

手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】）

icon 标签一、icon 体验1.1 icon 的三个属性1.2 icon 的基本使用二、实际项目2.1 微信支付界面支付成功展示2.2 跳转等待界面2.3 搜索栏实现一、icon 体验先看一张图上图展示的图标便是微信提供的，我们可以直接使用的图标1.1 icon 的三个属性icon 的使用简单，它只有三个属性icon 类型 type 分为：success, success_n...

icon

ico

微信支付

搜索栏

项目分析

原创 2021-09-03 14:51:24 784 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6131ac206930e的博客

手把手带你学微信小程序 —— 如何开发属于自己的第三方微信小程序组件库

手把手带你学习微信小程序 —— 四（事件绑定 & WXSS 样式学习）

手把手带你学习微信小程序 —— 七（view 视图组件学习）

手把手带你学习小程序 —— 五 (Page相关设置)

手把手带你学习微信小程序 —— 六（wxs 语法学习专题）

手把手带你入门微信小程序开发（一）

手把手带你学习微信小程序 ——三（列表渲染）

手把手带你学习微信小程序 —— 项目实战篇

手把手带你学习微信小程序 —— 八（swiper组件轮播图的实现）

手把手带你学习微信小程序 —— 十二（自定义组件）

手把手带你入门微信小程序开发（二）

手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】）

手把手带你学习微信小程序 —— 九（movable-view 组件）

手把手带你学习微信小程序 —— 十一（button 按钮条组件微介绍）

手把手带你学习微信小程序 —— （微信小程序常用代码块）

微信小程序复习巩固 —— （事件处理，数据渲染，使用模板，属性自定义）

微信小程序复习巩固 —— （wxml，wxss、js、wx:if、wx:for）

微信小程序之 flex 布局最详细讲解！！！

手把手带你学习微信小程序 —— （ES6语法简要概述）

手把手带你入门微信小程序开发（一）

手把手带你入门微信小程序开发（二）

手把手带你学习微信小程序 ——三（列表渲染）

手把手带你学习微信小程序 —— 四（事件绑定 & WXSS 样式学习）

手把手带你学习小程序 —— 五 (Page相关设置)

手把手带你学习微信小程序 —— 项目实战篇

手把手带你学习微信小程序 —— 六（wxs 语法学习专题）

手把手带你学习微信小程序 —— 八（swiper组件轮播图的实现）

手把手带你学习微信小程序 —— 七（view 视图组件学习）

手把手带你学习微信小程序 —— 九（movable-view 组件）

手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】）

欢迎