自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 vue单页面的优缺点(spa)

优点: 用户体验好、快,内容改变不需要加载整个页面,对服务器压力小 前后端分离 完全的前端组件化,代码结构和组织方式更加规范化,便于修改和调整 缺点: 首次加载页面需大量加载静态资源,时间相对比较长 不利于seo优化,单页面数据在前端渲染意味着没有seo 页面导航不可用 如果要导航需要自行实现前进后退 页面复杂度提高很多 ...

2021-12-31 18:14:55 627

原创 var ,let,const区别

var,let,const 1.使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升 2.使用let申明的变量,其作用域为该语句所在的代码块中,不存在变量提升 3.使用const声明的变量,在后面出现的代码中不能在修改该常量的值 块作用域由{ }包括,if语句和for语句里的{ }也属于块作用域 区别 1.var声明的变量会挂载在window上,而let和const不会 2.var声明的变量存在变量提升,let和const不会,不能在声明前使用 3.let和const声明的变量形成块作用

2021-12-31 18:09:37 410

原创 重绘与回流的关系

重绘与回流 (repaint与reflow) 引起DOM树结构变化,页面布局变化的行为叫做回流 只是样式的改变,不会改变DOM结构,页面布局变化的行为叫做重绘 回流一定伴随着重绘,重绘不一定伴随回流 改变元素的宽高、位置属于回流 只改变元素的颜色、背景属于重绘 哪些行为会引起回流,怎么避免 1.元素的增删行为 2.几何属性的变化(如宽高) 如果同时要改变多个属性,最好将这些属性定义在class中,直接修改class名,这样只会引起一次回流 3.元素位置发生改变 修改一个元素的margin、padd

2021-12-31 17:48:30 480

转载 从前端角度 处理大量数据的渲染

在项目中经常会碰到大量数据需要在前端页面渲染,很多时候会使用分页的功能,但是数据量过大的时候比如10万条这种的,一直滑动列表后面会出现卡顿,滑不动的现象,这时候就需要前端来做些优化 1.createDocumentFragment()碎片节点 渲染大数据时,将数据分成一段一段执行,createDocumentFragment()创建一个虚拟节点对象,将一部分数据先添加到DocumentFragment中,再统一将DocumentFragment添加到页面,会减少页面渲染DOM的次数,效率会明显提升 &l

2021-12-31 16:46:37 2543

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除