【css基础】

本文介绍了CSS基础,包括提高页面性能的优化方法,如数据懒加载、路由懒加载和压缩工具的使用。讨论了优雅降级和渐进增强的概念,详细解释了BFC的形成及其性质,并探讨了盒模型、水平垂直居中布局、移动端1px边框解决方案等。此外,还涵盖了CSS单位理解、减少重绘和回流的策略以及CSS Hack的相关知识。最后,概述了HTML5的语义化标签和新特性。
摘要由CSDN通过智能技术生成

CSS基础

1、提高页面性能优化
1.数据懒加载
2.小图标使用精灵图
3.字库使用bg2312 而不是utf-8, 一个汉字少一个字节
4.路由懒加载:/组件不使用不加载
函数 或者promise
示例:
const login =()=>(import ‘./login’)
promise :方法
const detail =()=>Promise.resolve(import ‘./detail’)

5.使用gulp 、webpack /grunt 等工具压缩html/js/css
2、什么是优雅降级、渐进渐强

if(window.localStorage){
    2 // 用本地存储 3 }else{ 4 // 用cookie当存储 5 }
if(浏览器是高级浏览器){
    2 使用<video> 3 }else{
    4 使用flash 5</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值