新手前端界面设计网站推荐

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 目录

  前言

  1.Layui简介

  2.Layui的优点和缺点

  3.使用方法

  总结

---

前言

给大家介绍一个好用的前端设计网站，方便新手快速熟悉构建项目。

1.Layui简介

Layui - 极简模块化前端 UI 组件库https://layui.dev/

         Layui是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

2.Layui的优点和缺点

        优点：

        （1）layui属于轻量级框架，简单美观。适用于开发后端模式，它在服务端页面上有非常好的效果。

        （2）layui是提供给后端开发人员最好的ui框架，基于DOM驱动，只要不涉及到交互layui还是很不错的。

        缺点：

        （1）layui出现较迟，想必其他前端框架来说还是不太成熟。现在已更新到2.X版本了。

        （2）在实现前端交互上比较麻烦，因为页面的增删改查都需要查询DOM元素。

3.使用方法

Layui - 极简模块化前端 UI 组件库：点击进入Layui主页，点击开始使用

         在开始使用里面可以学习使用放大，大家可以自行观看。接下来教大家使用方法，我们以框体为例，点击框体

         点击框体后，右边可以进向下滑，大家可以选择自己需要的框体结构，然后点击</>

        把其中的框体代码复制到html上，根据自己需要自行更改

<link href="//unpkg.com/layui@2.8.0/dist/css/layui.css" rel="stylesheet">

<script src="//unpkg.com/layui@2.8.0/dist/layui.js">

        把复制过后的上面两行代码href和src里面的前端加上https： 变成下边两行代码，然后在网页上打开html

 <link href="https://cdn.staticfile.org/layui/2.8.10/css/layui.css" rel="stylesheet">

<script src="https://unpkg.com/layui@2.8.0/dist/layui.js">

        打开html即可展示出以下效果，想要其他效果可以自行更改 

---

总结

以上就是今天要讲的网站，大家可以多多学习，提升自己的能力和效率。希望这篇文章能帮助到大家，喜欢的可以点赞哟！