前端好用框架推荐前端好用框架推荐，0难度，不会前端也能写出好看的页面！手机端 MUI 这个是不依赖任何第三方JS库，压缩

这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战

一、手机端

这个是不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K，可以使用平时静态页面宣传类的手机端框架，这个好用的地方在于很容易上手，并且头部有专用的组件，可以直接用，类似于原生APP的头部组件，可以返回可以搜索等。特别是侧滑菜单，真的和原生APP很像，流畅且好看！

不贴代码了直接上一段代码截图：

我是直接结合jquery用的，就很方便啊，像后端或者对前端不是很会的人就可以直接上手，一点问题都没有

优点：使用简单方便，并且上手快，接近原生，轻量级

缺点：需要下载代码，才能查看每一块是怎么实现怎么使用的

是有赞前端团队开源的移动端组件库，我觉得这个很适合在微信公众号使用，里面很多组件和图标都可以直接拿过来用，样式也不需要太大的修改就能做到很好看

这里也是直接贴代码截图：

这个就是直接和vue2用的，van-nav-bar就是头部导航栏，也hin方便

优点：使用简单方便，上手快，轻量级，支持vue2、vue3、微信小程序版本

缺点：头部组件使用后，在手机上下面会有一条横线

解决办法：

/* 设置头部标题栏下面没有一条线 */.van-hairline--bottom:after {     border-bottom-width: 0px;}

这个就是大家都很熟悉的后台管理框架，但是我发现很多人不是很会使用，就例如改表格的背景色，以及修改一些样式，下面说一些常用的：

修改表格样式：

/deep/ .el-table .cell{
  background:#11d111;
  margin: 10px;
}

直接用/deep/可以修改很多框架里的样式。

全局修改弹框点击背景隐藏弹框的功能：

main.js
ElementUI.Dialog.props.closeOnClickModal.default = false // 全局关闭

类似的其他全局修改的功能都可以用这个方法实现

剩下的样式或者功能问题如果还改不成功，我就直接改源码，我就喜欢看源码改源码，改成功就很有成就感，改不成功嘛，我就……

在这里缅怀一下，用了很久了，甚至现在也在用，没有官网看不了文档，我也能背着写出各种功能。