DingTalk「开发者说」｜钉钉小程序开发实践

移动Web的特点  

钉钉小程序开发的应用分布很广泛，下面列举了四个常用的钉钉小程序：钉钉投票、传图识字，以及集成在钉钉客户端中的自定义平台和考勤打卡。 

通过对比桌面设备，移动Web的特点体现在以下三个方面：  小屏幕 桌面设备：使用大尺寸屏幕，14寸~27寸以上，可一次性展示大量内容； 移动设备：可视区域较PC设备小很多，可展示内容有限；  轻场景 桌面设备：得利于大屏幕、高性能的特点，可进行复杂的渲染、交互； 移动设备：受限于屏幕大小、电池容量，凸显移动、便携；  低性能 桌面设备：外部电源供能，不受能耗限制，能进行高性能计算； 移动设备：自带电池，受电池容量限制，电量有限，不适合高功耗的任务；  简单来说，移动Web主要优势在于移动和便携。 

通过对比桌面设备，移动Web的特点体现在以下三个方面： 

• 小屏幕 
  • 桌面设备：使用大尺寸屏幕，14寸~27寸以上，可一次性展示大量内容。
  • 移动设备：可视区域较PC设备小很多，可展示内容有限。
• 轻场景 
  • 桌面设备：得利于大屏幕、高性能的特点，可进行复杂的渲染、交互。
  • 移动设备：受限于屏幕大小、电池容量，凸显移动、便携。
• 低性能 
  • 桌面设备：外部电源供能，不受能耗限制，能进行高性能计算。
  • 移动设备：自带电池，受电池容量限制，电量有限，不适合高功耗的任务；  简单来说，移动Web主要优势在于移动和便携。

小程序的优势  

小程序框架  

小程序同属于移动Web范畴，是站在移动Web的肩膀上，让移动Web开发更加贴近原生应用的体验和性能，这一特点体现在小程序的框架中。 小程序框架主要分为逻辑层和视图层（见下图）。在逻辑层中，不同的页面都运行在同一个逻辑层中，而在视图层中每个页面是单独存在，这在架构上更贴近原生应用的表现。钉钉客户端就是标准的原生应用。 

性能提升，原生应用的体验  

在性能和体验方面，小程序会将公共交互性的功能（如路由、分享类）使用原生native实现，让小程序具备原生应用的体现，在交互表现上与原生应用一致，在技术开发上则使用移动端Web开发技术如JS、CSS。 

开箱即用，提升开发效率  

小程序提供小程序DSL，在标签上相对移动Web端H5的开发标准做了大量简化，虽然不如H5开发标准自由，但小程序在一定意义上降低了学习门槛。 例如首屏加载性能，这是在移动Web开发中经常会遇到的问题，而小程序在框架中就直接解决了这个问题，资源加载只在首次启动小程序时发生，加载后资源会储存在本地，再次启动小程序时无需再次加载，实现秒启动，使首屏加载性能在小程