摘要: 前端性能优化 从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。 前端性能优化分为如下几个方面: 一、代码部署: 1、代码的压缩与合并2、图片、js、css等静态 阅读全文
posted @ 2020-04-28 19:52 组装梦想 阅读(135) 评论(0) 推荐(0) 编辑
摘要: index.html: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, user-scalable= 阅读全文
posted @ 2020-04-28 18:35 组装梦想 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,user-scalable=no, 6 initial 阅读全文
posted @ 2020-04-28 18:32 组装梦想 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,user-scalable=no, 6 initial 阅读全文
posted @ 2020-04-28 18:29 组装梦想 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 表单练习: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, user-scalable=no, in 阅读全文
posted @ 2020-04-28 18:26 组装梦想 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 各式各样的按钮: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,user-scalable=no, 阅读全文
posted @ 2020-04-28 18:18 组装梦想 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 一、bootstrap 容器 container-fluid 流体 container 1170 970 750 100% <div class="container-fluid">流体容器</div> <div class="container">响应式固定容器</div> bootstrap响应 阅读全文
posted @ 2020-04-28 18:12 组装梦想 阅读(243) 评论(0) 推荐(0) 编辑