什么是布局?
就是根据需要,将 dom 元素进行排列。
box-sizing 属性用来决定盒子的内容区域的计算方式。当它的属性值是border-box
的时候,内容区域就是 border + padding + content。这个时候定义的width
,height
属性就是用户肉眼能看到的区域。而默认值content-box
则的内容区域就是有 content,所以用户看到的宽度高度等于 css 定义的宽高 加上 border 再加上 pandding。
这个问题其实应该是“如何实现一个元素相对于父元素的水平垂直居中”,否则范围会大到没法回答。这里现做两个盒子出来。现在假设有两个盒子,分别是 box-a,和 box-b。默认的文档流下,box-b 紧挨着 box-a 的左上角。现在的需求是让box-b在box-a正中间。
作为一个前端开发,入职后领取完办公电脑,要做的第一件事应该是和公司的老同事交流,了解即将接手的项目所用的技术栈,已有的文档,公司个性化的一些开发设置。然后再去配置电脑环境,作为前端人,无论到哪里,node 都必须有,为了应对不同项目对不同版本 node 的需求,可以安装一份包管理器来管理不同版本的 node,我自己的话习惯于使用 nvm。node 环境配置好以后,就是配置电脑的代码管理账号,拉取代码,然后查看文档,运行代码。
这个问题很直接,一上来就问到了关键问题!那就顺着这条线去看一下,什么是防抖节流,有哪些应用场景?
在实现一个功能之前,搞清楚概念是非常有必要的。所以在实现图片懒加载之前,弄明白什么是图片懒加载,为什么要做懒加载非常有必要。只有知道了是什么,为什么,才能想怎么做!
前端动画开发,主要有下面五种开发方向
本来是译文,原文见Everything You Need to Know About JavaScript Import Maps。就像它霸气的标题一样,本文讲了关于import maps的一切问题。本文详细的讲述了Import Maps的用法,工作原理,以及polyfill。
这是three.js学习的第20篇笔记,也是基础学习的最后一篇笔记。这篇笔记会综合复习一下已经学习过的内容。因为three.js还有很多的知识,所以这篇笔记里面还是会继续有干货出现。同时,这一篇笔记我们会重新从0到1做一个完整three.js应用。