小白知识–微信小程序的开发者知识

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。

整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXMLWXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

在上图可以看到,小程序的逻辑层和渲染层是分开的,分别运行在不同的线程中,运行也会比普通网页更快

1.小程序与普通网页开发的区别

开发语言

  • 小程序的其根本的开发语言就是是javaScript,只是换汤不换药。
  • 跟普通的网页开发基本一致

WXML = HTML

wxss = css

JS = javaScript

更详细看这里:
微信开放文档 (qq.com)

2.运行环境

  • 小程序开发过程中只需要面对微信客户端,使用于辅助开发的小程序开发者工具进行开发,微信客户端有系统 iOS 和 Android 的版本,在新版的开发者工具是直接集成的。

微信公众平台 (qq.com)

使用微信号注册后,才可使用微信开发者工具

3.json配置文件

冷知识:微信小程序默认端口是:8084
  • 当前小程序全局配置app.json
  • 小程序开发者工具配project.config.json
  • 小程序局部页面配置page.json

一个小程序页面由四个文件成 , 分别是 :

4.小程序

我们要搞一个好的小程序,要搞清楚要干什么的,他的功能是最重要的,再考虑受众群体是年轻人还是中年人,再想页面排版,其次再考虑是否要接入别人的api,使用别人的组件和功能,是否要通信,考虑性能,最后才是美观!

网页:
    按钮、功能显示、表单显示,页面功能、导航栏

小程序:
    页面设计、UI设计、小组件、页面布局、配色设计、性能优先

服务器:
    接口接入、服务器接入、通信服务、数据库 、端口号

JavaScript:
    动态类名、if判断、事件判定(changColor函数)、记录点击次数(bindtap函数)

简单的小程序基础分析