微信小程序入门

微信小程序入门篇

目录微信小程序入门篇微信小程序文件目录介绍基础篇视图容器的介绍基础篇样式介绍基础篇组件介绍基础篇小程序配置基础篇生命周期函数篇应用的生命周期App.js页面之中的生命周期函数eg:index.js如何创建新的页面小程序的模板语法
小渣亮·2022-06-23 08:11

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

文章目录微信小程序入门(一)项目结构解读每个文件的功能xxx.js(index.js)文件xxx.json(index.json)xxx.wxml(index.wxml)xxx.wxss(index.wxss
尤雨东·2022-06-18 18:26

零基础-微信小程序入门教程

目录前言一、微信小程序制作前提1.相关介绍2.开发工具二、微信小程序注册三、构建第一个微信小程序1.小程序创建2.小程序项目结构目录介绍四、实战演练底部菜单栏基本结构真机调试五、小程序的发布总结前言本教程主要介绍微信小程序的注册、构成、相关代码功能、调试以及发布。要学习制作微信小程序最好有HTML、CSS、JavaScript基础，当然没有也没关系！操作很简单、代码很简便，请放心食用！一、微信小程
z小迪迪·2022-06-18 18:24

微信小程序入门篇

1、概述1.1什么是微信小程序？微信小程序，简称小程序，英文名MiniProgram，是一种无需下载安装即可直接使用的应用，实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。1.2为什么是微信小程序？微信有大量的用户，在微信里开发产品更加容易触达用户；推广app或者公众号的成本太高；开发适配成本低；(以前开发app需要去适配不同的手机型号，十分繁琐，而开发小程序只需要按照小程序开发文
吉吉冕下·2022-05-20 12:56

微信小程序入门之指南针

微信小程序入门案例——指南针，供大家参考，具体内容如下涉及技术：获取地理位置、监听指南针角度目录结构：pages\index\index.jsPage({/***页面的初始数据*/data:{rotate
·2022-05-11 19:29

微信小程序

微信小程序入门什么是微信小程序？
WJLSH123·2022-04-23 00:36

黑马微信小程序入门

文章目录1.环境准备1.1.注册账号1.2获取APPID1.3下载开发工具2第一个微信小程序2.1.打开微信开发者⼯具2.2.新建⼩程序项⽬2.3填写项目信息3.小程序的目录结构3.1.⼩程序⽂件结构和传统web对⽐3.2.基本的项⽬⽬录4.⼩程序配置⽂件4.1.全局配置app.json4.2tabbar4.3页面配置5.模板语法5.1数据绑定5.2基本运算5.3列表渲染5.3.1列表5.3.2b
smilecb·2022-02-25 03:08

微信小程序入门

官网：https://mp.weixin.qq.com/image.png下一步image.png注册完毕后直接登陆即可image.png点击普通小程序开发者工具下载网址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html安装完毕后打开开发者工具后微信扫码登陆image.png获取APPID：image.png打开小程序
枫舞9524·2022-02-16 17:37

微信小程序入门

1.申请账号进入微信公众平台,申请小程序账号注意用于注册的邮箱地址必须符合以下条件:未用于注册过微信公众平台未用于注册过微信开放平台未用于绑定过个人微信号的邮箱每个邮箱只能申请一个微信小程序.image注册后需要登记信息,按照引导填写即可,不再赘述.完成注册后登录,进入登录界面.此页面可以完成很多操作,比如修改小程序名称,修改小程序头像等image2.下载开发者工具下载地址image选择稳定版St
Sheng_W_Z·2022-02-16 06:28

微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）

image(一)准备工作(1)登录注册注册账号：这就不谈了，只需要注意使用一个全新的邮箱，别之前注册过公众号小程序等就可以了https://mp.weixin.qq.com/wxopen/waregister?action=step1登录账号：通过邮箱密码登录，亦或者绑定微信后使用扫码也是可以的https://mp.weixin.qq.com/image(2)获取APPID登录后，在开发入门的阶段
BWH_Steven·2022-02-15 09:54

微信小程序入门01

一个小程序最关键也是必不可少的有三个文件：app.js，app.json和app.wxss。其中，.js是脚本文件，.json是配置文件，.wxss是样式表文件。微信小程序会读取这些文件，并生成小程序实例。另外，还有.wxml文件，这类文件是页面结构文件，用来和.wxss搭配控制具体的页面布局。app.js文件小程序的脚本代码。必需。监听并处理小程序的生命周期函数，声明全局变量。(App生命周期开
Bejamin·2022-02-11 18:36

微信小程序入门

微信小程序入门前言随着科技的不断进步，很多功能将会开放，那么很多需求也将会因为现实而得到满足，这是一种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。
梦在深巷.·2021-10-02 18:57

微信小程序入门（一）：初识开发工具

开发工具获取针对小程序开发，官方推出的一款开发工具，集成了开发，调试，代码编辑，程序的发布等功能。下载地址开发工具下载完成进行工具的安装，安装则进行项目的创建，在创建项目会涉及到输入appid，开发者可根据自身需求注册或者使用测试号。2.png3.png针对开发工具在上述的图片针对主要部分做出了标注，如果做过开发的童鞋们应该对开发工具其他的设置和功能都是可以容易的去使用的。在平时代码编写完成后，对
睿丶清·2021-06-24 01:31

微信小程序入门（一）

一。环境搭建微信公众平台小程序注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN注册时主体类型选择：个体微信官方开发工具的下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html注册成功之后获取appi
蜗牛和曼巴·2021-06-21 15:00

微信小程序入门（一）

接手一个项目的原因，决定开始入手小程序了。准确的说，微信小程序。小程序的大火大热，我们可以在各种场合遇到小程序，比如支付宝、比如微信等。不同于支付宝，微信小程序给予了第三方自行发布小程序的机会。下面简单说说我对小程序的认知：一、小程序的特点用完即走、性能不高、低频使用。这其实是当你准备为自己的项目开发一个小程序首先要考虑的问题——我的需求是不是适合用小程序来实现？二、传统App与微信小程序的区别两
乔三石·2021-06-11 15:53

微信小程序入门之绘制时钟

微信小程序入门案例——绘制时钟，供大家参考，具体内容如下涉及内容：canvas、每秒刷新页面、绘制目录结构:pages\index\index.jsPage({/***页面的初始数据*/data:{},
·2021-05-28 12:33

[微信小程序入门教程]入门步骤教学贴汇总，持续更新

点击微信小程序开发论坛成为论坛成员微信小程序开发论坛:weappdev.com持续更新网址:http://weappdev.com/t/topic/601.官方文档http://weappdev.com/t/topic/17w3c版文档：http://www.w3cschool.cn/weixinapp2.开发工具官方工具https://mp.weixin.qq.com/debug/wxadoc/
Dicn·2021-05-12 16:58

微信小程序入门级教程-02

前言  前几天刚开始看了1个多小时的微信小程序API，就写了个烈火如歌的demo，因为Gif录制选择像素低了，所以导出来的Gif图看起来非常不爽，今天研究了小半天的小程序API文档，打算重新推翻本节教程，重新按照今天所学的东西来讲解入门级的小程序看，效果图如下：动态效果图静态效果图目录https://www.jianshu.com/p/9c9b555b52e8开始新建一个空文件夹作为项目文件夹，本
骑着毛驴逗你玩儿·2021-04-25 20:46

微信小程序入门教程

看了阮一峰老师的微信小程序入门教程，受益颇多。
·2021-03-16 00:17

微信小程序入门教程

看了阮一峰老师的微信小程序入门教程，受益颇多。
·2021-03-15 19:26

微信公众号开发 ❤一篇就够 [推荐收藏]

微信公众号干货↓↓↓↓微信小程序入门教学❤手摸手撸小程序,一篇就够!微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。
@码出未来·2021-03-05 09:45

微信小程序入门

小程序入门1.初始微信小程序1.1什么是微信小程序微信小程序是一种不需要安装即可使用的应用，用户只要“扫一扫”或“搜一搜”即可打开应用，无需安装或卸载。微信小程序运行于微信之上，它的交互类似于手机原生应用，但是每个应用的体积非常小（目前上限是2048KB）,具有无需安装、触手可及、用完即走、无需卸载的特点。1.2微信小程序的账号微信自诞生以来，一直以开放的方式发展，它提供了微信公众平台，可以让企业
零原点·2021-02-01 20:25

微信小程序入门到实践

微信小程序从零开始一、微信小程序是什么小程序无需下载安装、可以在微信内便捷地获取和传播，可以理解为"即扫即用，用完即扔"的口号，同时也具有近似APP般的出色使用体验。二、微信小程序的『知识图谱』1.小程序的文件结构一个小程序首先有四个应用入口文件：app.js：设置一些项目的全局变量app.json：每一个新页面都必须在这个地方注册，项目的导航栏和窗口界面设置有关的app.wxss：项目全局样式p
fanfan_fxh·2021-01-20 17:29

微信小程序入门笔记（一）

day011.微信公众平台https://mp.weixin.qq.com/品牌，营销1.1微信公众平台概念微信公众平台，简称公众号。曾命名为“官号平台”、“媒体平台”、微信公众号，最终定位为“公众平台”，无疑让我们看到一个微信对后续更大的期望。利用公众账号平台进行自媒体活动，简单来说就是进行一对多的媒体性行为活动，如商家通过申请公众微信服务号通过二次开发展示商家微官网、微会员、微推送、微支付、微
shadow_tian1·2020-12-25 22:24

微信小程序入门开发超详细笔记(一)

文章目录1引入1.1小程序的应用1.2小程序的介绍1.3市场分类1小程序2webapp3混合app4原生app1ios2android3react-native2开发2.1准备1官网注册登录2工具下载2.2入门小程序1创建2创建成功3开发项目结构与vue对比4基本创建结构创建5基本使用1插值表达式2属性绑定3事件使用点击事件输入框事件4流程语句5显示和隐藏6循环语句7属性设置和获取8tabbar使
laker Zhang·2020-10-29 21:51

【万字长文】你的微信小程序入门了吗 ？

微信小程序从零入门的文章实暂时就到这里了，还有一个生命周期的内容，感觉当初整理的不是很好就不写了，主要最近时间有点紧张，没时间改....学完了WXML、WXSS、一些常用组件，还有事件绑定，其实一个较为不错的页面已经能自己搭建出来了，如果你还想继续往后面研究，就可以开始看与后台交互的内容了，发送异步请求，对数据进行回显等，回显内容时，你就又可以开始考虑用什么别的组件，可以让页面的数据加载或者观看更
BWH_Steven·2020-10-11 10:08

【万字长文】你的微信小程序入门了吗 ？

微信小程序从零入门的文章实暂时就到这里了，还有一个生命周期的内容，感觉当初整理的不是很好就不写了，主要最近时间有点紧张，没时间改....学完了WXML、WXSS、一些常用组件，还有事件绑定，其实一个较为不错的页面已经能自己搭建出来了，如果你还想继续往后面研究，就可以开始看与后台交互的内容了，发送异步请求，对数据进行回显等，回显内容时，你就又可以开始考虑用什么别的组件，可以让页面的数据加载或者观看更
BWH_Steven·2020-10-09 13:46

微信小程序入门指南之（一）

如何成功运行第一个微信小程序微信小程序的官方文档文档链接：微信官方文档·小程序如何使用微信小程序的官方文档模块列表:也属于目录模块，相当于我们课本的第几章。新手一般从指南章节开始看起。目录列表：作为一个新新新手只能老老实实的跟着指南先走一遍，一般跟着指南的步骤走很快就可以很顺利的写出我们的第一个微信小程序，指南看不懂的话也可以去慕课网找找小程序入门指南的视频，大概不需要十分钟就可以敲出我们的第一个
零小星·2020-09-16 03:14

我的微信小程序入门学习-地图定位

微信小程序开发者工具安装和创建小程序（地图定位代码）地图定位案例：最后附带小程序地图定位代码小程序简介小程序特点体验好（编译包不超过1M）“无须安装，即用即走”的特性让微信小程序拥有着近乎原生App的使用体验，加载速度比公众号更快，使用更流畅一次开发，多端共享（开发成本低）开发者只需用一套代码即可适配iOS和Android两个版本的应用，无需为各种兼容问题而烦恼离线缓存（10M）接口更多（相比订阅
Code porter T3·2020-09-15 07:50

微信小程序入门 音乐播放器的暂停播放 图片切换。

在界面上用数据绑定，切换播放与暂停时的图片在JS代码上定义一个布尔值，默认是false，默认暂停。/***页面的初始数据*/data:{isPlayingMusic:false},具体的代码实现如下：onMusicTap:function(event){varisPlayingMusic=this.data.isPlayingMusic;console.log(isPlayingMusic);if
小杨小胖子·2020-09-14 00:31

微信小程序入门与实战学习(笔记一：第一章)

什么是微信小程序张小龙的定义：1.无需下载安装即可使用2.用户“用完即走”，无需关心是否安装太多应用3.应用将无处不在，随时可用【CP2(人与服务)小程序】1.业务逻辑简单2.使用频率低3.性能要求低操作简单，跨平台eg:饿了么，豆瓣、招商银行（涉及的范围广，会做拆分功能；）如同：像支付宝中的服务中，涉及的转账，淘票票，手机充值等等，操作快捷，方便注意：支付宝对于它公司开发微信提供给用户平台开发对
wy在路上·2020-09-13 02:15

微信小程序入门之构建一个简单TODOS应用

最近，由于工作需要开始了解微信小程序，虽然小程序已经出了很久了，刚出的那段时间很火，看到很多关于小程序的技术文章，不过现在似乎没那么火了，anyway，我们还是可以学习下的。一、了解微信小程序1.理念：小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。2.框架：框架的核心是一个响应的数据绑定系统。整个系统分为两块视图层（View）和逻辑层（AppSe
weixin_34198797·2020-09-11 11:25

微信小程序入门咯

目前涉及的微信小程序技术框架还是vue，没有用其他的技术框架，如果后续用到其他的技术框架，我再来更新1.vue环境的搭建2.微信小程序工具的安装新建的项目先npminstall再npmrundev有一点区别，我们平常的vue项目npmrundev是运行本地代码，在浏览器中打开，但是小程序里面的这个命令会在项目中生成一个dist文件夹，此时的文件夹会同步到微信开发者工具中去，这样就可以编辑器里编写代
南栀夏沫·2020-08-24 17:49

微信小程序入门

小程序常用配置小程序项目文件结构├──app.json---全局配置文件（页面路径、界面表现、网络超时时间、底部tab等）├──app.js---全局js文件├──app.wxss---全局样式文件├──project.config.js---全局工具配置文件│├─utils│├──utils.js---工具├─pages---页面文件││──index---入口文件││├──index.wxml
spring_world_all·2020-08-23 19:34

微信小程序入门-指南针

微信小程序提供了众多的原生API接口，利用罗盘接口，做了个简单的指南针小程序，搜索小程序【X的实验室】可看效果。实现方案利用罗盘接口返回的【数据】，转化为指南针偏移量【度数】，利用CSS3transform的rotate属性进行2d旋转，旋转量与之双向数据绑定。核心代码片段onLoad:function(){varm-this=this;wx.onCompassChange(function(re
weixin_30588729·2020-08-22 19:59

微信小程序学习（一）——组件

微信小程序入门学习上次已经简单介绍微信小程序入门的准备，今天就继续微信小程序开发学习。什么是组件？
LullabyLY·2020-08-22 18:15

微信小程序入门（五）

24.MINA框架讲解MINA框架架构25.小程序运行机制小程序在首次打开的时间会比较长，后续再打开启动会很快，那么小程序是如何启动的呢？运行机制-启动冷启动热启动热启动：假入用户已经打开某个小程序，然后在一定时间内再次打开小程序，这个时候，就不需要重新启动了，只需要把后台小程序切换到前台来使用，这个过程就叫做热启动。冷启动：用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加
weixin_34060741·2020-08-18 22:39

微信小程序新手踩坑记录(1)

引言：学习教程：慕课网-7七月老师的微信小程序入门与实战此文用来记录一个程序渣学习小程序的踩坑路程。话不多说，开始记录!
凌哥儿·2020-08-18 19:35

微信小程序入门到实战（五）

缓存缓存的作用是为了加快数据的访问，小程序里面可以设置缓存（本地），设置缓存后，如果没有手动清除缓存的话，就会一直存在。大小不能超过10M。数据优先。设置缓存wx.setStorageSync('key','value')：同步wx.setStorage({key:'key',data:'value'})：异步wx.setStorageSync('icessun','2018/2/14')//同步
weixin_34174105·2020-08-18 19:36

微信小程序入门到实战（三）

数据绑定(二）上一遍文章的结尾介绍了小程序简单的数据绑定方式，但是核心要知道：数据绑定，都是借用data这个属性作为一个中转地，服务器上面获取的数据，经过处理，使用this.setData()方法绑定到data属性中的一个变量，在通过这个变量绑定到页面上面。接下来说一下数据绑定的其他用途：标签的显隐前面说到，小程序里面没有dom的概念，就不能通过标签的display和visibility属性来控制
weixin_34034261·2020-08-18 19:04

微信小程序入门到实战（一）

了解小程序什么是小程序？小程序其实就是一个工具，为人提供便捷服务的；随时可用，用完即走，减少桌面上面的app数量；B2C（人与商品）淘宝JDP2P（人与人）微信QQC2P（人与服务）微信小程序支付宝小程序什么应用适合小程序？对于一些性能要求不高，使用频度不高，业务逻辑简单的应用适合做成一个小程序的应用；比如购票，缴费，手机充值等小程序的文件结构一个小程序首先有四个应用入口文件：app.js：设置一
weixin_33752045·2020-08-17 09:57

从入门到放弃:微信小程序入门个人指南Day 5

1.数据绑定:wxml中的动态数据均是来自对应js文件中page的data.在js中访问pahe的data用this.data,改变data中某个属性的值用setData()方法.1.1简单绑定:数据绑定使用Mustache语法(双大括号)将变量抱起来,可以作用与以下区域:(1)作用于内容:wxml:{{message}}4js:Page({data:{message:"helloworld"}}
就卤蛋吧·2020-08-17 08:01

Taro 开发微信小程序入门与实战

目前比较流行的小程序开发框架主要有WePY、Mpvue、Taro。WePY，Mpvue是完全用Vue的开发方式来开发小程序，WePY是比较早的小程序开发框架了，相对而言Mpvue的开发体验较WePY相比有了进一步的提升。而Taro是多端统一开发框架，支持用React的开发方式编写一次代码，生成能运行在微信/百度/支付宝/字节跳动小程序、H5、ReactNative等的应用。熟悉JavaScript
蔚1·2020-08-16 15:07

微信小程序入门 ——账号、开发环境搭建

微信小程序开发其实，我觉得小程序就是将微信官方提供20+个基础组件（目前有26个）进行排列组合，然后加上一些css样式，对用户的操作进行反馈（调微信官方提供的60+个api）。26个基础组件+60个开放api=半天就搞定了吧？（认真跟着下面的教程走半天足够了）1、注册微信公众平台—>微信公众平台注册注册信息的填写->邮箱激活->个人信息的填写->绑定管理员微信2、搭建开发环境—>开发工具下载（1）
-晨-风-·2020-08-16 15:21

微信小程序入门-新闻列表

前言前面已经完成欢迎页面的编写，下面将写一个新闻页面，主要包含导航栏，轮播图，新闻列表，包含的技术主要有swiper组件的使用。为了方便代码的管理，把之前的代码同步到github上，在这基础上写新闻列表。准备工作要将上次写的欢迎页面的代码同步到GitHub中，主要步骤如下：首先需要在GitHub中创建weixin版本库（版本库可以任意命名），用户代码的版本管理；然后将版本库clone到本地的wei
xiaofengwu123·2020-08-16 10:33

微信小程序入门: 导航栏样式、tabBar导航栏

导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航，背景黑色，文字白色，文字内容测试小程序app.json内容：{"pages":["pages/index/index","pages/login/login","pages/logs/logs"],"window":{"backgroundTextStyle":"red","navigationBarBackgroundCol
weixin_33853827·2020-08-15 20:22

微信小程序入门一文章列表

这章内容先讲解如何使用template和wx:for完成文章列表的骨架。然后下章谈谈如何使用weui-wxssUI框架美化页面。微信小程序官网的api介绍很详细，https://mp.weixin.qq.com/debug/wxadoc/dev/。但这也让我有些无从下手。所以我打算从实战中学习它。在看这篇文章前，先请大家，大致了解微信小程序文档。第一步，先搭好骨架，创建一个list文件夹，用来存放
ITDragon龙·2020-08-14 18:30

前端开发----微信小程序入门级教程（前篇）

前言前段时间，凭借着出生牛犊不怕虎的劲头，凭借着一点Java基础和前端入门的知识水平，买了域名和服务器准备搭建自己的一个技术站点，初衷是旨在打造自己成为一个T形全站工程师。后经过各种百度，各种折腾终于大概在半个月左右的时间写好了几个基本接口，能上传图片，发布文章，能列表展示，也能展示文章详情，当前期间用到各种框架和开源库Jersey啊，editor.md啊等等等等，也在此拜谢….星光小站www.t
瑞力·2020-08-13 17:20

微信小程序入门教程+案例demo

微信小程序入门教程+案例demo尊重原创，转载请注明出处：原文查看惊喜更多http://blog.csdn.net/qq137722697首先摆在好姿态，——微信小程序开发也就那么回事。
陆地火箭·2020-08-11 19:20

微信小程序入门教程+案例demo

原文网址：https://blog.csdn.net/qq137722697/article/details/52988719认清微信小程序开发其实，我觉得小程序就是将微信官方提供20+个基础组件（目前有26个）进行排列组合，然后加上一些css样式，对用户的操作进行反馈（调微信官方提供的60+个api）。26个基础组件+60个开放api=半天就搞定了吧？（认真跟着下面的教程走半天足够了）怎么学？1
weixin_42096448·2020-08-09 01:12
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他