小程序与现代化移动Web体验的完美结合

简介: 欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。

⭐  专栏简介

       欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。



       同时,我们也会关注最新的前端趋势和发展动态。随着Web技术的不断演进,前端开发也在不断推陈出新。我们会及时介绍最新的前端框架、工具和技术,使你能够站在前沿,与时俱进。通过掌握最新的前端技术,你将能够在竞争激烈的Web开发领域中有更大的竞争力。



📘  文章引言


一、是什么

2017年,微信正式推出了小程序,允许外部开发者在微信内部运行自己的代码,开展业务


截至目前,小程序已经成为国内前端的一个重要业务,跟 Web 和手机 App 有着同等的重要性

小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用


也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载


注意的是,除了微信小程序,还有百度小程序、微信小程序、支付宝小程序、抖音小程序,都是每个平台自己开发的,都是有针对性平台的应用程序


二、背景


⼩程序并⾮凭空冒出来的⼀个概念,当微信中的 WebView 逐渐成为移动 Web的⼀个重要⼊⼝时,微信就有相关的 JS-SDK


JS-SDK 解决了移动⽹⻚能⼒不⾜的问题,通过暴露微信的接⼝使得 Web 开发者能够拥有更多的能⼒,然⽽在更多的能⼒之外,JS-SDK的模式并没有解决使⽤移动⽹⻚遇到的体验不良的问题


因此需要设计⼀个⽐较好的系统,使得所有开发者在微信中都能获得⽐较好的体验:


快速的加载

更强⼤的能⼒

原⽣的体验

易⽤且安全的微信数据开放

⾼效和简单的开发

这些是JS-SDK做不到的,需要设计一个全新的小程序系统


对于小程序的开发,提供一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者开发出具有原生体验的服务


其中相比H5,小程序与其的区别有如下:


运⾏环境:⼩程序基于浏览器内核重构的内置解析器

系统权限:⼩程序能获得更多的系统权限,如⽹络通信状态、数据缓存能⼒等

渲染机制:⼩程序的逻辑层和渲染层是分开的

小程序可以视为只能用微信打开和浏览的H5,小程序和网页的技术模型是一样的,用到的 JavaScript 语言和 CSS 样式也是一样的,只是网页的 HTML 标签被稍微修改成了 WXML 标签


因此可以说,小程序页面本质上就是网页


其中关于微信小程序的实现原理,我们在后面的文章讲到


三、优缺点


优点:


随搜随用,用完即走:使得小程序可以代替许多APP,或是做APP的整体嫁接,或是作为阉割版功能的承载体

流量大,易接受:小程序借助自身平台更加容易引入更多的流量

安全

开发门槛低

降低兼容性限制

缺点:


用户留存:及相关数据显示,小程序的平均次日留存在13%左右,但是双周留存骤降到仅有1%

体积限制:微信小程序只有2M的大小,这样导致无法开发大型一些的小程序

受控微信:比起APP,尤其是安卓版的高自由度,小程序要面对很多来自微信的限制,从功能接口,甚至到类别内容,都要接受微信的管控

⭐  写在最后

请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.


✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式


✅ 认为我部分代码过于老旧,可以提供新的API或最新语法


✅ 对于文章中部分内容不理解


✅ 解答我文章中一些疑问


✅ 认为某些交互,功能需要优化,发现BUG


✅ 想要添加新功能,对于整体的设计,外观有更好的建议


最后感谢各位的耐心观看,既然都到这了,点个 👍赞再走吧!

相关文章
|
21天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
4月前
|
移动开发 小程序
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
|
3月前
|
前端开发 JavaScript 测试技术
深入实战:构建现代化的Web前端应用
深入实战:构建现代化的Web前端应用
47 0
|
7月前
|
前端开发 JavaScript 开发者
AngularJS:构建现代化Web应用的强大框架
在当今Web开发领域中,AngularJS已经变得非常受欢迎。它是一个由Google开发并维护的开源JavaScript框架,广泛用于构建现代化、高效且可扩展的Web应用程序。本文将深入探讨AngularJS的一些重要特性和优势,以及为什么选择AngularJS作为您的下一个Web开发项目的理想选择。
170 0
|
3月前
|
移动开发 小程序 JavaScript
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
|
1月前
|
JavaScript 前端开发 API
Vue.js:构建现代化Web应用的灵活选择
Vue.js:构建现代化Web应用的灵活选择
42 0
|
2月前
|
前端开发 JavaScript Java
从前端到后端:构建现代化Web应用的技术演进
本文将讨论在构建现代化Web应用时涉及的技术演进,并重点关注前端和后端领域的发展。我们将探索各种编程语言(如Java、Python和C),数据库技术以及前沿的前端和后端框架,帮助读者了解如何利用这些工具和技术来构建高效、可扩展和用户友好的Web应用。
|
3月前
|
Dart 小程序 前端开发
WebSocket 解析与应用(包含web前端、服务端、小程序、dart/flutter中的用法)
WebSocket 解析与应用(包含web前端、服务端、小程序、dart/flutter中的用法)
222 0
|
3月前
|
存储 前端开发 JavaScript
从前端到后端:构建现代化Web应用的技术全景
本文将深入探讨前端和后端技术在构建现代化Web应用中的重要性和关联性。从前端开发的基础概念,如HTML、CSS和JavaScript,到后端技术的关键组成部分,如Java、Python、C和数据库,我们将一步步揭示如何整合这些技术,创建出高效、安全且功能强大的Web应用。
64 0
|
3月前
|
存储 前端开发 Java
从前端到后端:构建现代化Web应用的技术探索
本文将探讨现代化Web应用开发中的前端与后端技术,并介绍如何使用Java、Python、C等编程语言以及数据库来构建高效、可靠的应用。通过对不同类型技术的综合运用,读者将获得一份全面的技术指南,帮助他们在Web应用开发领域取得更大的成功。
19 2