抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >

微信小程序目录和简介(个人的看法和经验)

微信小程序Wechat Mini Program

发布于：2021年3月2日

关于我😁

 
           我现在是一名普通的大学生，由于正在开发着微信小程序，使用微信小程序作为前端工具来帮助我自己开发项目，微信小程序是一种十分方便快捷的前端工具，现在也如同大家所见，微信小程序遍地开花，有自己的研发团队来开发，而我始终都是一个人😭，下面就是一些关于我对小程序的看法(悄悄告诉你有干货~~(^_^) )

前言

           为什么要写这篇文章给自己挖下这么大的坑呢？
最近经常被老师和基地里的同学吐槽基础知识不扎实，我哪里不扎实了🤬，然后就在我打算怼回去的时候，同学就让我两分钟把微信小程序的组件给列出来，诶😔，好吧确实不扎实，那么不扎实最好的方法就是去写文章让周围人看了信服且认可，就算已经打好基础了，因为我稍微有点水平所以请大家在看的时候还是可以信服我的一些说法。

关于微信小程序😘

稍微介绍一下

           微信小程序是一种不用去下载的就能够使用的应用，也是创新，在随后的时间中，微信小程序的作用越来越突出，也越来越凸显出地位，主流观点认为微信小程序是一种中国人一次大胆而且非常成功的创新👍。

微信小程序开发

          个人感觉微信小程序的界面有点像Web前端开发界面，它的文件构成也证实了我的感觉🧠是正确的，在打开“微信开发者工具”我们可以看到微信小程序研发团队在这方面的努力，开发界面较为和谐，整体美观性比较不错。

           我认为小程序区别一个前端开发者是新生还是进阶只有一个区别，那就是静态样式和动态渲染，到老手这一步因为要开发大的集成项目，比如一些比较大的，成熟的开源项目，所以他们更加注重团队的配合以及一些代码的规范化，这样别人才能看得懂他的项目，所以这篇文章适合新生和进阶这两类人观看，欢迎指点，你可以通过两种渠道来联系我👀

—————》》

花里胡哨法：QQ邮箱：1907065810@qq.com(发邮箱到这里，反馈比较快)

简单粗暴法：在下方评论(问的时候说明清楚情况，问题，那个点不懂或者有疑问的存在问题的，顺便留下联系方式，方便我找你😘~)

       由于静态样式侧重在人性化和美观以及牵扯到一些关于UI的东西，而动态渲染的侧重点更偏向于后端的东西是一些关于逻辑层面的东西，所以我将所有的组件分为动态渲染和静态样式，这样我们就能更好的去学，去应用好小程序😄😄😄😄

静态样式

           静态样式主要还是一些关于美化层面的东西

     先上一波上干货—–》》

     工具、插件和组件

工具

  • Taro ★26k+ - 使用 React 的方式开发小程序的框架，同时支持生成多端应用
  • uni-app ★25k+ - 使用 Vue 语法开发小程序、H5、App的统一框架
  • WePY ★20k+ - 支持组件化的小程序开发框架
  • mpvue ★19k+ - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系
  • chameleon ★7k+ - 一套代码运行多端，一端所见即多端所见
  • kbone ★2.8k+ - Web 与小程序同构解决方案
  • Remax ★2.4k+ - 使用真正的 React 构建小程序
  • wept ★2.3k - 微信小程序实时运行环境
  • wechat_web_devtools ★2.3k+ - Linux 下微信开发者工具
  • wafer ★2.1k - 快速构建具备弹性能力的微信小程序
  • MPX ★2.1k+ - 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件
  • Labrador ★1.7k - 支持 ES6/7 的微信小程序组件化开发框架
  • licia ★1.7k - 支持小程序的 JS 工具库
  • megalo ★1.6k - 基于 Vue 的小程序开发框架
  • CloudBase Framework ★1.1k - 腾讯云开发开源一键部署工具，支持部署小程序及云开发应用
  • tina ★1k+ - 轻巧的渐进式微信小程序框架
  • minapp ★800+ - TypeScript 版小程序开发框架（兼容原生小程序代码）
  • Okam ★300+ - 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序
  • xpmjs ★100+ - 微信小程序云端增强 SDK
  • WeApp-Workflow ★100+ - 基于 Gulp 的微信小程序前端开发工作流
  • gulp-wxa-copy-npm - 微信小程序 gulp 插件，解决 npm 包管理和 babel-runtime
  • weact - 用 JSX 快速开发小程序
  • socket.io-mp-client - 微信小程序 socket.io 客户端
  • @wxa - AOP小程序开发框架
  • postcss-pxtorpx-pro - postcss px 转 rpx 插件
  • px2rpx - Px 转 Rpx 在线工具
  • wxml-parser - JavaScript WXML parser
  • weappx - 基于 redux 的数据层管理框架
  • weapp-start - 基于插件机制的开发脚手架，改善原生小程序开发体验
  • Egret Wing - 支持微信小程序实时预览的 IDE
  • wxapp-graphql - 小程序 GraphQL 客户端
  • gulp-wxapp-boilerplate - 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock
  • wenaox - 小程序数据层管理 ，轻量性能好，支持中间件
  • authing-wxapp-sdk - 身份认证 for 微信小程序
  • weapp-eslint-boilerplate - 微信小程序 Eslint 通用模板文件，节省自己配置的时间
  • Anka - 渐进式小程序开发工具集，提供通用的开发函数库及组件
  • WeAppBunXin - 微信小程序开发之影分身术，一套代码生成多个小程序
  • miniprogram-build - 小程序命令行编译工具(支持typescript,原生npm,资源文件压缩…)
  • wcc.js - wcc.js 是wxml文件和wxs文件编译器的nodejs实现
  • wcsc.js - wcsc.js 是wxss文件编译器的nodejs实现
  • weapp-gulp - Gulp高效构建微信小程序，让开发变得更简单
  • cheers-mp - Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版)

插件

组件

    来源于：https://github.com/justjavac/awesome-wechat-weapp
    侵可删

     组件介绍

这些组件方面的介绍只不过是在微信小程序官方组件文档的基础之上在加一点我的理解和看法，

动态渲染

     一些实用的demo和数据接口

Demo

可以直接运行成功

数据接口有问题

    来源于：https://github.com/justjavac/awesome-wechat-weapp
    侵可删

     一些实用的demo和数据接口

评论