小程序学习与实践（一）
基础用法
- 了解小程序
- 优势
- 特色
- 劣势
- 基础特性
- 选择器
- 优先级
- 作用域
- 模块化
- VS网页
- 线程通信
- 文件组成
- .json
- JSON语法
- .wxml
- .wxss
- wxss 与 css 比较
- UI库
- .js
- 生命周期
- 组件生命周期
- 页面生命周期
了解小程序
2016.1.11，张小龙提出为了更好的为服务号提供服务，小程序概念诞生。
2016.9.21，小程序正式开启内测，由微信云提供云端服务器的技术解决方案。
2017.1.9，第一批小程序正式上线。
2017.12.28，微信更新6.6.1版本，开放小程序的小游戏
官方文档入口
优势
- 开发成本低
- 使用方便，用户量大，易于营销
- 简单易学
特色
- 加载速度快
- 渲染速度快
- 开发速度快（云能力、运维能力、数据汇总能力）
- 用户资源丰富
- 多种打开方式
- 微信搜索
- 微信扫一扫
- 朋友圈分享
劣势
- 不能用于业务复杂的项目
- 不能用于性能要求高的项目
基础特性
选择器
| 类型 | 选择器 | 样例 | 样例描述 |
|---|---|---|---|
| 类选择器 | .class | .intro | 选择所有拥有 class=“intro” 的组件 |
| id选择器 | #id | #firstname | 选择拥有 id=“firstname” 的组件 |
| 元素选择器 | element | view checkbox | 选择所有文档的 view 组件和所有的 checkbox 组件 |
| 伪元素选择器 | ::after | view::after | 在 view 组件后边插入内容 |
| 伪元素选择器 | ::before | view::before | 在 view 组件前边插入内容 |
优先级
important 导入的模块，必须写 ./ …/ 这种相对路径
作用域
小程序的作用域同 NodeJS 比较相似。
在一个文件中声明的变量和函数只在该文件中有效。
因此，在不同的文件中可以声明相同名字的变量和函数，不会互相影响。
模块化
es6 中模块化语法可以应用于小程序中。
小程序学习与实践（一）相关推荐
- 微信小程序学习和实践总结
- 微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API 本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串.微信小程序提供了以下API函数. 8. ...
- 一周小程序学习 第1天
2019独角兽企业重金招聘Python工程师标准>>> 一周小程序学习 第1天 今日正式开始小程序的学习! 对于刚上手的自学小白,技术选型是很重要的,这在一开始就决定了这条开发学习之 ...
- 小程序 Typescript 最佳实践
小程序结合TypeScript开发,如果用第三方框架,首选Taro已完美支持.但是如果你选择原生开发,那么下面的这份实践可能会帮到你. 小程序 Typescript 最佳实践 使用 gulp 构建(支 ...
- 微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习 本节主要介绍JS中的数组. 3-2.1 数组的声明 数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...
- 小程序 pagescrollto_微信小程序学习笔记（三）-- 首页及详情页开发
一.常用组件 在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
- C语言小案例_小程序学习（三）
小程序学习--页面设置 案例一 float页面布局效果 1.案例的整体介绍 设计一个小程序,利用float布局来实现页面的布局效果.有两种效果分别是上左右下和上左中右下. 2.案例的代码详解 (1) ...
- 小程序学习历程（二）：注册小程序测试号
该文适合还没有微信小程序开发者账号,以及有了开发者账号同时还想注册一个测试账号的读者. 开发者测试账号推出的用意,主要是:方便我们在决定正式注册小程序账号之前,或者仅仅只是想体验一下小程序(或小游戏 ...
- python 自动化微信小程序_干货 | 微信小程序自动化测试最佳实践（附 Python 源码）...
原标题:干货 | 微信小程序自动化测试最佳实践(附 Python 源码) 本文为霍格沃兹测试学院测试大咖公开课<微信小程序自动化测试>图文整理精华版. 随着微信小程序的功能和生态日益完善, ...
最新文章
- Github 一夜爆火：这份金九银十 Java 面试手册我给跪了
- 腾讯再次劝退高龄员工，IT人的中年危机，我来教你化解！
- 不用第三方库，也能用 Python 作图，效果还不错
- 如何快速定位SAP CRM订单应用(Order Application)错误消息抛出的准确位置
- Lucene-01 全文检索基本介绍
- iOS初级开发学习笔记：APP生命周期的学习总结
- ASCII码对照表（参考用）
- 如何将静态网页部署到github上
- 最近让我焦灼的四个问题
- 宾馆客房管理系统设计
- 设置谷歌浏览器深色黑色背景
- matlab排序excel数据库,matlab对excel数据进行排序求和
- mysql数据一条复制_Mysql 复制一条数据
- FAF世链区块链大会|DarkHorse商学院院长何沐庭：看好DeFi的未来
- 【OpenCV 例程300篇】208. Photoshop 对比度自动调整算法
- 亚马逊FBA基本介绍
- 决策树留一法python代码_机器学习模型2 决策树-基于Python sklearn的实现
- 两个整数的四则运算（python）
- 关于ANR异常捕获与分析，你所需要知道的一切
- 计算机图像技术及其应用,计算机图像处理技术及其应用领域