通过本文和大家一起重新认识 CSS Grid 布局 。 该属性用于定义列数和宽度。您既可以单独设置每列的宽度，也可以使用 repeat() 函数为所有列设置统一的宽度。👇 该属性用于定义行数和高度。您既可以单独设置每行的高度，也可以使用 repeat() 函数为所有行设置统一…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

5、组件中同时存在两种写法时，当setup返回值中定义的方法和methods中的方法同名时，会抛出错误。 computed包装后的值，需要用 .value去取值，template中不需要使用.value。 一个不带 name 的 出口会带有隐含的名字“default”。

就是一个单独的CheckBox，这个一般用在用户注册的时候，选择同意条款的地方。 一个方框，打个勾勾就可以用软件，否则不让你用。 特点就是返回true和false。 共用函数都已经分离出去了，所以这里设置一下模板就好。 可能是UI库觉得框框打对号不好看吧，于是做了这种开关的方式…

在本篇文章之前，WebSocket很多人听说过，没见过，没用过，以为是个很高大上的技术，实际上这个技术并不神秘，可以说是个很容易就能掌握的技术，希望在看完本文之后，马上把文中的栗子拿出来自己试一试，实践出真知。 客户端(浏览器)和服务器端进行通信，只能由客户端发起ajax请求，…

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于3D绘制等。 浏览器渲染进程(浏览器内核)：每个Tab页对应一个进程，互不影响。 这里我们只考虑输入的是一…

无论什么时候，只要创建一个新函数，就会根据一组特定的规则为该函数创建一个 prototype 属性，这个属性指向函数的原型对象。默认情况下，所有原型对象都会自动获得一个 constructor（构造函数）属性，这个属性指向 prototype 属性所在的函数。 由于同一个构造函…

在created中发起请求获取数据，依次在子组件的created或者mounted中会接收到这个数据。 beforeUpdate和updated触发时，el中的数据都已经渲染完成，但只有updated钩子被调用时候，组件dom才被更新。 在mounted钩子对挂载的dom进行操…

盒模型可通过box-sizing进行设置（ box-sizing的默认属性是content-box）。根据计算宽高的区域可分为： 盒模型的组成，由里向外content(内容),padding(内边距),border(边框),margin(外边距)。 因为设置了为border-b…