一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。

解法：

 let x = 121
 let isPalindrome = function(x) {
     return x.toString() === x.toString().split("").reverse().join("")
     
};

(1)x.toString().split(""):将字符串变成数组（1,2,1） (2)x.toString().split("").reverse()：反转数组 (3)x.toString().split("").reverse().join(""):去逗号组合

一、节点操作

1.1 DOM节点

DOM节点：DOM树里每一个内容都称之为节点

节点类型

`元素节点`

•所有的标签比如 body、 div

•html 是根节点

属性节点

• 所有的属性比如 href

文本节点

• 所有的文本

其他

1.2 查找节点

节点关系：

父节点

子节点

兄弟节点
（1）父节点查找：

parentNode 属性

返回最近一级的父节点找不到返回为null

子元素.parentNode

（2）子节点查找：

childNodes

获得所有子节点、包括文本节点（空格、换行）、注释节点等

children （重点）

仅获得所有元素节点
返回的还是一个伪数组

父元素.children
（3）兄弟关系查找：
1. 下一个兄弟节点
- nextElementSibling 属性
1. 上一个兄弟节点
- previousElementSibling 属性
1.3 增加节点

1.创建节点

即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点
创建元素节点方法： document.creatElement('标签名')

2.追加节点

要想在界面看到，还得插入到某个父元素中
插入到父元素的最后一个子元素:

插入到父元素中某个子元素的前面

克隆节点

特殊情况下，我们新增节点，按照如下操作：

1、复制一个原有的节点

2、把复制的节点放入到指定的元素内部 cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值

语法：元素.cloneNode()

()若为true，则代表克隆时会包含后代节点一起克隆

()若为false，则代表克隆时不包含后代节点

(默认为false)

1.3 删除节点

若一个节点在页面中已不需要时，可以删除它
在 JavaScript 原生DOM操作中，要删除元素必须通过父元素删除
语法父元素.removeChild(要删除的元素)

注：

如不存在父子关系则删除不成功
删除节点和隐藏节点（display:none）有区别的：隐藏节点还是存在的，但是删除，则从html中删除节点

二. 时间对象

2.1 实例化

在代码中发现了 new 关键字时，一般将这个操作称为实例化
创建一个时间对象并获取时间
获得当前时间 let date = new Date()
获得指定时间 let date = new Date('2022-04-30')
因为时间对象返回的数据我们不能直接使用，所以需要转换为实际开发中常用的格式

 let box = document.querySelector('div')
            // 页面刚打开会有缓冲，隔一秒才能显示时间，因此先调用函数
            getTime()
        setInterval(getTime, 1000)

        function getTime() {
            // 这里创建时间要写在内部，这样才能用计时器更新当前时间
            let date = new Date()
            box.innerHTML = `今天是：${date.getFullYear()}年${ (date.getMonth() + 1)}月${ date.getDate()}日${date.getHours()}: ${date.getMinutes()}:${date.getSeconds()}`

        }

2.3 时间戳(倒计时)

什么是时间戳

是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式

三种方式获取时间戳

1. 使用 getTime() 方法

1. 简写 +new Date()

1. 使用 Date.now()

console.log(date.now())

无需实例化
但是只能得到当前的时间戳，而前面两种可以返回指定时间的时间戳

补充：去掉首尾空格

本地时间 new Date().toLocaleString()

4. 重绘和回流

1. 浏览器是如何进行界面渲染的

解析（Parser）HTML，生成DOM树(DOM Tree)
同时解析（Parser） CSS，生成样式规则 (Style Rules)
根据DOM树和样式规则，生成渲染树(Render Tree)
进行布局 Layout(回流/重排):根据生成的渲染树，得到节点的几何信息（位置，大小）
进行绘制 Painting(重绘): 根据计算和获取的信息进行整个页面的绘制
Display: 展示在页面上
回流(重排)

当 Render Tree 中部分或者全部元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或全部文档的过

程称为回流。

重绘

由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如：color、background-color、

outline等), 称为重绘。

重绘不一定引起回流，而回流一定会引起重绘

会导致回流（重排）的操作：

页面的首次刷新
浏览器的窗口大小发生改变
元素的大小或位置发生改变
改变字体的大小
内容的变化（如：input框的输入，图片的大小）
激活css伪类（如：:hover）
脚本操作DOM（添加或者删除可见的DOM元素）

简单理解影响到布局了，就会有回流

WebAPI：DOM- 节点操作