微信小程序为什么不用HTML5、CSS，自己搞了个WXML、WXSS，很多框架用不了，好处一点不知道？

你在小程序中需要使用HTML5、 CSS来创建页面，那么你一定会碰到一些问题，比如：

1.小程序中的布局没有 JS支持，没有 JS渲染逻辑。

2.没有内置 css，都是靠 JS自己实现的。

3.很多框架不能使用，比如： Vue、 React。

4.一些常用的布局在小程序中找不到（比如： Html）。

5.框架无法使用，只能用 JavaScript自己实现。

那么你就需要一个微信小程序开发框架，比如： Flutter、 Gulp等，为什么不用HTML5、 CSS来创建小程序页面呢？下面我们来了解一下微信小程序开发框架的具体应用。

小程序中的布局没有 JS支持

微信小程序开发中的布局和原生页面中的布局是完全一样的，都是 WXML的文档样式。但是原生页面中是有 JS支持的，比如： html、 css等，小程序没有。所以，你在小程序中写了一个 HTML、 CSS就会造成页面显示混乱。

小程序中的代码需要 JS实现

微信小程序与原生应用最大的不同在于，原生应用要用 JS来实现。因此，在小程序中的代码需要用到 JS。而这个 JS可以自己写，也可以使用现成的，但是更推荐使用自己写的，这样能让你更容易地学习 JS。

因此，你在小程序中如果想用到原生应用的代码，那么你就要使用微信小程序开发框架来实现（如果你要自己开发小程序）。当然，我们不建议你使用微信小程序开发框架来创建代码，因为这样会使你的代码变得臃肿、难用。

小程序中的一些常用布局，在 JS中找不到

小程序中的一些常用布局，比如： html、 css，在 JS中找不到，而微信小程序开发框架却支持这些布局的添加，比如： action、 button等。

目前我的小程序中就有一个小组件需要添加一个 action。从官方文档中得知， action是自定义的，不需要在微信小程序开发框架中使用。

在这里我们需要使用到一个新的布局：wxml_css. font （）：

不过在官方文档中没有找到具体的定义，但这个布局应该是微信小程序开发框架自己定义的，它可以自动识别并添加到小程序中。

最后我们来看看在微信小程序开发框架中可以用到哪些布局：

很多框架不支持小程序

1. Vue：框架中有一些布局逻辑，如： html、 css、 js等，这些布局在小程序中无法使用。

2. React: React中的一些布局逻辑无法在小程序中使用，如： div+ css、 filter等，只能通过 JS实现。

5.其它框架不支持小程序。

Flutter、 Gulp等框架能直接在小程序中使用

微信小程序开发框架，可以直接在小程序中使用，这一点是其它开发框架无法做到的。比如： Vue、 React等框架，要想使用他们的组件，需要在小程序中写组件才能使用。如果你自己搞个 WXML、 WXSS，在小程序中是无法直接使用的。而 Flutter、 Gulp等框架则不需要你写组件，而是直接在小程序中使用。

这是为什么呢？