小程序是如何运行的?它的工作原理是什么?
小程序的出现不是一蹴而就,而是在移动互联网近10年的业务、场景积累上逐步发展起来的。Web 开发具有高效、灵活、门槛低的特点,但弊端在于所有的页面都依赖浏览器的渲染,浏览器的能力就是 Web 研发的上限和边界。
为了克服这个问题,于是便有了 JS-Bridge 这种方式,将很多常用组件内置到应用中,当内嵌组件足够多的时候,再做一层封装,形成了JS-SDK,其本质没有差别。
小程序在 JS-SDK 的基础上,一方面进一步开放和拓展原生的能力给到 Web 前端调用,另一方面,页面渲染(Webview Render)的UI层和逻辑层,使用了两个独立的线程。如下图所示:
**今天,高能的地方来了!**腾讯内部出品的“Android 微信小程序学习宝典”分享给大家,从原理到实战,一应俱全!这份宝典主要涉及以下四个方面:
1、小程序基本介绍(背景与趋势、小程序技术方案、开发工具、MINA 框架、逻辑层与页面层、单项数据流)
2、UI 开发(页面布局之弹性布局-Flex 介绍、文字 与图片内容的呈现、交互表单、对话框、下拉刷新和上拉加载、动画效果实现…)
3、API 操作(网络请求、文件结构及操作、地理位置获取、设备信息获取)
4、小程序购物商城项目实战(微信小程序之侧栏分类、仿淘宝分类入口、购物数量加减、商品属性分类、购物车实现)
文章有限,下文只能拿出一些例子来给大家看看,不能全部描述出来,有完整的pdf版可免费分享,有需要的可以直接点击这里能看到全部文档内容哦。
一、小程序基本介绍
1、背景与趋势
-
微信小程序发展趋势
-
微信小程序发展前景
2、小程序技术方案
-
微信小程序
-
支付宝小程序
3、开发工具
-
微信小程序官方开发工具
-
即速应用
-
Sublime Text 3
-
WebStorm
4、MINA 框架
-
MINA 框架
-
MINA 框架主要分为两大部分
-
目录结构
5、逻辑层与页面层
-
逻辑层与界面层分离
-
逻辑层的 JavaScript
-
界面层–数据绑定
-
列表渲染
-
事件处理
-
事件冒泡
-
事件传参
-
单向数据流
-
登录页面案例
-
抽象共同的事件处理函数
-
条件渲染
-
界面层(WXSS vs CSS)
6、单项数据流
-
单项数据流
-
setData 作用
二、UI 开发
1、页面布局之弹性布局-Flex 介绍
-
Flex 布局是什么?
-
基本概念
-
容器的属性
-
项目的属性
2、文字 与图片内容的呈现
3、交互表单
4、对话框
5、下拉刷新和上拉加载
6、动画效果实现
7、页面跳转与参数传递
8、事件处理
三、API 操作
1、网络请求
2、文件结构及操作
最后说一下我的学习路线
其实很简单就下面这张图,含概了Android所有需要学的知识点,一共8大板块:
- 架构师筑基必备技能
- Android框架体系架构(高级UI+FrameWork源码)
- 360°Androidapp全方位性能调优
- 设计思想解读开源框架
- NDK模块开发
- 移动架构师专题项目实战环节
- 移动架构师不可不学习微信小程序
- 混合开发的flutter
Android学习的资料
我呢,把上面八大板块的分支都系统的做了一份学习系统的资料和视频,大概就下面这些,我就不全部写出来了,不然太长了影响大家的阅读。
330页PDF Android学习核心笔记(内含上面8大板块)
Android学习的系统对应视频
总结
我希望通过我自己的学习方法来帮助大家去提升技术:
-
1、多看书、看源码和做项目,平时多种总结
-
2、不能停留在一些基本api的使用上,应该往更深层次的方向去研究,比如activity、view的内部运行机制,比如Android内存优化,比如aidl,比如JNI等,并不仅仅停留在会用,而要通过阅读源码,理解其实现原理
-
3、同时对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习
-
4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!
希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习
- 4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!
希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!