美文网首页
《微信小程序:开发入门及案例详解》

《微信小程序:开发入门及案例详解》

作者: TimerYJ | 来源:发表于2019-05-24 21:13 被阅读0次

组织结构

第一部分:基础,环境搭建、框架及运行原理、规则、每个文件的作用、WXML、WXSS、CSS布局基础等;
第二部分:组件与API;
第三部分:案例。

书中源码

Chap-1 初识

1.1 简介

采用了类似 React Native、Weex一样的解析技术,一套代码可在多端运行。相对H5应用,具有更好的原生体验。

官方规定,小程序包 <= 1 M

1.2 接入流程

  • 微信平台注册,完善信息;
  • 下载开发者工具,提交代码;
  • 官方审核,发布。

注意事项:

  1. 每个机构账号最多注册 50个;
  2. 每个小程序一年交 300元;
  3. 所有小程序需绑定一个邮箱;
  4. 一个手机号最多绑 5 个小程序;

1.2.1 注册(略)

1.2.2 开发环境

目前小程序名一旦确定后不能修改 发布前可改2次,发布后 2次/年;
一个小程序最多绑 20 个开发者,未认证的 10个;

1.3 第一个小程序

登录小程序开发工具,新建项目

Chap-2 小程序开发核心

2.1 简介

小程序将整个系统分为视图层、逻辑层。

  1. 视图层
    由 WXML(标签语言) 和 WXSS(描述WXML组件样式) 组成,类似于HTML和CSS。渲染时会被框架解析为不同端的本地渲染文件,达到一套代码多处运行的目的。

  2. 逻辑层
    是一套运行的JavaScript代码,此基础上框架实现了一套模块化机制,让每个JS文件有独立作用域和模块化能力,这套模块化机制遵循CommonJS规范。(???)

  3. 对比前端开发
    类似HTML+CSS+JavaScript,不同的是没有 DOM 的概念,本地JS引擎中也没有 window、document等对象,不能通过操作 DOM 来操作页面。
    小程序中试图层与逻辑层交互是通过数据绑定和事件响应实现的。首先绑定逻辑、视图层的数据、事件,其次需要修改页面时调用setData方法修改绑定的数据,框架会自动触发WXML重新渲染。

2.2 创建小程序

相关文章

网友评论

      本文标题:《微信小程序:开发入门及案例详解》

      本文链接:https://www.haomeiwen.com/subject/lunnzqtx.html