微信小程序学习

微信小程序学习笔记

微信小程序欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。关于此学习的测试项目都暂时保存在https://github.com/ForeManWang/wxapp-study微信小程序账号与工具在线文档：https://mp.we
六六子大顺1·2023-07-29 12:36

微信小程序——同一控件的点击与长按事件共存的解决方案

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——实现手机振动效果文章目录前言方案一：使用bindtap和bindlongtap两个事件绑定不同的函数方案二：使用一个变量来判断事件类型前言
Java Fans·2023-07-29 08:28

微信小程序学习五种页面跳转方法

第一种:标签这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是该方法不能跳转tabbar页面.格式为:第二种:wx.navigateTo通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面.格式为:next_calculator:function(){wx.navigateTo({url:'/p
让我打个盹·2023-07-28 07:40

微信小程序学习2.js基本使用之数据绑定

微信小程序自学Demo地址对于小程序数据绑定，学习一种新语言也让我重新认识到了一门语言的新特性，学习不仅会充实自己，也会使我们从中获得快乐小程序的绑定我们来看代码，这里我们以项目中输入姓名为例{{actualName}}{{userName}}从这个标签里可以看出，我们创建了一个父视图class为objectClass，下边用到了text标签和input输入框这个标签，内部数据直接写了一个字符变量
灯红酒绿映不出的落寞·2023-07-26 10:49

微信小程序——页面跳转方法和场景用法总结

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——页面跳转方法和场景用法总结文章目录1、wx.switchTab(url)：跳转主页2、wx.reLaunch(url
Java Fans·2023-07-25 15:47

微信小程序学习笔记——常见组件【button——外观样式】

button|微信开放文档button下面的配置删除掉基础库1.0.0开始支持，低版本需做兼容处理。按钮。属性类型默认值必填说明最低版本sizestringdefault否按钮的大小1.0.0typestringdefault否按钮的样式类型1.0.0plainbooleanfalse否按钮是否镂空，背景色透明1.0.0disabledbooleanfalse否是否禁用1.0.0loadingbo
有蝉·2023-07-25 02:51

微信小程序学习笔记（三）——视图与逻辑

页面导航什么是页面导航页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种：链接location.href小程序中实现页面导航的两种方式声明式导航、在页面上声明一个导航组件通过点击组件实现页面跳转编程式导航调用小程序的导航API，实现页面的跳转声明式导航导航到tabBar页面tabBar页面指的是被配置的tabBar的页面。在使用组件跳转到指定的tabBar页面时，需要指定
Jackson_Mseven·2023-07-24 14:12

微信小程序学习笔记（五）——优化

下拉刷新后主动关闭Page({onPullDownRefresh:function(){//...wx.stopPullDownRefresh()}})在发起请求时设置loading，请求结束后关闭Page({onLoad:function(options){wx.showLoading({title:'数据加载中...'})//展示loadingwx.request({//...complete
Jackson_Mseven·2023-07-24 14:12

微信小程序学习笔记（二）——模板与配置

WXML模板语法数据绑定基本原则在data中定义数据在WXML中使用数据在data中定义页面的数据在页面对应的.js文件中，把数据定义到data对象中即可：//xx.jsPage({data:{//字符串类型的数据info:'initdata',//数组类型的数据msgList:[{msg:'hello'},{msg:'world'}]}})Mustache语法的格式把data中的数据绑定到页面中
Jackson_Mseven·2023-07-24 14:41

微信小程序学习笔记（四）——自定义组件

自定义组件组件的创建与引用创建组件在根目录下创建components文件夹右键点击components文件夹，选择新建Component，就会自动生成.wxml、.wxss、.js、.json文件引用组件组件的引用方式分为“局部引用”和“全局引用”，故名思义：局部引用：组件只能在当前被引用的页面内使用全局引用：组件可以在每个小程序页面中使用局部引用组件在页面的.json配置文件中引用组件的方式，叫
Jackson_Mseven·2023-07-24 14:40

python-微信小程序的学习

第一章微信小程序学习入门先去官网注册微信小程序文章目录第一章微信小程序学习入门前言一、下载微信开发者工具二、使用步骤1.直接导入项目2.微信小程序框架8.18提交代码审核8.19打卡签到功能8.19页面携带参数跳转前言前两步跟着提示操作就行
办法总比困难多多·2023-07-16 19:26

微信小程序学习之数据绑定，事件绑定，事件传参与数据同步的学习记录

数据绑定，事件绑定，事件传参与数据同步1.数据绑定1.1.在data中定义数据1.2.在wxml中渲染数据（mustache语法）2.事件绑定2.1.事件2.2.常用的事件2.3.事件对象的属性列表2.4.target和currentTarget的区别3.事件传参与数据绑定3.1.在事件处理函数中给data中的数据赋值3.2.事件传参（通过自定义属性的方式）3.3.获取事件传递的参数值3.4.文本
杀死一只知更鸟debug·2023-07-15 05:14

Taro/微信小程序笔记

Taro/微信小程序学习笔记持续更新中一：快捷命令1，快捷创建页面——Tarocreate--name页面名称2，运行到h5页面预览———Tarobuild--typeh5--watch3，本地代码已提交
林几许·2023-07-03 09:40

微信小程序学习总结

目录一、配置项（1）app.js（2）app.jsonpagestabBar（3）sitemap.json二、语法（1）模板语法（2）动态创建和删除（3）显示和隐藏（4）遍历（5）数据绑定（6）事件绑定（7）this属性（8）路由（9）发送ajax请求（10）标签三、组件一、配置项前言：微信小程序还是比较简单的，会了vue一个下午就能小程序入门，参照文档开发（1）app.js入口文件相当于小程序注
不爱小白的小孩·2023-06-23 08:25

微信小程序——分页组件的创建与使用

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——分页组件的创建与使用文章目录一、创建pagination分页组件1、前端页面pagination.wxml代码分享2
Java Fans·2023-06-21 15:52

微信小程序——Echarts使用（保姆式教程）

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——Echarts使用（保姆式教程）文章目录一、Echarts简介二、小程序中引入Echarts1、下载echarts插件
Java Fans·2023-06-18 08:57

【1 微信小程序学习-核心思想与体验】

1小程序的核心技术.js文件,负责数据处理,函数定义和实现.wxml文件,组件结构与数据绑定.wxss文件,组件样式.json配置信息补充MVVM架构实现声明式编程采用MVVM架构,核心是通过数据绑定实现响应式编程(声明式编程).M:数据处理V:样式结构VM:数据绑定和事件监听vue和小程序Mina框架实际做的的是viewModel部分和Vue的对应关系2注册账号–申请AppID接入流程：http
努力修福报·2023-06-16 15:06

微信小程序学习文档指南

一、开发前准备1、开发工具下载。2、微信小程序设计指南3、首先要通读一遍官方文档，看看都有哪些东西，都能干什么。二、目录结构1、components小程序自定组件（组件生命周期，组件间通信与事件，数据监听器）2、images小程序内图片资源3、miniprogram_npm使用npm包安装的组件4、pages小程序页面文件夹放置微信小程序所有的小程序页面，每个小程序页面基本有.js  .json 
凌凌漆-大王·2023-06-15 17:00

微信小程序学习文档总结

一.基础用法div=viewspan=text(只有当text中的user-select属性为true时才可选中)buttonimagea=navigator()就是a标签双向绑定{{message}}1.事件绑定：1.onclick=bindtab，`//示例：`2.input=bindinput`bindinput接input框中的值是e.detail.value`3.change=bindc
陈小玲玲·2023-06-15 17:59

【0 微信小程序学习 - 常用知识与配置】

配置全局配置{//页面注册"pages":["pages/index/index","pages/logs/index"],//全局窗口配置"window":{"navigationBarTitleText":"Demo"},//底部tabbar配置"tabBar":{"list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":
努力修福报·2023-06-12 20:25

微信小程序——实现蓝牙设备搜索及连接功能

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——实现蓝牙设备搜索及连接功能文章目录1、在小程序的app.json文件中添加蓝牙权限2、新建一个展示蓝牙列表的界面index2.1
Java Fans·2023-06-10 13:32

【5 微信小程序学习 - 小程序的事件处理】

1事件的监听2组件的特殊事件有些事件不用绑定,当触发时会自动调用.比如onReachBottom.3事件对象event当某个事件触发时,会产生一个事件对象,并且这个对象被传入到回调函数中4currentTarget和target的区别当组件嵌套时会发生事件冒泡,target是触发的组件,currentTarget是真正处理的组件onOuterViewTap(event){//1.target触发事
努力修福报·2023-06-10 01:26

【6 微信小程序学习 - 小程序的组件化开发,通信】

1小程序组件化开发2创建一个组件1创建1,在根目录创建components文件夹,自定义组件都放在此处2,右键新建component,输入名称后悔创建四个文件3.其中.json中的"component":true,表示这是一个组件4,编写代码,和其他代码逻辑相同2使用1,要使用组件的父组件的json配置文件,usingComponents字段注册组件,组件名称:组件路径{"usingCompone
努力修福报·2023-06-10 01:26

【4 微信小程序学习 - WXSS-WXML-WXS语法】

1WXSS相关1小程序样式的写法2WXSS支持的选择器3wxss的扩展–尺寸单位RPXrpx是为了屏幕自适应.4逻辑判断wx:if–wx:elif–wx:else对应v-if90}}">优秀80}}">良好=60}}">及格不及格5hidden属性对应v-show6列表渲染–wx:for基础使用block标签包裹,类似template{{book.name}}-{{book.price}}-{{i
努力修福报·2023-06-10 00:56

【7 微信小程序学习 - 小程序的系统API调用,网络请求封装】

1网络请求–原生请求数据,保存数据1原生请求Page({data:{allCities:{},houselist:[],currentPage:1},asynconLoad(){//1.网络请求基本使用wx.request({url:"http://codercba.com:1888/api/city/all",success:(res)=>{//保存数据constdata=res.data.da
努力修福报·2023-06-10 00:52

微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)

百度经纬度采集一、H5页面开发1.手机端外部JS库2.地图容器3.数据表单4.地图加载5.回调封装函数+自动定位二、微信小程序核心代码1.lnglat.wxml2.lnglat.js3.lnglat.json三、版本发布遇见的问题一、H5页面开发1.手机端外部JS库viewport，手机端的适配；layui，手机端界面UI；jweixin-1.6.0，H5与微信小程序通信的API接口文件2.地图容
漏刻有时·2023-06-07 12:29

微信小程序学习（二）

小程序的js有些额外的成员App方法用于定义应用程序实例对象Page方法用于定义页面对象getApp方法用于获取全局应用程序对象getCurrentPages方法用来获取当前页面的调用栈（数组，最后一个就是当前页面）wx对象用来提供核心API的配置小程序全局配置在小程序根目录下的app.json文件用来设置全局配置，完整的配置参数参考：https://developers.weixin.qq.co
Jaunemmechine·2023-04-18 03:56

微信小程序学习记录（一）：简单使用WXS

文章目录一、WXS是什么？二、简介1.模块moduleexportsrequire2.运算符一元运算符3.数据类型functionarguments4.基础类库总结一、WXS是什么？  WXS(WeiXinScript)是小程序的一套专属的脚本语言,结合WXML,可以构建出页面的结构。为减低学习语言的成本，WXS语法上与JavaScript类似，且wxml中可以调用wxs中定义的函数。因此，小程序
FaerieDragon1·2023-04-16 06:11

微信小程序学习笔记

一、Node.js主题1、npm：node.js包管理工具，有超过60万个JavaScript代码包可供下载2、Node.js：运行在服务端的JavaScript，基于ChromeJavaScript建立的一个平台，基于GoogleV8引擎。3、Nodejs安装教程：Nodejs安装教程_彭佼的博客-CSDN博客4、NodeJS使用教程：Node.js教程|菜鸟教程5、使用package.json
benben044·2023-04-16 04:45

微信小程序学习：简易计算器

昨天刚刚接触的微信小程序，写了个计算器demo，因为自身有一点前端的基础，所以看微信小程序的api时没有这么云里雾里，几乎跟前端没差太多，所以上手挺快，先上效果图仿制iphone的计算器实现了+-*/百分比负号等运算，不过其中还有很多的小bug，比如点击数字外的黑色背景时如果数字是最开始的0，那么0就会隐藏，第二屏幕适配问题，iphoneX感观不好，下面是部分代码：这是wxml文件，跟html差不
Monica114·2023-04-16 02:58

微信小程序学习笔记--商城案例（黑马教程）

目录起步运行于小程序Git托管到码云tabbar创建tabBar配置tabbar导航条颜色首页网络配置请求轮播图数据渲染轮播图配置小程序分包点击轮播图，跳转详情页全局添加弹窗方法获取分类导航数据渲染分类导航UI结构点击分类导航第一项，跳转到分类页面获取楼层数据渲染楼层UI点击楼层跳转到商品列表分类页面渲染分类页面的基本结构获取分类列表的数据左侧滑动区增加点击和样式渲染渲染右侧二级、三级分类列表切换
watson_pillow·2023-04-15 20:41

微信小程序学习(十)：button控件

1.button属性2.size和type属性对button的影响size属性的默认值为default，type属性的默认值也为default，如果值为default时，该属性可以省略；[html]代码区copycode3.plain属性对按钮的影响[html]代码区[javascript]代码区//.js中定义的变量data:{plain:false},4.disable属性对按钮的影响[htm
微光北下·2023-04-13 15:48

微信小程序学习笔记2——关于个人中心实现登录后隐藏登录注册按钮显示头像及用户名

本科课程作业写了个基础的小程序在这里记录分享一下，如有错误欢迎指出。判断是否登录隐藏按钮一开始写好登录注册发现，当我登录成功后个人中心页面还保留着登录注册按钮，于是翻阅了微信小程序开发文档查找如何隐藏按钮的方法。在微信官方的开发文档中找到条件渲染语句的用法：然后考虑到隐藏和显示包含了多个view，所以用block来承载这个条件渲染：wxml代码//判断条件id是否为空欢迎回来,{{username
jiaoooooo·2023-04-12 12:55

【微信小程序学习】前后端交互

1、语法：wx.request()onLoad:function(options){wx.request({url:'http://localhost:3000/banner',data:{type:2},success:(res)=>{console.log('请求成功:',res)},fail:(err)=>{console.log('请求失败:',err)}})},2、注意点：（1）协议必须
翘阳啦·2023-04-07 14:51

微信小程序学习笔记

1.小程序-起步1.1小程序简介1.1.1小程序与普通网页开发的区别1.2第一个小程序1.3小程序代码的构成1.4小程序的宿主环境1.4.1什么是宿主环境1.4.2小程序的宿主环境1.4.3小程序宿主环境包含的内容2.小程序-模板与配置2.1使用WXML模板语法渲染页面结构2.1.1数据绑定2.1.2事件绑定2.1.3条件渲染2.1.4列表渲染2.2使用WXSS样式美化页面结构2.2.1rpx2.
栀虞子·2023-04-07 01:25

微信小程序学习

微信小程序学习1.小程序与普通网页开发的区别2.小程序项目的构成3.WXML模板4.WXSS样式5.JS逻辑交互6.小程序的宿主环境（通信模型、运行机制）7.组件8.API9.小程序项目的协同工作和发布
东篱_Y·2023-04-05 04:16

微信小程序学习

小程序开发一、申请帐号1.点击https://mp.weixin.qq.com/wxopen/waregister?action=step1根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。image.png2.注册完成以后，登录https://mp.weixin.qq.com，我们可以在菜单“设置”-“开发设置”看到小程序的AppID了。image.pngimage.png这里就是我
温柔vs先生·2023-04-04 19:31

微信小程序学习之数据绑定

1.初始化数据页面.js中data选项中增加键值对调试器中看数据2.使用数据模版结构中使用双大括号{{message}}注意，小程序中为单项数据流model-》view3.修改数据this.setData
BowenXu11·2023-04-03 05:05

微信小程序学习第10天——自定义组件（父子组件通信与behavior）、自定义tabBar组件

一、父子组件通信父子组件通信的3种方式：①属性绑定②事件绑定③获取组件实例1、属性绑定实现父向子传值，并且只能传递普通类型的数据子组件在properties节点中声明对应的属性并使用。//父组件的data节点data:{num:33}//父组件的WXML结构//子组件（test）的JS文件Component({properties:{testNum:Number,},})//子组件的WXML文件父
离奇6厘米·2023-04-02 22:43

微信小程序学习

一、基础介绍小程序是什么小程序可以视为只能用微信打开和浏览的网站。小程序和网页的技术模型是一样的，用到的JavaScript语言和CSS样式也是一样的，只是网页的HTML标签被修改成了WXML标签，CSS标签被修改成了WXSS标签。小程序最大的优势就是基于微信，也不需要考虑iOS和Android不同平台间的差异，同时微信也提供了丰富的API接口，例如拍摄、录音、语音识别、二维码等，小程序可以利用原
一个不安分的Android开发·2023-04-01 13:25

微信小程序学习笔记(五) npm包+全局数据共享+分包

文章目录1.使用npm包1.1小程序对npm的支持与限制1.2VantWeapp组件库1.2.1安装Vant组件库1.2.2使用Vant组件1.2.3定制全局主题样式1.3APIPromise化1.3.1实现APIPromise化1.3.2调用Promise化之后的异步API2.全局数据共享2.1小程序中的全局数据共享方案2.2MobX2.2.1安装MobX相关的包2.2.2创建MobX的Stor
凉宫凉宫凉·2023-04-01 10:22

微信小程序学习历程 ：设置默认用户名和头像并在获取到用户数据后更新

本人也是初次接触微信小程序，无JavaScript和css基础，大部分按照官方文档流程来走还是比较清晰明了的。把遇到的一些官方文档没说清的写法记录下来，希望能对初次接触微信小程序的朋友们有所帮助。首先，我想获取微信用户名和头像显示出来，并且在没获取之前自定义默认数据。官方文档其实也是有写的，但是省略了一些东西，对于我这种没基础的还是花了些时间才弄懂。下面给出详细的写法。第一步，在对应界面的.wxm
潇_夏·2023-03-30 06:34

微信小程序学习与实战【初级】

文章目录一、小程序基础1.1项目目录1.2模板语法1.2.1数据绑定1.2.2运算（表达式）1.2.3列表渲染1.3事件绑定bind1.4wxss二、常见组件2.1view2.2text2.3image2.4swiper轮播图组件swiper-item轮播项2.5navigator导航组件类似超链接标签2.6rich-text富文本标签，可以将字符串解析成对应标签2.7button2.8icon图
花崎泪·2023-03-23 17:34

微信小程序

mod=viewthread&tid=1103微信小程序学习demo
魔王哪吒·2023-03-17 14:11

原生微信小程序学习

本篇笔记是记录学习微信小程序课程视频的笔记，大家有需要可以去哔上看下更好的学习！这篇教程笔记是黑马程序员的前端微信小程序教程。教程地址：https://www.bilibili.com/video/BV1834y1676P?p=1&vd_source=f8e73ef52305d674da0ff1582725191e1.scroll-view滚动条列表:scroll-y纵向滚动scroll-x横向滚
昙花一现是最美的风景·2023-03-11 11:25

微信小程序学习记录——2.框架-配置

文章目录1.全局配置小程序配置文件app.json-pagesapp.json-windowapp.json-tabBarapp.json-networkTimeout和debug2.页面配置1.全局配置小程序配置文件app.json文件用来对微信小程序进行全局配置，它决定了页面文件的路径、窗口表现、设置网络超时时间、设置多tab等配置。app.json配置项列表：属性类型必填描述pagesStr
赈川·2023-03-09 11:13

微信小程序学习笔记（Day 1）

万丈高楼平地起，盘龙卧虎高山齐。小程序发展史微信--WebView--JSAPI--JS-SDK----JS-SDK增强版--小程序(每个公众号下所有WebApp累计最多可缓存5M的资源)小程序相对移动网页开发差异网页开发渲染线程和脚本线程是互斥的（长时间的脚本运行可能会导致页面失去响应）在小程序中，二者是分开的，分别运行在不同的线程中。（提高用户体验）网页开发者可以使用到各种浏览器暴露出来的DO
MoonyPoet·2023-02-07 04:46

微信小程序学习第3天——网络数据请求

一、小程序网络请求限制1、必须https类型的接口2、必须将接口的域名添加到信任列表中二、配置request合法域名配置步骤：登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名点击修改request合法域名，点击保存（其他不用管）在微信开发者工具中，可以看到三、发起网络请求1、wx.request()方法wx.request()方法，可以发起GET和POST数据
离奇6厘米·2023-02-04 13:40

20161208微信小程序学习笔记-NO.7实现crypto&base64加密

关键字：base64crypto首先使用npm包管理工具安装base64.js和crypto.js或者可以直接下载,这儿不做详解安装过程因为需要使用sha1和hmac所以一同下载下来Paste_Image.png需要注意的是crypto是用到全局对象的，所以讲crpto作为微信模块的时候需要去除全局指向将window.Crypto={}修改为varCrypto={}这样在小程序中就不会报错；然后在
局部方法·2023-02-04 02:29

微信小程序学习

此html用于CLY的知识总结（一）微信开放文档https://developers.weixin.qq.com/miniprogram/dev/framework/（二）wx小程序基础函数2.1页面加载函数2.1.1onLoad:function(){}第一次打开页面的时候会调用，第二次就不会调用了onLoad()应该在第一次显示页面的时候调用，以后再次切换到该页面时，不会再调用这个函数2.1.
Estell_hellow·2023-01-11 14:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他