微信小程序起步

Author:Dawn_T17🥥 

目录

什么是微信小程序

完成账号注册和完善 

成员角色 

小程序开发者ID

微信开发者工具 ​编辑

创建小程序项目 

文件和目录结构

Skyline和WebView  渲染模式

新建页面 

调试基础库 

调试小程序


什么是微信小程序

"触手可及的梦想,用完即走的理念"

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

一、特点

  1. 轻量级

    • 相比传统的手机应用,微信小程序体积小,不占用过多手机内存空间。这使得用户可以在不担心手机存储压力的情况下,轻松使用各种功能。
    • 快速启动,无需漫长的安装等待过程,能够满足用户即时性的需求。
  2. 跨平台性

    • 无论是在 iOS 系统还是 Android 系统上,只要用户安装了微信,就可以使用微信小程序。这大大降低了开发者的开发成本和维护难度,同时也为用户提供了一致的使用体验。
  3. 便捷性

    • 微信小程序可以通过多种方式进入,如扫描二维码、搜索、分享等。用户可以在微信聊天界面直接分享小程序,方便快捷地与朋友、家人一起使用。
    • 小程序还支持离线使用部分功能,即使在网络状况不佳的情况下,也能为用户提供一定的服务。

二、功能

  1. 丰富的应用场景

    • 微信小程序涵盖了各个领域的应用,包括但不限于购物、餐饮、旅游、教育、医疗等。无论是日常生活中的购物支付,还是工作学习中的文档处理,都可以通过微信小程序来实现。
    • 例如,用户可以使用外卖小程序点餐,使用电商小程序购物,使用在线教育小程序学习等。
  2. 强大的社交属性

    • 依托于微信的社交平台,微信小程序可以方便地实现社交分享、互动等功能。用户可以将自己喜欢的小程序分享给好友、群聊,还可以通过小程序参与各种社交活动。
    • 例如,一些游戏小程序可以邀请好友一起玩,一些投票小程序可以让用户参与互动等。
  3. 个性化服务

    • 微信小程序可以根据用户的需求和偏好,提供个性化的服务。通过用户的使用记录和行为分析,小程序可以为用户推荐适合的商品、服务和内容。
    • 例如,音乐小程序可以根据用户的听歌历史推荐相似的歌曲,新闻小程序可以根据用户的兴趣爱好推送相关的新闻资讯。

三、前景

  1. 前景广阔

    • 随着移动互联网的发展和智能手机的普及,微信小程序的市场前景非常广阔。越来越多的企业和开发者开始关注微信小程序,将其作为拓展业务和服务用户的重要渠道。
    • 未来,微信小程序有望在更多的领域得到应用,为用户提供更加便捷、高效的服务。同时,随着技术的不断进步,微信小程序的功能和性能也将不断提升,为用户带来更好的使用体验。

小程序 vs App

完成账号注册和完善 

 

成员角色 

小程序开发者ID

 

微信开发者工具 

 

创建小程序项目 

 

文件和目录结构

 

 

Skyline和WebView  渲染模式

在微信中,Skyline 渲染是一种新的渲染技术,主要用于提升小程序的性能和用户体验。

一、特点

  1. 高性能
    • Skyline 渲染采用了更高效的渲染管线,能够显著提高小程序的加载速度和运行性能。相比传统的渲染方式,它可以减少内存消耗和 CPU 占用,让小程序在各种设备上都能更加流畅地运行。
  2. 接近原生体验
    • 通过 Skyline 渲染,小程序可以实现更接近原生应用的交互效果和界面风格。例如,支持灵活的手势操作、稳定的滚动效果等,为用户带来更加自然和舒适的使用感受。
  3. 优化的组件框架
    • 微信对一些常用的组件进行了优化,使其在 Skyline 渲染下性能更好。例如,scroll-view组件只渲染在屏节点,提高了滚动的流畅度;swiper组件性能也得到了大幅度提升,还增加了缓存功能。

二、开启方式

在微信小程序的开发中,可以通过在 app.json 文件中加入特定配置来开启 Skyline 渲染。如果只打算在特定页面开启,则可以在指定页面的 json 文件中进行配置。

三、应用场景

  1. 对性能要求较高的小程序
    • 例如电商平台的商品展示页面、在线游戏等,需要快速的加载速度和流畅的交互效果,Skyline 渲染可以满足这些需求。
  2. 追求原生体验的小程序
    • 如果希望小程序的界面和交互更加接近原生应用,Skyline 渲染是一个不错的选择。可以实现瀑布流、吸顶布局、卡片转场、半屏切换等更贴近原生的交互体验。

总之,微信的 Skyline 渲染为小程序开发者提供了一种更高效、更接近原生体验的渲染方式,可以提升小程序的性能和用户满意度。

———————————————————————————————————————————

一、Skyline 的渲染模式

  1. 实时渲染模式
    • 特点:能够以高帧率实时呈现三维地理场景,包括地形、建筑物、景观等元素。对硬件性能要求较高,通常需要强大的图形处理单元(GPU)来支持流畅的渲染效果。
    • 适用场景:城市规划展示、虚拟旅游体验等需要实时交互和高逼真度的应用。例如,在城市规划项目中,设计师可以通过实时渲染的 Skyline 场景直观地查看不同规划方案的效果,实时调整建筑物的位置、高度等参数。
  2. 离线渲染模式
    • 特点:预先对三维场景进行渲染,并将结果保存为图像序列或视频文件。在播放时无需实时计算,对硬件要求相对较低,但缺乏实时交互性。
    • 适用场景:制作宣传视频、演示汇报等。比如,房地产开发商可以制作离线渲染的 Skyline 视频,用于向客户展示楼盘的周边环境和未来建成后的效果。

二、WebView 的渲染模式

  1. 标准渲染模式
    • 特点:遵循浏览器的标准渲染方式,加载网页内容并按照 HTML、CSS 和 JavaScript 的规范进行布局和显示。能够支持大多数常见的网页技术和特效。
    • 适用场景:一般的网页内容展示,如新闻网站、电商平台等在微信小程序中通过 WebView 嵌入的部分。用户可以像在普通浏览器中一样浏览网页,进行点击、滚动等操作。
  2. 混合渲染模式(结合原生与 WebView)
    • 特点:将原生应用的部分功能与 WebView 中的网页内容相结合,实现更加丰富的交互体验。例如,在微信小程序中,可以使用原生组件实现一些特定的交互效果,同时通过 WebView 加载外部网页资源进行内容展示。
    • 适用场景:对性能和交互性要求较高的应用场景。比如,一些企业级应用需要在小程序中同时展示内部管理系统的网页界面和原生的操作菜单、通知栏等功能。

但Skyline渲染模式还不太成熟,学习阶段选择WebView 渲染模式

删除如下代码  更改渲染模式

 

新建页面 

方式1:在pages文件夹下新建页面文件夹 再在这个文件夹下新建page(自动生成四个文件)

方式2:在app.json里添加在”pages“下面

调试基础库 

 

比如:

 

调试小程序

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值