bigb的博客

24、TS type和interface有什么区别，有什么相互之间做不到的吗？7、如果有3万条数据让你渲染，你会怎么做才能满足性能？12、让别人继承你的类，需要实现特定的方法，应该怎么做。28、手上有1、2、5块钱，要组成20块钱有几种方法？29、一个容积5升和6升的桶如何组成3升的水？3、vue2 和 vue3 底层有哪些不同？8、vue jsx的语法有接触过吗？4、vue从模板到编译的这个过程？10、js中实现继承的方式有哪些？1、关于前端异常比较深刻的有？17、js的设计模式了解多少？

首先，JavaScript是一门单线程的语言，意味着同一时间内只能做一件事，这并不意味着单线程就是阻塞，而是实现单线程非阻塞的方法就是事件循环ajaxsetTimeout。

懒加载也叫延迟加载，按需加载，指在长网页中延时加载图片数据，是一种比较好的网页性能优化的方式。在比较长的网页或应用中，如果图片加载很多，所有图片都加载出来，而用户只能看到可是窗口的那一部分图片，这样就浪费性能。

Vue组件可能存在多个实例，如果使用对象形式定义data，会导致它们共用一个data对象，状态变化会影响所有组件实例，这是不合理的，采用函数的形式，在initData时会将其作为工厂函数返回新的data对象，有效避免多实例之间状态污染的问题。虚拟DOM实际上是一层对真实ODM的抽象，用JavaScript对象来描述节点，最终通过一系列操作使这个树映射到真实的DOM上这JavaScript 对象中，虚拟DOM表现为一个Object对象，并且至少包含标签名（tag）、属性（attrs）和子元素对象（

DOM是文档对象模型，指的是把文档当做一个对象，这个对象定义了网页内容的方法和接口BOM是浏览器对象模型，它指的是把浏览器当做一个对象来对待。这个对象包含了浏览器交互的方法和接口，BOM的核心是window，window既能被js访问，又是一个Global（全局）对象，window对象包含有location对象，navigator对象等等。

含义就是当Item的总宽度超过父级的宽度的时候，item进行等比例缩小。相对于圣杯布局来说，center是通过margin预留两边的位置的，两边的margin就相当于center的翅膀。，可以理解为一个容器，在这个容器里面按照一定的规则进行物品排列，并且不会影响其他环境中的物品，也不受外部影响。设置成inline之后，产生的换行符被渲染成了空格，占用一个字符的长度。的值大于0 的时候，那么各个item的宽度根据设置的大小按比例放大。使用浮动，左边左浮动，右边右浮动，中间设置相应的margin值，

SVG 是可缩放矢量图形，是基于可扩展标记语言XML描述的2D图形，基于XML意味着每个DOM都是可用的，可以为每个元素附加Javascript事件处理器，在SVG中，每个绘制的图形叫做对象，对象的属性发生变化时，浏览器会自动重现图形。如果没有defer或者async，浏览器会立即加载并执行js脚本，会阻塞页面的渲染，如果文件比较大或者脚本比较耗时的话，页面就会出现卡顿的情况。网页源代码使用GBK编码，而内容中的中文使用的是UTF-8编码，就会出现乱码，反之亦然。会立即加载并执行脚本，阻塞了页面的渲染。