这
小程序开发的需求越来越大，使用的框架越来越多，以下是我认为比较好的几个。
1. 官方框架 MINA
简介：小程序开发框架的目标是让开发者通过最简单、最有效的方式，在陌陌中开发具有原生APP体验的服务。
整个小程序框架系统分为两部分：逻辑层（应用服务）和视图（视图）。小程序提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层和逻辑层之间提供了数据传输和事件系统，以便开发人员可以专注于数据和逻辑。
文件地址：
2、微界面
简介：这是一套基于风格库weui-wxss开发的小程序扩展组件库，与陌陌原生视觉体验一致，由陌陌官方设计团队和小程序团队针对陌陌小程序设计html5前端框架，让用户的感知越来越统一。
文件地址：
3、MPVUE
简介：mpvue 是一个使用 Vue .js 开发小程序的后端框架。该框架基于 Vue.js 核心，mpvue 修改了 Vue 的运行时和编译器实现.js使其可以在小程序环境中运行，从而为小程序开发引入了完整的 Vue.js 开发体验。
文件地址：
4、WePY
简介：WePY（发音：/'wepi/）项目于2016年11月上线，是最早的小程序框架之一，是小程序支持组件化开发的框架，通过预编译手段让开发者可以选择自己喜欢的开发风格来开发小程序。框架的细节优化、Promise 的引入、异步函数的引入，都是为了让小程序项目的开发更轻松、更高效。
文档地址：#/
5、缇娜.js
简介：一个轻量级渐进式Momo小程序框架，保留了MINA（微信小程序官方框架）的大部分API设计;无论您是否有小程序开发经验html5前端框架，都可以轻松过渡到入门。
文档地址： #/？id=tinajs
6、优尼
简介：uni-app是一个使用Vue.js开发所有后端应用的框架，开发者编译了一套代码，可以发布到iOS、Android、Web（响应式），以及各种小程序（微信/支付宝/百度/今日头条/飞书/QQ/快手/钉钉/淘宝）、快易等平台。
文件地址：
7、赫拉
Android、iOS、H5 和陌陌小程序是当今移动端最流行的移动平台，现在您可以使用小程序的句型为这个平台编译应用程序。
文档地址：#/基础知识/快速入门
8、爱视网
简介：一套优质的陌陌小程序UI组件库
文件地址：
9、范特
简介：轻量级可靠的小程序UI组件库
文档地址：#/主页
10、芋头
简介：Taro 是一个开放的跨终端跨框架解决方案，支持使用 React/Vue/Nerv 等框架开发 Momo/JD.com/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN 等应用。
如今，低端市场有很多形式，比如Web、React Native、微信小程序等。当业务需求需要同时在不同端表达时，为不同端编译多组代码的成本其实非常高，只用一组代码适应多端的能力就变得极其必要。
文件地址：
作为一名优秀的Web后端人员，怎么能不懂响应式布局呢？ 今天给大家分享一下Web后端开发设计的干货。 关于响应式布局设计和响应式后端优化。
我们都知道，目前主流的PC屏幕帧率有1366*768、1440*900、1280*1024等大屏显示器。
所以我们设计的网页不能按照1024标准来设计html5响应式，也不能建立在后端。
再加上目前联通互联网的趋势发展得这么好，错过联通互联网的平台是我们最大的损失。
由于国外很多电商网站仍然是门户网站，移动端的流量比PC端要小。
响应式的核心优势在于设计者可以在所有设备上使用相同的模板，只需要使用CSS来定制内容在各种尺寸屏幕上的呈现。
1. 三种响应式布局设计方法
1.中心定位，两侧自适应
这种方式就是让内容和视觉居中，规格控制在1000px以内。 在左右两侧放置一些辅助信息，让它们适应屏幕的长度。
2.单边定位，中心延伸
这种方法是将主要内容放在右侧。 这是由我们的阅读习惯决定的，然后在左边放一些辅助信息。 中间部分是自适应屏幕长度内容。
3、腾讯所说的小茄草的全屏响应式设计。
事实上，小车蛋糕的全屏响应式设计是顶级瀑布之一。 根据屏幕长度进行估算，以相对较小的细胞微基为基础，再扩大2倍、3倍、4倍等，估算出最合适的完整组合。 通常用于图像信息显示页面。
2.响应式布局的构成及常用插件介绍
(1)媒体查询
Media Query的主要功能是根据不同的帧率调整一些不同的样式。 由于目前主流联通设备都是基于ios和Androidhtml5响应式，这三者内置的浏览器都是webkit内核，所以我们可以利用viewport属性和Media Query技术来实现响应式网页。 这样我们就可以让标准的font-size在不同的码率下显示不同的内容。
(2)流体网格
流体网格全称为流体布局，就是在PC实现的基础上将一些元素的样式从固定调整为弹性比例或者字体比例。 使用Fluid grid的网站可以根据屏幕长度手动调整页面中各列的长度，从而保证页面仍处于完全解释状态并实现原有的基本功能。
(3) 弹性盒
Flex box是CSS3新添加的模型属性。 它的出现有效打破了我们常用的浮动布局，实现了垂直等高、水平划分、列定义。 它可以实现很多我们以前做不到的事情。 适应布局。 如果你希望你的网站以webapp的形式出现在手机用户面前，那么Flex box是一个很好的形式。 Flex box和APP的结构很相似，头顶全部固定，中间部分高度自适应。
10 个免费响应式布局 HTML5+CSS3 模板 | 最佳 Web 后端资源
HTML5响应式布局网站模板下载是响应式布局的学习案例。
4.一套响应式布局HTML5网站模板下载-Wee
您可以点击阅读：响应式设计最好的5个美国设计工具
3.优化响应式后端设计。 主要是为了用户体验的提升。
(1)减少Javascript库负载
对于移动端来说，jQuery 太厚重了，但是现在对于移动端的状态来说，有 jQuery Mobile、YUI、XUI 等框架可以选择。
