小程序代码示例整理

╰+攻爆jí腚メ 2022-02-17 12:52 405阅读 0赞

以下是分享了一部分小程序的代码示例，希望能够帮助到你们，抓紧收藏吧

微信小程序知乎日报

[https://github.com/myronliu347/wechat-app-zhihudaily][https_github.com_myronliu347_wechat-app-zhihudaily]  
![在这里插入图片描述][20190419161644924.gif]  
微信小程序购物车案例

[https://github.com/SeptemberMaples/wechat-weapp-demo][https_github.com_SeptemberMaples_wechat-weapp-demo]  
![在这里插入图片描述][640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1_wx_co_1]  
微信小程序–聊天室功能

本项目使用 Gorilla WebSocket 作为聊天室后台 , Gorilla WebSocket 基于go语言开发，提供的demo实例中有聊天室源码，不需要任何修改就能生成一个聊天室项目(包含后台+web前台)

[https://github.com/ericzyh/wechat-chat][https_github.com_ericzyh_wechat-chat]

微信小程序–音乐播放器

[https://github.com/eyasliu/wechat-app-music][https_github.com_eyasliu_wechat-app-music]

![在这里插入图片描述][640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1_wx_co_1 1]

小程序快速开发骨架

[https://github.com/zce/weapp-boilerplate][https_github.com_zce_weapp-boilerplate]

开发阶段与生产阶段分离。

自动化生成新页面所需文件并添加到配置中。

以Standard Code Style校验全部的js和json文件。

开发阶段json配置文件可以有注释，方便备注。

代码中集成部分文档内容，减少查文档的时间。

开发阶段可以使用less完成样式编码，原因你懂得~ （如果你了解这些，当然可以支持sass等其他预处理样式）。

借助babel自动进行ES2015特性转换，放心使用新特性。

开发阶段用xml文件后缀取代wxml后缀，避免在开发工具中配置代码高亮。

Source Map

Travis CI

微信小程序版–微信

[https://github.com/liujians/WeApp][https_github.com_liujians_WeApp]  
![在这里插入图片描述][20190419162221153.gif]  
微信小程序–地图的使用

[https://github.com/giscafer/wechat-weapp-mapdemo][https_github.com_giscafer_wechat-weapp-mapdemo]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgxOTA5OA_size_16_color_FFFFFF_t_70]  
微信小程序–2048

[https://github.com/natee/wxapp-2048][https_github.com_natee_wxapp-2048]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgxOTA5OA_size_16_color_FFFFFF_t_70 1]  
微信小程序项目集合  
[https://javascript.ctolib.com/javascript/categories/javascript-wechat-weapp.html][https_javascript.ctolib.com_javascript_categories_javascript-wechat-weapp.html]  
番茄时钟  
[https://github.com/kraaas/timer][https_github.com_kraaas_timer]  
小程序计算器  
[https://github.com/DengKe1994/weapp-calculator/tree/master][https_github.com_DengKe1994_weapp-calculator_tree_master]

[https_github.com_myronliu347_wechat-app-zhihudaily]: https://github.com/myronliu347/wechat-app-zhihudaily
[20190419161644924.gif]: /images/20220217/b403778775a8435fa7db9b11dae32aab.png
[https_github.com_SeptemberMaples_wechat-weapp-demo]: https://github.com/SeptemberMaples/wechat-weapp-demo
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1_wx_co_1]: /images/20220217/284370ff5e004dc0b7a1ab0d16fbd00c.png
[https_github.com_ericzyh_wechat-chat]: https://github.com/ericzyh/wechat-chat
[https_github.com_eyasliu_wechat-app-music]: https://github.com/eyasliu/wechat-app-music
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1_wx_co_1 1]: /images/20220217/b1c8f620b7ee4e29800d7018a3f37686.png
[https_github.com_zce_weapp-boilerplate]: https://github.com/zce/weapp-boilerplate
[https_github.com_liujians_WeApp]: https://github.com/liujians/WeApp
[20190419162221153.gif]: /images/20220217/0b40e84ca0744325abb9ef841be90ed1.png
[https_github.com_giscafer_wechat-weapp-mapdemo]: https://github.com/giscafer/wechat-weapp-mapdemo
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgxOTA5OA_size_16_color_FFFFFF_t_70]: /images/20220217/2e9993159bae40cba94dd1b7bb21062b.png
[https_github.com_natee_wxapp-2048]: https://github.com/natee/wxapp-2048
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgxOTA5OA_size_16_color_FFFFFF_t_70 1]: /images/20220217/ca69c7f021e549ccbbe030f5f96ce16e.png
[https_javascript.ctolib.com_javascript_categories_javascript-wechat-weapp.html]: https://javascript.ctolib.com/javascript/categories/javascript-wechat-weapp.html
[https_github.com_kraaas_timer]: https://github.com/kraaas/timer
[https_github.com_DengKe1994_weapp-calculator_tree_master]: https://github.com/DengKe1994/weapp-calculator/tree/master