首页
学习
活动
专区
工具
TVP
发布

前端真相

关注那些真正应该掌握的前端知识,并用这些知识探索有趣好玩的世界。
专栏作者
110
文章
124839
阅读量
40
订阅数
vue基础
vue文件组件也支持CSS预处理语言,比如scss或者less。如需使用scss,定义lang属性即可:
城市中的游牧民族
2019-02-21
4230
Vue.js重点知识
在 Vue 中调用 computed 和调用 data 一样,都是 this.funName,而不是像访问 methods 中的方法那样使用 this.funName()。一般情况 watch 与 computed 都是系统自动调用去实现数据改变的。
城市中的游牧民族
2019-02-21
4070
CSS布局
一、基础 1.position 这是由于float和绝对定位都是使用块框架(block layout)来显示,所以会隐式地改变display的值。 二、居中 1.垂直居中 2.水平居中
城市中的游牧民族
2019-02-21
1K0
Virtual DOM
DOM操作太消耗浏览器计算资源,diff算法才有其存在的意义。 DOM操作为什么慢? 1.直观感受:在浏览器控制台,用for循环遍历div属性,会看到有很多属性输出。对于浏览器渲染引擎而言,一个HTML元素就是一个占用内存的数据结构,因此元素的属性越多理论上占用的内存越多,就越消耗性能。再从另外一个角度分析,页面渲染也是图形化的过程,玩游戏的朋友应该知道网络稍微不好,游戏页面就很卡,也就是说图形化是很消耗硬件资源的。 浏览器渲染:DOM操作会引起浏览器repaint和reflow。 如何减少DOM操作? 先隐藏需要操作的DOM:display:none,再显示:display:block。 离线操作DOM:我们先将元素脱离文档流,然后对元素进行操作,最后再把操作后的元素放回文档流。 可以cloneNode,将DOM操作变成纯粹的内存操作 createDocumentFragment 操作完成之后替换原来的DOM元素。如果是添加多个节点,将所有DOM节点都在内存中拼装完成之后再append到DOM中。 replaceChild appendChild 2.为什么用JavaScript模拟DOM结构?
城市中的游牧民族
2019-02-21
3930
css(1)
1 z-index就是网页的z轴,用相对定位绝对定位把两个层重叠在一起,z-index的值越大,就越靠上,注意,z-index没有单位,z-index:99;这样写就够了2 居中方法:http://blog.csdn.net/chenmoquan/article/details/41547609 * left:calc(50%-30%)
城市中的游牧民族
2018-05-22
5160
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档