前言2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。瀑布流布局瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[ MasonryLayouts]。与传统的分页显示不同，视觉表现为 参差不齐的多栏布局，最早是由Pinterest首先运用。无图无真相：如图所示，网页上呈现 参差不齐的多栏 …
最新内容
Bootstrap框架属于UI框架，这个和jQuery不太一样，其实准确的描述Bootstrap框架属于css框架而非javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外，Bootstrap框架十分超前，在支持html5和css3的浏览器上表现特别好，而且对移动终端的浏览器支持也是相当优秀。 一个完整 …
随着互联网的发展，人们对网页的体验度不断提升，不仅仅是满足功能需求，还要追求审美，追求好的体验度。作为一个后端，写前端好难，怎么写好前端？什么是Bootstrap？基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 而且它还支持响应式布局。Bootstrap学习路线了解Flat UiBootstra …
以前前端Web的功能非常简单，静态显示数据或者将URL指向服务器，然后它将数据混合成HTML呈现在浏览器上。随着应用场景的不断更新，结合JavaScript的动态HTML开始快速发展，各种Web框架快速出现，比如JQuery，React，Vue，angular等等，尽管这些Web框架在构建结构化的Web应用程序方面表现出色，但是它们的复杂性也给追求简单的开发 …
1、D2admin开源地址：https:github.comd2-projectsd2-admin文档地址：https:d2.pubzhdocd2-admin效果预览：https:d2.pubd2-adminpreview#index开源协议：MIT2、vue-element-admin开源地址：https:github.comPanJiaChenvue-e …
前阵子给大家说了一篇关于前端架构的文章，《前端框架太多太复杂，HTMX助你回归简单编程》。有几百位同学收藏了，还蛮开心的。前端相对于后端、大数据等而言，确实太卷了，各种新框架几年一更新。github上前端新内容也很多，像HTMX就是一个不错的例子。HTMX（Hypertext Markup eXchange）之所以受到大家的喜欢，是因为它回归到HTML本源， …
什么是 tailwindcss首先它是一个通用的类 css 框架，它内置了很多方便使用的 class，比如 text-center,pt-4,rotate-90，通过使用这些内置的样式，你可以非常快速地构建出一个网站的雏形。tailwindcss 从大小，颜色，字体，阴影方面去优化你的界面，你可以通过它们的组合搭配构建出最满意的视觉效果。强大的的包容性如果你 …
随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架，有几个确实不错，一起来看看。1、Bootstrap – 最流行 …
大家好，我是 Echa。今天来分享 50 个超实用的 Chrome 浏览器扩展！JSON1. JSON Viewer ProJSON Viewer Pro 用于可视化JSON文件。其核心功能包括：支持将JSON数据进行格式化，并使用属性或者图表进行展示；使用面包屑深入遍历 JSON 属性；在输入区写入自定义 JSON；导入本地 JSON 文件；使用上下文菜单 …
它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位 …