前端编程之微信小程序

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

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使用原生的功能,且小程序部分组件是由原生组件实现的,从而使小程序有良好的用户体验。


相关文章
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
4226 1
|
存储 前端开发 小程序
表白墙完善(数据库,前端,后端Servlet),再谈Cookie和Session。以及一个关于Cookie的练习小程序
表白墙完善(数据库,前端,后端Servlet),再谈Cookie和Session。以及一个关于Cookie的练习小程序
|
小程序 前端开发 数据可视化
作为一个前端小白,我竟然搞定了一个小程序的交付
作为一名刚毕业的前端码农,今年毕业后就加入了一家初创公司。入职不久便接到了一个小程序开发项目,客户特别强调必须使用小程序原生语言进行开发。由于时间紧迫而合适的后端开发者暂时还没到位,老板决定让我边学边做,承担起整个项目的前后端开发工作。对于初出茅庐的我来说,这无疑是一个巨大的挑战。不仅要掌握一门新的编程语言,还要学习数据库设计、服务器部署等一系列后端技术,任务艰巨。正当我为此感到头疼时,一位前辈向我推荐了极态云。经过一番调研后发现,它简直就是为像我这样缺乏后端经验但又急需快速完成项目的人量身定做的解决方案!
作为一个前端小白,我竟然搞定了一个小程序的交付
|
设计模式 前端开发 JavaScript
前端编程的异步解决方案有哪些?
本文首发于微信公众号“前端徐徐”,介绍了异步编程的背景和几种常见方案,包括回调、事件监听、发布订阅、Promise、Generator、async/await和响应式编程。每种方案都有详细的例子和优缺点分析,帮助开发者根据具体需求选择最合适的异步编程方式。
424 1
|
小程序 IDE 开发工具
Python编程--个人信息修改小程序
Python编程--个人信息修改小程序
170 2
|
人工智能 小程序 API
文字转语音神器+Python编程搞定语音报时小程序
文字转语音神器+Python编程搞定语音报时小程序
298 2
|
人工智能 小程序 API
ChatTTS+Python编程搞定语音报时小程序
ChatTTS+Python编程搞定语音报时小程序
293 1
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
1272 1
|
人工智能 小程序 Python
Python编程小案例——编一个事件提醒弹窗小程序
Python编程小案例——编一个事件提醒弹窗小程序
412 0