微信小程序学习

微信小程序学习

此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

微信小程序学习日志第一周小程序代码构成小程序配置全局配置配置项（对象属性）页面配置配置项（对象属性）小程序基本项目构成二、小程序页面组成部分小程序代码构成一、JSON配置文件1、app.json配置文件
平安喜乐..pry·2023-01-08 19:04

微信小程序学习 radio如何取消选择，多个radio选择其中一个

微信小程序学习radio如何取消选择，多个radio选择其中一个微信小程序入门学习阶段，在使用radio的时候遇到挺多困难，所以想记录下，方便以后复习。
Aure219·2022-12-26 08:03

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

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

微信小程序学习从0到1

学习微信小程序之前需要明白以下三点小程序运行在微信环境中小程序可以调用微信提供的各种API（地理定位，扫码，支付）小程序开发模式（申请开发账号+安装小程序开发工具+创建和配置小程序项目）在https://mp.weixin.qq.com申请开发账号，搞到自己的APPID，然后安装微信开发者工具第一天学习：创建第一个小程序小程序项目的基本组成结构pages存放所有小程序页面utils存放工具性质的模
晚风吹起花香·2022-12-12 18:10

微信小程序学习 （一）

微信小程序学习（一）微信小程序学习（一）提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言开发者工具的下载与安装二、认识一下文件1.文件后缀前言提示：这里可以添加本文要记录的大概内容
可乐加冰呀·2022-12-10 01:01

微信小程序学习笔记

1.小程序简介小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。2.小程序运行环境微信小程序API文档booleanwx.canIUse(stringschema)|微信开放文档https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.canIUse.html4、移动设备的分辨率与rpx
JAVA代码搬运工·2022-12-03 21:01

微信小程序学习第5周————movable-view（可移动视图区域--右滑删除效果）

Movable-view：可移动的视图容器，在页面中可以拖拽滑动。movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动。1、首先按要求创建movable-view组件，需包含在movable-area组件中2、属性：direction：属性值有all(所有方向)、vertical(纵向)、horizontal(横向)、none(没有方向)Inertia:
GLM_·2022-11-17 18:55

微信小程序学习-1

这两天突然就想学习一下微信小程序，我看了一下官方文档发现js代码跟vue.js比较相似，所以微信小程序前端上手比较快。下面就看一下这两天编写的成果首页商品详情点击购物车taber因为随便下载的图片所以很丑。。。。。。不想平庸，却很平庸，路还长却很迷茫。
追忆ღ爱太痛·2022-11-08 19:03

微信小程序学习之常用的视图组件

目录一.常用的视图组件1.view2.scroll-view3.swiper和swiper-item4.text5.rich-text6.button7.image8.navigator总结一.常用的视图组件1.view普通视图区域类似与HTML中的div，是一个块级元素常用来实现页面的布局效果使用效果：wxml文件：ABCwxss文件：.container1view{width:100px;/*
·2022-11-07 15:58

微信小程序学习笔记

[TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017年度百度百科十大热词之一微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用(张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程)小程序刚发布的时候要求压缩包的体积不能大于1M,，否则无法通过，在2017年4月做了改进，由原
weixin_44364028·2022-11-06 08:08

微信小程序(5)——如何制作好看的表格

文章目录一、从“html的table”到“微信小程序的table”二、统一格式的表格三、非统一格式的表格四、对表格的点击操作五、对表格的“增、删、改”操作六、参考附录微信小程序开发上一篇文章链接:微信小程序学习笔记
一支王同学·2022-10-22 22:59

微信小程序学习之模板与配置

一.WXML模板语法1.数据绑定的基本原则在data中定义数据在WXML中使用数据2.在data中定义数据在页面对应的.js文件中，把数据定义到data对象中。3.Mustache语法的格式把data中的数据绑定到页面中渲染，使用Mustache语法（双大括号）将变量包起来即可。4.Mustache语法的应用场景绑定内容绑定属性运算（三元运算、算数运算等）使用效果：wxml文件：{{info}}{
瘾ิۣۖิۣۖิۣۖิꦿ·2022-10-09 21:33

微信小程序学习之组件

目录一.常用的视图组件1.view2.scroll-view3.swiper和swiper-item4.text5.rich-text6.button7.image8.navigator一.常用的视图组件1.view普通视图区域类似与HTML中的div，是一个块级元素常用来实现页面的布局效果使用效果：wxml文件：ABCwxss文件：.container1view{width:100px;/*宽*
瘾ิۣۖิۣۖิۣۖิꦿ·2022-10-09 21:31

原生微信小程序学习第一部分

以前也学过，但是我遗忘得厉害，本来以为是自己老了，后来想想实际上是我不喜欢写笔记，所以我选择在网上写写笔记，帮助他人帮助自己。必须做到凡有学习，必定写笔记。这个系列如果写下去的话，应该会分成大小两部分，大部分论述结构，小部分论述具体的写法。第一部分前言小程序就是vue的模板+react的状态控制+一些自己的api，把它想象成一个奇怪移动端小模板就行了，除了有些api名字又长又臭之外，其实还是离不开
huangfengnt·2022-09-19 10:02

微信小程序学习笔记

网页搜索wx公众平台，登录后选择小程序页面下载小程序开发者工具根据自己的电脑配置，选择稳定版本，同时开发者工具编译器有很多功能打开小程序面板，输入自己的APPID,在WX公众平台的开发者设置里可以找到自己的APPid，同时选择JS模板，不适用云服务。开发者工具使用点击编译直接在开发者工具的左端预览，也有真机预览项目模块pages中存放了所有的小程序页面，类似WEB中的各个页面或者VUE中的各个子组
tangab·2022-09-05 11:27

微信小程序学习(一)

视图层MINA的视图层由WXML与WXSS编写。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。WXML数据绑定WXML中的动态数据均来自对应Page的data。数据绑定使用”Mustache”语法（双大括
唐宋元明清.·2022-08-26 00:57

微信小程序学习笔记知识点

1.WXML（WeiXinMarkupLanguage）是框架设计的标签语言，结合基础组件、事件系统，可以构建页面结构。内部是微信自己定义的一套组件。2.WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式。3.js逻辑处理，网络请求4.json小程序设置，如页面注册，页面标题及tabBar。5.app.json必须要有这个文件，如果没有这个文件，项目无法运行，
aluola·2022-08-26 00:25

微信小程序学习之 实现列表渲染和条件渲染.

概述:要实现列表渲染我们首先要介绍一下而当我们需要循环渲染某个列表时可以写成:当然此处的len_items不仅仅可以是列表,还可以是字典.循环渲染:渲染目标是列表时:默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item{{index}}:{{item.message}}Page({data:{array:[{message:'foo',},{message:'bar'}]
.叹服·2022-08-21 07:35

微信小程序学习之wxs使用教程

什么是wxs?wxs(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面结构.wxs标签module属性:当前标签的模块名,建议该值唯一,若存在同名的模块名,则按照先后顺序覆盖(后者会覆盖前者).src属性:a.只能引用.wxs文件,且必须是相对路径;b.wxs模块均为单例,wxs模块在第一次被引用时,会自动初始化为单例对象，多个页面、多个地方、多次使用,使用的都是同一
·2022-08-19 12:10

【干货】微信小程序实例源码大全

mod=viewthread&tid=1103微信小程序学习demo
未名编程·2022-07-24 07:49

微信小程序学习笔记

也是黑马教程中学习的视频入门创建小程序打开网站https://mp.weixin.qq.com/进行注册。获取AppID；打开开发者工具：代理方式推荐改为不适用任何代理，勾选后直连网络。选择新建项目，填写项目名称、目录和AppID，后端服务选择不适用云服务。点击编译后，可以在左侧查看运行效果；也可以点击预览，然后用手机微信扫码查看开发者文档可以点击帮助中开发者文档；设置中进行通用设置；结构page
watson_pillow·2022-07-07 10:32

微信小程序学习1--项目结构分析和基本配置

小程序项目结构分析小程序项目结构分析：app.js文件是小程序的入口文件（小程序从该文件开始执行）。app.wxss文件是小程序的全局样式文件。pages文件夹用来放置小程序的页面。wxml模板文件，类似于HTML文件。wxss样式文件，类似于css文件。js文件，用于处理js的交互逻辑，与原生js作用类似。json文件，用于当前页面的配置。utils文件夹用于提供一些工具方法。├──app.js
木蓝茶陌*_*·2022-07-02 10:26

微信小程序学习之旅--零基础制作自己的小程序--第二个页面的制作

页面的开发指定主页方式一：方式二：指定编译模式制作轮播图使用swipe轮播图的指示点和自动轮播布尔属性赋值建议其他的swiper常用属性单篇文章的制作文章结构文章样式整体代码页面结构页面样式下一篇前文：微信小程序学习之旅
尤雨东·2022-06-23 08:42

微信小程序学习之旅--第一个页面的制作

文章目录微信小程序入门(一)项目结构解读每个文件的功能xxx.js(index.js)文件xxx.json(index.json)xxx.wxml(index.wxml)xxx.wxss(index.wxss)总结文件约定文档结构解读小程序入门删除项目结构小程序页面的搭建技巧和规则新建app.json小程序必备语法1.如何显示一张图片2.文本3.按钮单位rpx完成第一个页面布局配置小程序导航头部样
尤雨东·2022-06-18 18:26

微信小程序学习 -- 一、小程序简介

目录前言一、小程序简介1、小程序与普通网页开发的区别2、小程序代码的构成-项目结构（1）基本组成结构（2）小程序页面的组成部分（3）JSON配置文件（4）WXML模板（5）WXSS样式（6）.js文件3、小程序的宿主环境（1）通信模型（2）运行机制（3）组件（4）API前言能够知道如何创建小程序项目能够清楚小程序项目的基本组成结构能够知道小程序页面由几部分组成能够知道小程序中常见的组件如何使用能够
橘子保安·2022-06-09 07:24

微信小程序学习day07-自定义组件

目录自定义组件-组件的创建与引用：1.创建组件：2.引用组件：3.局部引用组件：4.全局引用组件：5.全局引用VS局部引用：6.组件和页面的区别：自定义组件-样式：1.组件样式隔离：2.组件样式隔离的注意点：3.修改组件的样式隔离选项：4.styleIsolation的可选值：编辑自定义组件-数据、方法和属性：1.data数据：2.methods方法：3.properties属性：4.data和p
学前端的小钟·2022-05-26 10:34

微信小程序学习day06-生命周期及WXS脚本

目录生命周期：1.什么是生命周期：2.生命周期的分类：3.什么是生命周期函数：4.生命周期函数的分类：5.应用的生命周期函数：6.页面的生命周期函数：WXS脚本-概述：1.什么是wxs：2.wxs的应用场景：3.wxs和JavaScript的关系*：WXS脚本-基础语法：1.内嵌wxs脚本：2.定义外联的wxs脚本：3.使用外联的wxs脚本：WXS脚本-WXS的特点：1.与JavaScript不同
学前端的小钟·2022-05-26 10:34

微信小程序学习day05-页面导航及页面事件

目录页面导航：1.什么是页面导航：2.小程序中实现页面导航的两种方式：页面导航-声明式导航：1.导航到tabBar页面：2.导航到非tabBar页面：3.后退导航：页面导航-编程式导航：1.导航到tabBar页面：2.导航到非tabBar页面：3.后退导航：页面导航-导航传参：1.声明式导航传参：2.编程式导航传参：3.在onLoad中接收导航参数：页面事件-下拉刷新事件：1.什么是下拉刷新：2.
学前端的小钟·2022-05-26 10:03

微信小程序学习day02-WXSS 模板样式

目录WXSS模板样式-介绍：1.什么是WXSS:2.WXSS和CSS的关系：WXSS模板样式-rpx：2.rpx的实现原理：3.rpx与px之间的单位换算*：WXSS模板样式-样式导入：1.什么是样式导入：2.@import的语法格式：WXSS模板样式-全局样式和局部样式：1.全局样式：2.局部样式：WXSS模板样式-介绍：1.什么是WXSS:WXSS(WeiXinStyleSheets)是一套样
学前端的小钟·2022-05-26 10:33

微信小程序学习day01-WXML 模板语法

目录WXML模板语法-数据绑定：1.数据绑定的基本原则2.在data中定义页面的数据3.Mustache语法的格式4.Mustache语法的应用场景5.动态绑定内容6.动态绑定属性7.三元运算8.算数运算WXML模板语法-事件绑定：1.什么是事件2.小程序中常用的事件3.事件对象的属性列表4.target和currentTarget的区别5.bindtap的语法格式6.在事件处理函数中为data中
学前端的小钟·2022-05-26 10:45

微信小程序学习笔记（9）--------API

APIwx.on开头的API是监听某个事件发生的API接口，接受一个CALLBACK函数作为参数。当赶事件触发时，会调用CALLBACK函数没有特殊说明，其他API都接受一个OBJECT作为参数，OBJECT中可以指定success,fail,complete来接收接口调用结果。一、网络1、发起请求wx.request（OBJECT）发起的是HTTPS请求（一个微信小程序同时只能有5个网络请求连接
zsp45212·2022-05-25 19:24

【微信小程序学习】本地存储Storage

语法说明1.存入数据a)wx.setStorage()异步b)wx.setStorageSync()同步wx.setStorage({key:"key",data:"value"})2.读取数据a)wx.getStorage()异步b)wx.getStorageSync()同步wx.getStorage({key:'key',success(res){console.log(res.data)}}
翘阳啦·2022-05-20 18:45

【微信小程序学习】搜索音乐页面代码实现

这里记录一下搜索页面的代码，总结复习一下。搜索音乐的界面有几个重点：1、搜索框placeholder的后端数据接收2、热搜榜的格式及数据接收3、搜索框内容中输入内容，出现搜索展示界面，并且此时隐藏热搜榜和历史记录4、历史记录显示，可以删除HTML代码及要点X取消搜索内容：{{searchContent}}{{item.name}}历史{{item}}热搜榜{{index+1}}{{item.sea
翘阳啦·2022-05-20 18:15

【微信小程序学习】小程序API

一、API使用说明1.小程序提供了很多实用的方法供开发者使用2.小程序全局对象是:wx3.所有的API都保存在wx对象中二、常用API1.界面交互a)显示消息提示框:wx.showToast()b)显示消息加载框:wx.showLoading()c)关闭消息提示框:wx.hideToast()d)关闭消息加载框:wx.hideLoading()2.路由跳转a)wx.navigateTo()b)wx
翘阳啦·2022-05-20 18:15

【微信小程序学习】网易云音乐歌曲详情页代码实现

这里记录一下做网易云小程序的音乐播放详情页面的代码。音乐播放界面的主要的重点有几个：1、磁盘和摇杆的旋转效果，这里运用了css的动画属性2、音乐播放和暂停，下一首/上一首等播放效果的实现3、进度条的样式和控制4、和上一页音乐推荐列表页通信，利用订阅与发布PubsubHTML代码及要点{{song.ar[0].name}}{{currentTime}}{{durationTime}}HTML要点：这
翘阳啦·2022-05-20 18:36

微信小程序学习笔记（二）

1、overflowoverflow:hidden;超出部分需要截取类似iOSmakestobounds的性质，适用场景就像父视图设置圆角以后子视图并没有设置，依然看不到圆角的效果，这时就需要这个属性。2、微信小程序CSS选择器::after和::before的简单使用前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element,element，但
温柔vs先生·2022-04-27 10:12

微信小程序 实现个人用户界面

参考链接：（1）微信小程序学习笔记（八）----用户个人中心界面https://blog.csdn.net/qq_24127447/article/details/84450861（2）微信小程序实战篇
Jxufe渣渣斯·2022-04-23 00:36

微信小程序学习指南

作者：初雪链接：https://www.zhihu.com/question/50907897/answer/128494332来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。微信小程序正式公测，张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文）...前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S；1：官方工具：https://mp.weixin
weixin_30446197·2022-02-27 16:42

一位微信小程序萌新的学渣笔记(一）微信小程序前后端分离了解+微信小程序前端学习

文章目录前言关于前后端分离知识微信小程序学习1.小程序代码构成1.1JSON配置（静态配置）1.1.1小程序配置app.json1.1.2页面配置page.json1.1.3工具配置project.config.json1.1.4sitemap.json1.1.5JSON
IntMain45·2022-02-14 13:38

微信小程序学习笔记day01

配置：一.app.json：文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等1.pages的属性值是一个数组，整个小程序由哪些页面构成，每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。文件名不需要写文件后缀，因为框架会自动去寻找路径下.json,.js,.wxml,.wxss四个文件进行整合2.window设置小程序的状态
一半丶往昔·2022-02-13 23:01

微信小程序学习笔记（5）——小程序协同工作和发布

在中大型的公司里，人员的分工非常仔细，一般会有不同岗位角色的员工同时参与同一个小程序项目。为此，小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作。以往我们在开发完网页之后，需要把网页的代码和资源放在服务器上，让用户通过互联网来访问。在小程序的平台里，开发者完成开发之后，需要在开发者工具提交小程序的代码包，然后在小程序后台发布小程序，用户可以通过搜索或者其它入口来进入该
deniro·2022-02-13 10:23

微信小程序学习笔记（3）——代码结构

微信小程序包含以下四种类型的文件：.json后缀的JSON配置文件.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件.js后缀的JS脚本逻辑文件1JSON配置JSON是一种数据格式，在微信小程序中，JSON文件用于实现静态配置参数功能。1.1小程序配置文件app.jsonapp.json是当前小程序的全局配置文件，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等内容。
deniro·2022-02-08 13:46

微信小程序学习笔记

原文链接一、微信小程序pk网页1、微信小程序是不是网页？微信小程序使用的是wxml绘制页面结构，wxss绘制页面样式，js实现页面逻辑。好像和网页的html+css+js类似，其实他们之间还是有很多不同的：网页的运行环境是浏览器（webview）；小程序只是wxml+wxs运行在webview中，js是单独的一个线程网页的页面跳转、前进、后退都是在同一个浏览器（webview）中完成的；小程序的每
zhenxiang_xue·2022-02-08 13:23

微信小程序学习笔记-3.1 布局基础整理（陆续补充）

2018/5/30这个东西一时半会肯定整理不完的，先挂着。3开头的笔记打算全部写布局。1.wxss-webkit-Safari,Webkit内核的浏览器浏览布局必须加上的前缀。这里不需要。display:nonevisiblehidden不渲染和不显示（占位置）2.wxml控件1)https://blog.csdn.net/xiabing082/article/details/52658565这位
Tony 赵·2022-02-08 13:52

微信小程序学习笔记(navigator、rich-text)

navigator(导航组件)块级元素，默认会换行，可以直接设置宽度高度。属性：1、url：要跳转的页面路径，绝对路径相对路径都可以。2、target：跳转到哪个目标。默认是自己的小程序(self)，其他小程序页面(miniProgram)3、open-type：跳转方式。有以下属性①navigate默认值，保留当前页面，跳转到小程序内的某个页面，tabbar页面除外。②redirect关闭当前页
陈百川·2022-02-08 13:52

微信小程序学习笔记(6) -- 本地生活项目

文章目录本地生活项目项目效果图外观和标签栏的配置windowtabBar目标具体代码:公共样式设置tabBar的样式:首页布局知识点image目标代码小程序中发送HTTP请求首页数据加载及数据绑定页面间跳转列表页分类信息加载第一页的商铺信息的加载上拉加载更多onReachBottom下拉刷新详细页:源码地址:本地生活项目项目效果图外观和标签栏的配置window用于设置小程序的状态栏、导航条、标题、
怒放de生命2010·2022-02-08 13:51

微信小程序学习之flex布局实例篇

上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是LandonSchropp的文章和SolvedbyFlexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查
君临天下夜未央·2022-02-07 17:26

微信小程序学习笔记-2.2 实现详情页的访问

2018/5/26继上2.2实现了swiper功能后，访问详细页肯定也是我们所需要的。本章将涉及页面间的数据传递和事件相应相关内容1.前期准备创建detial详情页并在app.json中注册1）扩增上一节的页面内容太少了不好显示testList:[{name:"测试1",element:"测试1的相关内容",isHighLighted:true,des:'这是用来显示的内容----测试1',id:
Tony 赵·2022-02-05 17:37

微信小程序学习笔记（详细汇总）

小程序学习笔记一、微信小程序简介二、微信小程序环境准备2.1申请帐号2.2安装开发工具2.3编译预览三、小程序代码构成四、JSON配置4.1[小程序配置app.json](https://developers.weixin.qq.com/miniprogram/dev/framework/config.html)4.2[工具配置project.config.json](https://develo
perfect-code-hzy·2022-02-05 17:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他