青训营笔记

62 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第二十八天

今日学习小程序技术全解

1.发展历程

image.png

从2017年1月份开始小程序正式发布,很多企业多开始关注,3、4月份开始爆发式增长,正式进入0门槛开发时代

image.png

2019年小程序纳入腾讯最高战略,小程序的潜力体现出来,小程序开始成为大流量风口,流量开闸,加速小程序对各个领域的渗透

image.png

2.业务价值

与web的区别

  1. 有固定的的语法以及同意而版本管理
  2. 平台能够控制各个入口
  3. 小程序基于特殊的架构,在流畅度上比web更好

三大价值

image.png

小程序原理

第三方开发应用最简单最方便的方式

WebView + JSBridge(桥梁)

小程序的缺点

  • 没有网络情况下用户体验不好

  • 网页切换体验不好

  • 网络管控安全无法保证

image.png

3.技术解析

番茄时钟的实现

image.png

image.png 算出时间的分秒数,拼接展示两位数

页面js部分

image.png

setTimer函数实现每秒调用一次,时间减少一次,直到清空为止

image.png

4.相关拓展

跨段框介绍以及原理

运行时会将虚拟DOM渲染成为Template组件(动态生成组件),最后在生成实际要渲染的元素树

image.png

在一些场景下小程序的原生语法可能不是很好,这个时候可以结合其他框架跟小程序语法来优化