原生js的dom操作巩固

前言:这玩意其实很简单,但是每次用的时候都有点含糊,故写个文章,每次忘得时候看一看

原生dom操作

1、创建dom元素:createElement(标签名)

2、删除dom元素:removeChild(标签名)

3、在什么元素后添加dom元素:元素.appendChild(标签名)

4、在什么元素前添加dom元素:元素.insertBefore(标签名)

5、替换dom元素:replace(插入的元素,被替换的元素)

6、获取父节点:parentNode

7、获取子节点:childNodes

8、获取第一个子节点:firstChild

9、获取最后一个子节点:lastChild

Set

Set,是ES6提供的新的数据结构,它类似于数组，但是成员的值都是唯一的，没有重复的值。

1
2

const set = new Set([1,2,3]);
console.log(typeof set)//object

Set只接受数组。

1
2

const set = new Set({"a":1});
console.log(set);//"TypeError: [object Object] is not iterable!"

Set自带去重功能

1
2

const set = new Set([1,2,3,4,4,4]);
console.log([...set])//[1,2,3,4]

Set的值的判断类似于”===”

1
2

const set = new Set([5,"5"]);
console.log([...set]);//[5,"5"]

Read More

let命令

##基本用法 ##
ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

1
2
3
4
5
6
7

{
   var a =1;
   let b =2;
   console.log(b);//2
 }
   console.log(a);//1
   console.log(b);//b is not defined

Read More

首先，我们都知道这三个东西都是用来编码的

先来说encodeURI()和encodeURIComponent()

这两个是在转换url时候用来编码解码用的。

有编码就会有解码，解码就是decodeURI()和decodeURIComponent()

他们的用法很简单，在参数中带入要转码的文字就可实现目的

Read More

换家啦!

因为换了手机号,之前博客园的密码都忘了也找不回来了,对于我而言,一天不写博客我简直浑身难受呢!(哈哈,开个玩笑)。
所以一直想找一个能写博客的地方,像传统博客这种我确实不太喜欢。而workpress这种我又很讨厌,之前自己用node加自己设计的页面做了一个博客系统,但是阿里云坑爹的服务器老被盗,我也表示日了狗了。用了俩月就放弃了,看看了github的hexo还不错,而且可以自定义一些皮肤,还可以绑定自己的域名。所以我就入坑啦O(∩_∩)O