css box-sizing属性

box-sizing 属性用来决定盒子的内容区域的计算方式。当它的属性值是border-box的时候,内容区域就是 border + padding + content。这个时候定义的width,height属性就是用户肉眼能看到的区域。而默认值content-box则的内容区域就是有 content,所以用户看到的宽度高度等于 css 定义的宽高 加上 border 再加上 pandding。

详细阅读

css 边距折叠

什么是 css 样式的层叠?

是相同规则的 css 样式出现的顺序。比如下面的这个样式中,文字颜色被css 样式定义了两次,就会将后面出现的样式放到文字上去。

详细阅读

如何实现一个元素的水平垂直居中

这个问题其实应该是“如何实现一个元素相对于父元素的水平垂直居中”,否则范围会大到没法回答。这里现做两个盒子出来。现在假设有两个盒子,分别是 box-a,和 box-b。默认的文档流下,box-b 紧挨着 box-a 的左上角。现在的需求是让box-b在box-a正中间。

详细阅读

当新入职一家公司时,如何快速搭建开发环境并让应用跑起来

作为一个前端开发,入职后领取完办公电脑,要做的第一件事应该是和公司的老同事交流,了解即将接手的项目所用的技术栈,已有的文档,公司个性化的一些开发设置。然后再去配置电脑环境,作为前端人,无论到哪里,node 都必须有,为了应对不同项目对不同版本 node 的需求,可以安装一份包管理器来管理不同版本的 node,我自己的话习惯于使用 nvm。node 环境配置好以后,就是配置电脑的代码管理账号,拉取代码,然后查看文档,运行代码。

详细阅读

three.js基础学习综合复习

这是three.js学习的第20篇笔记,也是基础学习的最后一篇笔记。这篇笔记会综合复习一下已经学习过的内容。因为three.js还有很多的知识,所以这篇笔记里面还是会继续有干货出现。同时,这一篇笔记我们会重新从0到1做一个完整three.js应用。

详细阅读