随着前端的流行，前端也跟后端一样出现了很多的框架，比较流行的可能就是layui和uikit了。那今天对这两款的框架进行全面的对比：

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

一、Beautiful Soup简介

爬虫正则表达式参考我上一篇文章：

事件委托是利用事件的冒泡原理来实现的, 何为事件冒泡呢? 就是事件从最深的节点开始, 然后逐步向上传播事件，

举个例子：页面上有这么一个节点树, div>ul>li>a; 比如给最里面的a加一个click点击事件, 那么这个事件就会一层一层的往外执行, 执行顺序a

浏览器的渲染方式和性能优化主要涉及 HTML 解析、CSS 解析、JavaScript 执行、布局（Layout）、绘制（Painting） 和 合成（Compositing） 等关键环节。以下是详细解析及优化方案：

html body【能源人都在看，点击右上角加“关注”】brhtml head/head body div id="content" style type="text/css".bjxtgad ul{ padding-bottom:10px}.bjxtgad ul li{ padding:5px; text-align:center; float:none}.list_left .bjxtgad ul li a{ color:#f00; font-size:14px; line-height:18px;padding:0; float:none; text-decoration:underline; background:none; list-style:none; display:inline}.list_left .bjxtgad ul li a:hover{color:#c00; text-decoration:none}/style pa href="http://scl.bjx.com.cn"北极星水处理网讯/a:strong1、开个头/strong/p p有言在先，答应写个调试分享，现在有点后悔，来不及了，不想写也得写。没多想，那就只能从最大众的a target="_blank" href="

部门新来的美工MM，问我这个周末有没有空，她想请人去看电影？我窃窃偷笑，觉得这个姑娘不但设计能力强，人也长得漂亮，就赶紧回她：有的，有的，我有的是时间。

那你周末去电影帮我看一下，哪些电影正在热映，好不好？我想带我男朋友去看。

顶你个肺，我，我，我.....，一会发给你就是了。于是

html body【能源人都在看，点击右上角加“关注”】brhtml head/head body div id="content" style type="text/css".bjxtgad ul{ padding-bottom:10px}.bjxtgad ul li{ padding:5px; text-align:center; float:none}.list_left .bjxtgad ul li a{ color:#f00; font-size:14px; line-height:18px;padding:0; float:none; text-decoration:underline; background:none; list-style:none; display:inline}.list_left .bjxtgad ul li a:hover{color:#c00; text-decoration:none}/style pa href="