学习微信小程序开发需要学习什么

发布时间:2025-09-22 点击:27
学习微信小程序开发需要学习什么?如果你真的想要开发小程序,就要先学会一套微信特制的“开发语言”,下面就让我们简单梳理一下。
语言与文件
微信小程序来发与其他平台开发的最大差异在于:微信使用的开发语言和文件很“个性”。小程序所使用的程序文件类型大致分为以下几种:
wxml(weixin mark language, 微信标记语言)wxss(weixin style sheet,微信样式表)js(javascript, 小游戏的主体)在语言方面,下程序看似重新定义了一套标准。但实际上,他们与“前端三件套”(html、css和javascript)差不太多。来来来,看一下微信小程序开发语言和“前端三件套”的异同点。
界面搭建
1、基本逻辑
wxml和wxss两种文件是小程序界面元素声明及样式描述文件。wxml最大的特点是以视图(view)的方式串联界面元素,并通过程序逻辑(appservice)将信息更新实时传递至视图层。view类似于html中的p元素,在构建的时候,view可以被多级嵌套,view内可以放置任意视觉元素。
需要注意的是,元素一旦超出屏幕之外,用户就无法看到了,这是与html哟较大的不同。小程序哟专门用于滚动的视图。如果希望界面是一个可以自由滚动的界面(例如列表等),可以使用scroll-view视图,在wxss中将其大小调整为整个屏幕,并设置scroll-y(上下滚动)或scroll-x(左右滚动)为true,
注意,小程序中不能直接使用dom控制wxml元素。如果需要进行数据更新,就要使用wxml提供的数据绑定及元素渲染方法,还有一点,小程序的栅格排版系统使用的是flex布局,它是w3c在2009年提出的一种排版标准。
2、绑定数据
对于单个字段,开发者可以使用数据绑定的方法进行信息更新。绑定的数据除了在加载的时候可以更新,也可以在js主程序中以函数形式进行更新,更新同样可以反应到界面上被绑定的数据中。
3、条件渲染与列表(循环)渲染
条件渲染适用于有意外情况提示的页面(如无法加载列表或详情时,做出提示等等)。它的渲染带有触发条件,即符合条件时渲染这个页面,否则忽略或渲染另一端代码。两个花括号所包含的判断条件中的变量于主程序js代码中的data中声明。将同一元素渲染代码进行集合。循环的数据可以通过数组的方式写入data中供wxml访问。渲染完毕后,渲染判断条件的变动可以影响界面变动。
4、模板与引用
wxml支持使用模板与引用减少代码体积。模板是在wxml代码中对相同的代码进行复用的方式。可以将多个模板写入至同一个文件,并使用import在其他文件中进行引用。如果需要整个页面引用,需要使用include。
5、样式
通过wxss样式表,开发者可以定义wxml中的元素样式。wxss与css代码一样,可以直接使用选择器选择元素,在wxml中也可以直接定义元素的id和class以便于在wxss文件中进行样式定义。
6、用户操作与事件响应
由于微信使用的不是html,所以也不能通过添加超链接(a元素)的方式来检测用户的点击事件。对于需要监听点击事件的元素,应该在wxml中使用bindtap属性或catchtap属性进行绑定。除了点击一次,微信也提供按住、开始触摸、松手等事件响应。在wxml中绑定好一个事件之后,就能在主程序中使用。其他的api中也有相应的事件,这些事件乐意在微信小程序的官方文档中查阅到。当需要在小程序的页面间进行跳转时,应该使用wx.navigateto()方式。
注意,有关于页面层级跳转,微信将层级跳转限制在5层。在开发时一定注意不要超过了相应限制。
网络请求方式
网络访问小程序支持三种请求方式:http连接、websocket、文件收发连接。
http连接:请求后直接返回结果,连接结束;socket连接:持续性连接,当一方主动关闭连接时,连接结束;文件收发连接:顾名思义,发生在文件传输时的连接。(录制的语音和选择的照片都需要这个连接完成)。注意,通过小程序访问网络需要服务器必须支持https连接,且端口必须为443。同时,小程序只能访问开发者在登记小程序时设定的服务器地址。
开发语言和“前端三件套”的异同点
html与wxml:两者差异比较大,如果之前没有接触过android开发,可能会觉得有些头疼。事实上,wxml更像是android开发中的界面xml描述文件,适合于程序界面的构建;而html则倾向于文章的展示(这与html的历史有关),以及互联网页面的构建。wxss与css:两者在语言上几乎没有差别,可以直接通用。js文件:小程序的js文件与前端开发使用的js几乎没有区别,只是小程序的js新增了微信的一些api接口,并去除了一些不必要的功能(如dom)。在有眼上,小程序完全向学习成本最低的前端开发看齐,但这不代表所有开发者都能无缝迁移。如果你是从前端开发转向小程序,就要注意这两点:
1、html与wxml两种文件的构建思想差异较大,如果之前只接触过前端开发,需要一点时间才能适应wxml的编写方法。
2、虽然小程序使用的是前端语言,但不代表可以继续沿用的开发思想进行开发。小程序对前端开发的要求从【构建界面】升级成【开发完整应用】,前端开发需要在意识上进行转变。
学习微信小程序开发需要学习什么,包括语言与文件、界面搭建和网络请求方式等几个方面,弄清开发语言和“前端三件套”的异同点等,建议先做足功课,以保证开发工作顺利进行。


玩游戏任务栏一直出现怎么办_玩游戏下面任务栏怎么去掉图文步骤
云服务服务器的购买费用是多少
集群服务器和云服务器的区别
重庆ecs云服务器安装流程
普通展示网站-备案平台
阿里云双11云服务器低至86元
上海做网站要花多少钱
在电脑中一打开浏览器就会出现蓝屏现象如何解决