vue封装element组件详解？
首先，利用vue官方提供的cli（3.x）生成一个Vue工程，具体的cli安装和生成工程的过程可以参考官网Vue CLI的章节。看下生成的vue工程结构，
可以看到工程中有个App.vue，这是整个工程最顶端的组件，之后所有新开发的组件都是嵌套在这个组件中。
从App.vue中可以看出，组件分为三个部分
1. template ： 这是html部分，负责组件的展示
2. script ： 这是js部分，负责组件的逻辑
3. style : 这是css部分，负责组件的渲染
一般所有的组件都带有这三部分
cr渲染色块怎样渲染？
回答如下：要渲染一个颜色块，可以使用以下步骤：
1. 创建一个矩形：使用Canvas或SVG创建一个矩形元素，设置它的宽度、高度和位置。
2. 设置颜色：使用CSS设置矩形的颜色，可以使用颜色名称、RGB值或十六进制值。
3. 渲染矩形：将矩形元素插入到文档中，并在需要的位置上显示它。
例如，在HTML中渲染一个红色的矩形可以这样做：
```html
<div style="width: 100px; height: 100px; background-color: red;"></div>
```
这将创建一个100x100像素的矩形，并将其背景颜色设置为红色。可以使用相同的方法来渲染其他颜色的矩形。
您好，CR渲染色块通常是通过计算机图形学中的光线追踪技术实现的。这种技术使用逐像素的渲染方式，即对于每个像素点，计算机都会计算其对应的光线路径和光线与场景中物体的相交情况，然后根据材质属性、光源信息和环境光照等因素，计算出该像素点的颜色值，最终呈现为色块。这个过程需要CPU和GPU的协同工作，以实现高质量的渲染效果。
为什么现代前端框架放弃了HTML的常规用法？
随着互联网和相关技术的发展，确实现在的前端框架越来越强大了，但是并不是说现在的前端框架就放弃了HTML的常规用法，所有的前端应用依旧是建立原有的HTML，CSS，JS的基础上的，依旧是遵照W3C标准去执行的。
毕竟最终呈现这一切的是浏览器，如果我们的标准和用法发生变化，首先就会从浏览器发生改变，但其实我们现在的浏览器并没有变，我们再新的网站，用谷歌很旧版本的浏览器依旧可以访问，当然兼容性上可能会存在一些些问题。
不过，HTML和JavaScript确实是在发展，HTML里面加上了很多新的属性，2008年的时候，HTML 5正式发布，不过当时的浏览器其实并不能很好的支持HTML 5，直到2012年，HTML 5的位置才算是稳定下来。JavaScript也是同样，它的版本一直都在迭代，从1997年诞生的ECMAScript（ES） 1.0 版本，到现在已经ES10了，但是浏览器对于ES的兼容还停留在ES6的水平上，只是我们想了更多的方案在前端的框架上。
简单来说，原有的渲染方式是先加载HTML，然后加载CSS进行渲染，然后加载JS进行渲染，这样的方式开销小，但是速度慢。而现在的渲染方式是先进行Virtual DOM（VDOM）的渲染，然后一次性将VDOM映射到DOM上，这样来加快渲染速度，但是缺点就是开销会变大。
不过我们计算机的性能现在已经很强大了，这么一点点的开销其实影响并不大，因此也就让现在的前端框架越来越喜欢新的这种渲染模式。
例如：我们原有的<select>标签，使用的时候就会使用传统的渲染方式，开销很小，但是确实外观上有时候不太符合现在人的审美，即使通过CSS各种美化，但是也有点不尽如人意。因此，我们现在的框架中，大多使用<div>的方式，配合JS设计了新下拉控件，虽然开销大了一些，但是加载速度快，好看且功能强大。
也由于这些各种自定义控件的出现，让原有的Form POST方式变得有点不太够用了，所以，基于Ajax的各种交互方式也就出现了。当然，这并不是说就放弃了传统的HTML，我们依旧使用的是传统的HTML，只是在它之上做了加工，让他能够更好，更符合现在人的使用习惯和审美。
而类似Vue，React，Angular这样的前端框架，也是为开发者提供了更多的便利，让开发者可以更专注于交互和功能，在一些简单的技术层面处理就交给了框架。
现在都是现在virtual dom中渲染完css和JS，渲染完，再从virtual dom一次映射到dom，这么做主要是为了加快渲染速度，缺点是耗费内存特别大。。
常规的HTML渲染是先加载HTML，然后再渲染css，渲染css过程中会有很多HTML特性变化，之后再渲染JS，就触发很多的HTML和css变化。这种模式，最大缺点是分三步走，大概是串行运行，花费时间较长，，另外很多元素渲染三遍才变成最终状态（大概这么理解）。。。
现代前端框架放弃了 HTML 的常规用法，是因为传统的 HTML 代码难以维护和扩展。这些框架采用了更高级的技术来实现更为灵活和强大的功能。例如，许多框架使用 JavaScript 来操作 HTML 和 CSS，从而使前端开发人员能够更快速地实现复杂的界面和交互。此外，这些框架还提供了丰富的组件库和工具，使前端开发人员能够更高效地开发和维护应用程序。