响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年小程序开发需要学习的(通用4篇)

小程序开发需要学习的 第1篇

 

JOSN是一种数据格式,在实际开发中,josn总是以配置文件的形式出现。小程序中也不例外;       通过不用的 .json配置文件,可以对小程序项目进行不同级别的配置

小程序中有4种json配置文件,分别是:

是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观,界面表现、底部tab等

demo项目里的配置内容如下:

 是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置,例如:

condition:条件配置,用于条件编译。

小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖中window中相同的配置项,例如

只需要在 --> pages中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件,如图所示:

 只需要调整 --> pages数组中页面路径的前后顺序,即可修改项目是首页。小程序会把排在第一位的页面,当做项目首页进行渲染,如图所示:

WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的HTML。

①标签名称不同

②属性节点不同

③提供了类似于Vue中的模板语法

WXS5 (WeiXin Style sheets)是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS.

①新增了rpx 尺寸单位

②提供了全局的样式和局部样式

③WXSS 仅支持部分 CSS 选择器

小程序开发需要学习的 第2篇

宿主环境(hostenvironment)指的是程序运行所必须的依赖环境。例如:

Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!

手机微信是小程序的宿主环境,如图所示:

 小程序借助宿主环境提供的能力,可以完成许多普通界面无法完成的功能,例如:

微信扫码、微信支付、微信登录、地理定位....

①通信模型

②运行机制

③组件

④API

        1.通信的主体

小程序中通信的主体是渲染层和逻辑层,其中:

① WXML 模板和 WXSS 样式工作在渲染层 ②JS 脚本工作在逻辑层

         2.小程序的通信模型

小程序中的通信模型分为两部分:

①渲染层和逻辑层之间的通信

②逻辑层和第三方服务器之间的通信

小程序启动的过程

页面渲染的过程

小程序中组件的分类

小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类,分别是:① 视图容器 ② 基础内容 ③ 表单组件 ④ 导航组件⑤ 媒体组件 ⑥ map 地图组件 ⑦canvas 画布组件 ⑧ 开放能力 ⑨ 无障碍访问

 常用的视图容器组件

①view

②scroll-view

③swiper和swiper-item

 

swiper的属性 

 

①text

②rich-text

通过text组件的selectable 属性,实现长按选中文本内容的效果

通过rich-text组件的 nodes 属性节点,把HTML字符串渲染为对应的UI结构

①button

按钮组件

功能比 HTML 中的 button 按钮丰富

通过 open-type 属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)

② image

③ navigator

type、size、plain

image组件的mode属性

 image组件的mode属性用来指定图片的裁剪缩放模式,常用的mode属性值如下:

小程序中的 API是由宿主环境提供的,通过这些丰富的小程序 AP!,开发者可以方便的调用微信提供的能力   例如:获取用户信息、本地存储、支付功能

小程序官方把 API分为了如下3大类:① 事件监听 API

② 同步 API

③ 异步 API

小程序开发需要学习的 第3篇

1、人员配置:一个小程序的开发人员是需要至少一个团队协作的,其中包括项目经理、产品经理、UI设计人员、微信小程序前端开发、服务端开发、测试人员、运维人员等,但是由于公司和项目的不同,人员配置多少不等,人员配置是开发微信小程序成本多少的决定性因素。

2、开发时长:小程序的开发过程分为几部分:需求调研与梳理、产品设计与评审、UI设计与评审、分解开发任务与排期5. 开发与联调、测试、修改bug,每个环节所消耗的时间加起来就是一个微信小程序大概的开发时间。其中很大一部分时间花在与客户的沟通上,不要小看这部分时间。

3、再加上租赁服务器,注册认证等费用:由此看来微信小程序开发多少钱?微信小程序开发费用并没有一个准确的数字,不可能像市场中的商品那样明码标价,企业在定制微信小程序价格的时候,根据客户的需求功能,配置人员,开发时长等合理的给出报价。目前市场中做小程序开发的公司有很多,但是大多数都是套用模版做的,这样简单,省时,省事,但对于并不能够满足很多商家的需求,因此定制小程序是非常需求的。找专业微信小程序开发公司定制商家需求的小程序,要全面的考察公司的实力情况。

内容来自百家号 查看原文

小程序开发需要学习的 第4篇

1、熟练掌握HTML语言、CSS、JavaScript

HTML就是超文本标记语言的简写,HTML是网页开发前端三剑客之一,主要负责网页的骨架,就如同动物的骨架一样,HTML语言就是支撑网页布局的骨架。CSS主要负责网页样式,网页内容如何分布,板块背景,颜色等外观问题可以有CSS控制。JavaScript是一种动态的脚本语言,在服务器端迸发出非凡的活力,成为当前非常活跃的语言之一。因此想要做小程序开发,就必须要掌握HTML语言、CSS、JavaScript。

2、服务器语言

如果不是专业的后端开发者,可能后端有一定的难度其学习曲线较陡。但是,仍然建议开发者学习一下后端语言,至少需要了解大致的原因框架,能够看懂其代码逻辑,这样不仅可以很好实现前后端的配合,也能够在小程序出现bug的时候扯皮用。服务器的语言有很多比较常用的是PHP、Java、Python、ASP等技术,建议开发者根据公司内部技术的使用情况挑选进行学习。

3、数据库语言

如果公司数据量不大,架构不复杂的话数据库语言相对来说是比较简单的,一般学会一些常用的命令以及常出现的问题就能够应付使用。常用的数据库有免费的MySQL、msSQL、MongoDB、Oracle等数据库。

二、微信小程序开发需要掌握的技术如下:

1、WXML语言,上面说了,类似于 Html语言

WXML(WeiXin Markup

Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构

2、要学习Javascrip作为 后台代码编写语言

3、要学习PHP作为 服务器代码编写语言 (你也可以选择其他语言)

4、要学习WXSS(为了适应广大的前端开发者,WXSS 具有 CSS 大 部分特性, WXSS 对CSS 进行了扩充以及修改.)

WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式

与 CSS 相比,WXSS 扩展的特性有:尺寸单位和样式导入

5、学习微信小程序的一系列组件的使用

框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发

6、学习微信特有的API

框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等

开头的 API 是监听某个事件发生的API接口,接受一个 CALLBACK 函数作为参数。当该事件触发时,会调用 CALLBACK 函数。

7、要学习WXS

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构,这个语言类似于 Javascript。

猜你喜欢