前端编程之微信小程序

简介: 前端编程之微信小程序

2017年1月9日,微信小程序正式发布,同时也诞生了一个全新的互联网生态。传统企业需要记住,一场传统企业互联网转型的浪潮即将开始。

作为场景链接工具的App、移动网站和公众号等都无法彻底满足创业者低成本和体验好的双重需求,而微信小程序是一种不需要下载并安装即可使用的应用,用户扫一扫或搜一下相应的名称即可打开应用。

基于微信的生态,微信小程序完全可以实现低成本开发和低成本推广。微信小程序的“低门槛”使传统企业转型升级的难度降低了很多,同时,对于有创意、有产品服务提供能力却缺乏资金和技术支持的创业者而言,实现自己想法的难度也大幅降低了。那么,它经历了哪些发展过程,和其他形式的App有什么区别,有哪些应用场景以及创造的机会有哪些?

微信小程序

技术框架

微信小程序总体技术框架分为视图层、逻辑层等几个部分。视图层负责页面结构、样式和数据展示,用WXML、WXSS编写。逻辑层负责业务逻辑、调用API等,用JavaScript编写。视图层和逻辑层类似MVVM(Model-View-ViewModel)模式,逻辑层只需对数据对象进行更新,就可以改变视图层的数据显示。总体技术框架如图1所示。

从图2-1可以看出,视图层和逻辑层分离,它们通过数据驱动、事件交互相联系,不直接操作DOM(Document Object Model)。视图层负责渲染页面结构,与逻辑层通过数据和事件进行通信;逻辑层负责逻辑处理、数据请求、接口调用等,并且提供数据给视图层。

同时,从图-1也可看出,视图层对视图使用Webview渲染,逻辑层由JSCore(iOS)、X5(Android)、nwjs(DevTool)渲染解析。JSBridge架起上层开发与Native(系统层)的桥梁,使小程序可通过API使用原生的功能,且小程序部分组件是由原生组件实现的,从而使小程序有良好的用户体验。


相关文章
|
4月前
|
缓存 前端开发 JavaScript
【面试题】4月面经 前端常考JS编程题
【面试题】4月面经 前端常考JS编程题
|
2月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
2月前
|
小程序
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
|
5月前
|
存储 小程序 前端开发
Uni-app前端开发|基于微信小程序的快递运输管理系统
Uni-app前端开发|基于微信小程序的快递运输管理系统
|
14天前
|
存储 前端开发 JavaScript
前端常见编程题二
前端常见编程题二
|
1月前
|
监控 前端开发 小程序
微信小程序全栈开发中的前端工程化实践
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的前端工程化实践,旨在提升开发效率和体验。重点包括代码规范与架构设计(模块化、组件化、MVC模式)、自动化构建与部署(使用Webpack、Git和CI工具)、前端框架与库(如Vue.js、React、Angular)以及性能优化策略(代码、资源优化和性能监控)。通过这些实践,开发者能更高效地掌握小程序开发,打造高质量应用。
|
1月前
|
小程序 前端开发 JavaScript
小程序全栈开发:前端与后端的完美结合
【4月更文挑战第12天】本文介绍了小程序全栈开发,涵盖前端和后端的关键点。前端使用WXML和WXSS进行页面结构和样式设计,JavaScript处理逻辑及组件使用;后端采用Node.js等语言处理业务逻辑、数据库设计和API接口开发。前端与后端通过数据交互实现结合,采用前后端分离模式,支持跨平台运行。调试测试后,提交微信审核并上线运营。掌握前端后端结合是小程序成功的关键。
|
2月前
|
小程序 前端开发 API
快递平台独立版小程序源码|带cps推广营销流量主+前端
快递平台独立版小程序源码|带cps推广营销流量主+前端
63 7
快递平台独立版小程序源码|带cps推广营销流量主+前端
|
3月前
|
小程序 前端开发 JavaScript
微信小程序开发前端基础知识一
微信小程序开发前端基础知识一
103 0
|
3月前
|
前端开发 小程序
微信小程序开发前端基础知识二
微信小程序开发前端基础知识二