<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ange997的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ange997</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ange997]]></copyright><item><title><![CDATA[react面试题]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/131827470</link><guid>https://blog.youkuaiyun.com/ange997/article/details/131827470</guid><author>ange997</author><pubDate>Thu, 20 Jul 2023 12:14:30 +0800</pubDate><description><![CDATA[虚拟Dom是真实Dom在内存中的表示本质上是以JavaScript对象形式存在，是对 真实DOM的描述数据状态更新，会记录新树与旧树的差异,把差异更新到真实Dom中区别在于虚拟Dom不会进行重排重绘，而真实Dom会频繁进行重排重绘文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实DOM真实Dom优势在于：易用，缺点：效率低:解析速度慢，内存占用量高， 性能差：频繁操作Dom导致重排重绘虚拟Dom优点：简单方便，避免的真实Dom的频繁更新，减少多次重绘重排，提高了性能。]]></description><category></category></item><item><title><![CDATA[ts基础知识]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/127573845</link><guid>https://blog.youkuaiyun.com/ange997/article/details/127573845</guid><author>ange997</author><pubDate>Sun, 30 Oct 2022 20:17:37 +0800</pubDate><description><![CDATA[ts]]></description><category></category></item><item><title><![CDATA[前端react和andt导出表格，复杂表头]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/127409679</link><guid>https://blog.youkuaiyun.com/ange997/article/details/127409679</guid><author>ange997</author><pubDate>Wed, 19 Oct 2022 15:53:27 +0800</pubDate><description><![CDATA[前端react和antd导出表格数据execl，复杂表头]]></description><category></category></item><item><title><![CDATA[功能上线回滚考虑]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/126872230</link><guid>https://blog.youkuaiyun.com/ange997/article/details/126872230</guid><author>ange997</author><pubDate>Thu, 15 Sep 2022 15:37:56 +0800</pubDate><description><![CDATA[功能上线代码回滚]]></description><category></category></item><item><title><![CDATA[数据处理：数组、字符串、对象]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/126872081</link><guid>https://blog.youkuaiyun.com/ange997/article/details/126872081</guid><author>ange997</author><pubDate>Thu, 15 Sep 2022 15:10:57 +0800</pubDate><description><![CDATA[js常见数据处理]]></description><category></category></item><item><title><![CDATA[2023前端面试题]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/126092377</link><guid>https://blog.youkuaiyun.com/ange997/article/details/126092377</guid><author>ange997</author><pubDate>Sun, 31 Jul 2022 23:24:44 +0800</pubDate><description><![CDATA[前端入门知识点]]></description><category></category></item><item><title><![CDATA[前端面试题]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/123313716</link><guid>https://blog.youkuaiyun.com/ange997/article/details/123313716</guid><author>ange997</author><pubDate>Sun, 06 Mar 2022 17:29:45 +0800</pubDate><description><![CDATA[HTML
*HTML5或css新特性

新语义化标签：header、footer、section、nav、aside、article
画布Canvas绘图，用于在网页上绘制图形，可以直接在 HTML 上进行图形操作。
音频、视频API(audio,video)
WebStorage（localStorage和sessionStorage）
表单增强（元素、属性placehoder）
WebSocket：单个 TCP 连接上进行全双工通讯的协议。
WebWorker
地图地理定位
拖拽

HTML5语义化标签]]></description><category></category></item><item><title><![CDATA[es6对象、函数、数组、字符串扩展]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/118582263</link><guid>https://blog.youkuaiyun.com/ange997/article/details/118582263</guid><author>ange997</author><pubDate>Thu, 08 Jul 2021 20:56:09 +0800</pubDate><description><![CDATA[对象
&lt;!--
 * @Author: jingliang.duan@hand-china.com
 * @Date: 2021-04-26 15:45:03
 * @LastEditTime: 2021-04-26 15:45:04
 * @LastEditors: jingliang.duan@hand-china.com
 * @Description: 
   --&gt;

函数
函数的默认参数
在ES5中，我们给函数传参数，然后在函数体内设置默认值，如下面这种方式。
    functio]]></description><category></category></item><item><title><![CDATA[es6解构赋值及扩展运算符]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/118582192</link><guid>https://blog.youkuaiyun.com/ange997/article/details/118582192</guid><author>ange997</author><pubDate>Thu, 08 Jul 2021 20:50:57 +0800</pubDate><description><![CDATA[解构是从对象中提取出更小元素的过程。赋值是对解构出来的元素进行重新赋值。
下面的代码你可能无法在浏览器上实时测试，推荐在babel官网在线测试代码：在线测试ES6代码网址
解构的分类
1、对象解构
2、数组解构
3、混合解构
4、解构参数
对象解构
对象解构简单的例子
    let obj = {
      a: 1,
      b: [1, 2]
    }
    // 对象解构
    const { a, b } = obj
    console.log(a, b) //1  [1, 2]
]]></description><category></category></item><item><title><![CDATA[es6中var-let-const]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/118582178</link><guid>https://blog.youkuaiyun.com/ange997/article/details/118582178</guid><author>ange997</author><pubDate>Thu, 08 Jul 2021 20:50:11 +0800</pubDate><description><![CDATA[var
JavaScript中，我们通常说的作用域是函数作用域，使用var声明的变量，无论是在代码的哪个地方声明的，都会提升到当前作用域的最顶部，这种行为叫做变量提升（Hoisting）
也就是说，如果在函数内部声明的变量，都会被提升到该函数开头，而在全局声明的变量，就会提升到全局作用域的顶部。
function test() {
    console.log('1: ', a) //undefined
    if (false) {
      var a = 1
    }
    console.]]></description><category></category></item><item><title><![CDATA[vscode、npm、node安装]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/118386766</link><guid>https://blog.youkuaiyun.com/ange997/article/details/118386766</guid><author>ange997</author><pubDate>Thu, 01 Jul 2021 14:51:45 +0800</pubDate><description><![CDATA[vscode、npm、node安装

]]></description><category></category></item><item><title><![CDATA[vue]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/116134378</link><guid>https://blog.youkuaiyun.com/ange997/article/details/116134378</guid><author>ange997</author><pubDate>Sun, 25 Apr 2021 17:36:59 +0800</pubDate><description><![CDATA[vue是构建用户界面的渐进式框架，vue的核心库只关注视图层，单页应用提供驱动，响应式数据。

]]></description><category></category></item><item><title><![CDATA[echart]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/115676045</link><guid>https://blog.youkuaiyun.com/ange997/article/details/115676045</guid><author>ange997</author><pubDate>Tue, 13 Apr 2021 19:20:19 +0800</pubDate><description><![CDATA[使用
echart使用的是H5 的canvas
 &lt;div id="chartPie"&gt;&lt;/div&gt;

//获取Dom元素，初始化一个echart
let myEchart = this.$echarts.init(document.getElementById("chartBar"));

//进行配置
let option={

}

配置项挂载到echart上


]]></description><category></category></item><item><title><![CDATA[优秀外部链接]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/115377529</link><guid>https://blog.youkuaiyun.com/ange997/article/details/115377529</guid><author>ange997</author><pubDate>Thu, 01 Apr 2021 16:30:18 +0800</pubDate><description><![CDATA[vue+elemen 实现el-tooltip在文本超出区域后浮现

]]></description><category></category></item><item><title><![CDATA[10-slot插槽]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/112272375</link><guid>https://blog.youkuaiyun.com/ange997/article/details/112272375</guid><author>ange997</author><pubDate>Wed, 06 Jan 2021 14:37:01 +0800</pubDate><description><![CDATA[插槽使用

]]></description><category></category></item><item><title><![CDATA[20-面试增加版]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/110872466</link><guid>https://blog.youkuaiyun.com/ange997/article/details/110872466</guid><author>ange997</author><pubDate>Tue, 08 Dec 2020 14:22:13 +0800</pubDate><description><![CDATA[html
*HTML5或css新特性

新语义化标签：header、footer、section、nav、aside、article
画布Canvas绘图
音频、视频API(audio,video)
WebStorage（localStorage和sessionStorage）
表单增强（元素、属性placehoder）
WebSocket：单个 TCP 连接上进行全双工通讯的协议
WebWorker
地图地理定位
拖拽

HTML5语义化标签的理解
标签元素本身包含标签内部填写内容的部分信息，特定的标签做]]></description><category></category></item><item><title><![CDATA[030-js面向对象]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/110687650</link><guid>https://blog.youkuaiyun.com/ange997/article/details/110687650</guid><author>ange997</author><pubDate>Sat, 05 Dec 2020 15:06:47 +0800</pubDate><description><![CDATA[1.几组名词
1.1.javascrpit与 web标准
W3c制定的，web标准分成三个部分：
结构：xml,html         （你是谁）
表现：css          （长什么样）
行为：javascript （能做什么）
1.2.javascript与jquery
jquery就是众多工具库中应用最广泛的。
Underscore.js 是以_开头。(花一点时间自己看看，写在简历中)
Jquery.js     是$开头。
也可以自己写自己用的工具库。
1.3.javascript与 ECMA]]></description><category></category></item><item><title><![CDATA[030-js高级特性]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/110687539</link><guid>https://blog.youkuaiyun.com/ange997/article/details/110687539</guid><author>ange997</author><pubDate>Sat, 05 Dec 2020 15:06:09 +0800</pubDate><description><![CDATA[1.几组名词
1.1.javascrpit与 web标准
W3c制定的，web标准分成三个部分：
结构：xml,html         （你是谁）
表现：css          （长什么样）
行为：javascript （能做什么）
1.2.javascript与jquery
jquery就是众多工具库中应用最广泛的。
Underscore.js 是以_开头。(花一点时间自己看看，写在简历中)
Jquery.js     是$开头。
也可以自己写自己用的工具库。
1.3.javascript与 ECMA]]></description><category></category></item><item><title><![CDATA[20-前端面试大全]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/110678748</link><guid>https://blog.youkuaiyun.com/ange997/article/details/110678748</guid><author>ange997</author><pubDate>Sat, 05 Dec 2020 11:30:20 +0800</pubDate><description><![CDATA[html
*HTML5或css新特性

新语义化标签：header、footer、section、nav、aside、article
画布Canvas绘图
音频、视频API(audio,video)
WebStorage（localStorage和sessionStorage）
表单增强（元素、属性placehoder）
WebSocket：单个 TCP 连接上进行全双工通讯的协议
WebWorker
地图地理定位
拖拽

HTML5语义化标签的理解
标签元素本身包含标签内部填写内容的部分信息，特定的标签做]]></description><category></category></item><item><title><![CDATA[20-66-完整面试总结]]></title><link>https://blog.youkuaiyun.com/ange997/article/details/110392408</link><guid>https://blog.youkuaiyun.com/ange997/article/details/110392408</guid><author>ange997</author><pubDate>Mon, 30 Nov 2020 19:34:08 +0800</pubDate><description><![CDATA[html
说一下&lt; label&gt;标签的用法
label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验
遍历A节点的父节点下的所有子节点
&lt;script&gt;
    var b=document.getElementById("a").parentNode.children;
    console.log(b)
&lt;/script&gt;

css
CSS 选择符有哪些？

id选择器（#id）
类选择器（.class）
标签选择器（div，h1，p）
相邻选择器（]]></description><category></category></item></channel></rss>