iwowen的博客
iwowen
记录和分享技术
前端

前端关于性能优化方面的记录

性能优化的原则 多使用内存、缓存或其他方法 减少cpu计算量,减少网络加载耗时 (使用与所有便程的性能优化 --- 空间换时间) 从哪里入手 让加载更快 减少资源体积:压缩代码 减少访问次数:合并代码,ssr服务器端渲染,缓存 使用更快的网络,使用CDN 让渲染更快 css放到head,js放到body下面 尽早开始执行js,用DOMContentLoaded触发 懒加载(图片懒加载,上滑加载) 对dom缓存 频繁dom操作,合并插入dom结构 节流throttle 防抖 debouce

2020年05月10日 0条评论 78点热度 1人点赞 阅读全文
前端

关于前端BFC相关笔记

什么是BFC? W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为"visiable"的块级盒子,都会为他们的内容创建新的BFC(Block Fromatting Context, 即块级格式上下文)。 BFC的触发条件 1. 根元素html 2. float不为none 3. overflow不为visible 4. position为fixed或…

2020年05月09日 0条评论 44点热度 0人点赞 阅读全文
最新 热点 随机
最新 热点 随机
使用rollup和typescript搭建自己的函数库 前端关于性能优化方面的记录 关于前端BFC相关笔记 js数据类型和数据转换 dom事件笔记 css盒模型
关于前端BFC相关笔记前端关于性能优化方面的记录前端使用canvas实现贪吃蛇小游戏前端css实现左中右布局如何在react项目中使用redux?使用create-react-app打造多页面应用
在javascript中使用apply、call、bind函数 使用kodexplorer可道云作为hexo静态网站的后台 js中new的过程是什么? 如何在react项目中使用redux? js数据类型和数据转换 js函数节流和防抖
分类目录
  • react
  • vue
  • 前端
  • 工具
文章归档
  • 2020年12月 (1)
  • 2020年5月 (2)
  • 2020年4月 (3)
  • 2020年3月 (1)
  • 2020年2月 (1)
  • 2020年1月 (2)
  • 2019年12月 (1)
  • 2019年11月 (3)
  • 2019年10月 (1)

COPYRIGHT © 2020 iwowen的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

蜀ICP备19037276号-1