超级无敌美少男战士

创建多层目录文件写入

摘要：背景有时候遇到这个问题,就是向某个目录中写入一个文件,需要层层创建目录,然后才能创建文件,最后写入文件. 这个时候就会出现一个麻烦的事情,就是不知道这个目录存不存在,如果这个目录不存在,就是有可能会报错,每次都得检查,就是显得很麻烦,于是封装下面的代码,不过目录存不存在,就是都能写入代码 con 阅读全文

posted @ 2022-02-15 20:54 超级无敌美少男战士阅读(85) 评论(0) 推荐(0)

微信公众号爬虫提取url

摘要：背景微信公众号的目录界面源码提取出来,然后进一步提取其中的链接,然后批量下载下来 const fs = require('fs'); const cheerio = require('cheerio'); let path = `./html`; fs.readdir(path, function 阅读全文

posted @ 2022-02-15 20:34 超级无敌美少男战士阅读(413) 评论(0) 推荐(0)

cheerio 解析新浪博客目录列表

摘要：正序目录解析提取手机版新浪博客网页的目录,然后存成markdown文件 const fs = require('fs'); const cheerio = require('cheerio'); let path = `./html`; fs.readdir(path, function (err 阅读全文

posted @ 2022-02-15 19:54 超级无敌美少男战士阅读(66) 评论(0) 推荐(0)

jQuery_ 使用 each() 方法倒序遍历元素（获取元素、逆序操作）

摘要：背景今天在使用cheerio解析一个新浪博客网页目录的时候,准备获取其中的目录超链接,发现获取的目录总是按照倒序的顺序排序,自己突然就是想做一个正序的目录,于是在网上搜索jQuery中each()方法如何倒序遍历数组转换成数组,然后reverse一下关键代码完整代码 <!DOCTYPE ht 阅读全文

posted @ 2022-02-15 18:15 超级无敌美少男战士阅读(488) 评论(0) 推荐(0)

css3 之结构性伪类选择器

摘要：本篇介绍伪类选择器以及伪元素。 1、类选择器在 css 中可以使用类选择器把相同的元素定义成不同的样式。比如： p.left{text-align: left} p.rigth{text-align: right} 2、伪类选择器区别类选择器和伪类选择器的区别在于，类选择器我们可以随意起名，而阅读全文

posted @ 2022-02-14 23:05 超级无敌美少男战士阅读(280) 评论(0) 推荐(0)

结构性伪类 :nth-child()

摘要：页面代码样式代码阅读全文

posted @ 2022-02-14 19:14 超级无敌美少男战士阅读(39) 评论(0) 推荐(0)

后代选择器子元素选择器并集选择器的区别

摘要：形式上的区别后代选择器是空格子元素选择器是大于号并集选择器是逗号意义上的区别后代选择器中,后代包括儿子,但不是儿子子元素选择器,仅仅就是儿子,没有孙子等等阅读全文

posted @ 2022-02-14 19:02 超级无敌美少男战士阅读(97) 评论(0) 推荐(0)

css 高级选择器

摘要：高级选择器后代选择器：用空格隔开交集选择器：用.隔开并集选择器（分组选择器）：用逗号隔开伪类选择器后代选择器: 定义的时候用空格隔开基本使用举例 1： <style type="text/css"> .div1 p{ color:red; } </style> 空格就表示后代。.div 阅读全文

posted @ 2022-02-14 14:59 超级无敌美少男战士阅读(173) 评论(0) 推荐(0)

css 四种基本选择器

摘要：介绍 CSS 选择器：就是指定 CSS 要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。分类 CSS 的选择器分为两大类：基本选择题和扩展选择器。基本选择器标签选择器：针对一类标签 ID 选择器：针对某一个特定的标签使用类选择器：针对你想要的所有标签使用通用选择器（通配符）：针阅读全文

posted @ 2022-02-12 23:20 超级无敌美少男战士阅读(1701) 评论(0) 推荐(0)

四种基本选择器

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220212224534873-992289098.png) 阅读全文

posted @ 2022-02-12 22:47 超级无敌美少男战士阅读(37) 评论(0) 推荐(0)

css的三种引入方式

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220212224345324-710876720.png) 阅读全文

posted @ 2022-02-12 22:44 超级无敌美少男战士阅读(38) 评论(0) 推荐(0)

html中元素之间的关系

摘要：元素之间的关键有父子关系,没有爷孙关系有兄弟关系,没有堂兄弟关系阅读全文

posted @ 2022-02-12 19:43 超级无敌美少男战士阅读(88) 评论(0) 推荐(0)

块级元素行内元素

摘要：块级元素 p div h1-h6 ul ol li ... 独占一行行内元素 a span img em ... 不独占一行,宽度由内容决定阅读全文

posted @ 2022-02-12 19:40 超级无敌美少男战士阅读(46) 评论(0) 推荐(0)

代码提示 thisArg argArray

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220212193247635-1205406098.png) 阅读全文

posted @ 2022-02-12 19:33 超级无敌美少男战士阅读(32) 评论(0) 推荐(0)

如何监听一个对象

摘要：如何监听这个对象重写这个代理的get或set捕获器阅读全文

posted @ 2022-02-12 19:30 超级无敌美少男战士阅读(78) 评论(0) 推荐(0)

如何看代码提示

摘要：代码提示代码提示中的各个参数阅读全文

posted @ 2022-02-12 19:03 超级无敌美少男战士阅读(36) 评论(0) 推荐(0)

javaScript单一原则?

摘要：答案单一原则就是一个对象、一个方法或者一个模块，只做一件事或者只对一类行为者负阅读全文

posted @ 2022-02-12 17:38 超级无敌美少男战士阅读(31) 评论(0) 推荐(0)

叹号叹号啥意思

摘要：两个叹号(!!) 第一次对这个取反,变成一个布尔值,不过逻辑是反过来的然后在对这个布尔值再次进行一次逻辑取反,这个时候就和原来的逻辑是一样的总之,这个!!的意思就是,将这个值转换成布尔值阅读全文

posted @ 2022-02-12 17:31 超级无敌美少男战士阅读(111) 评论(0) 推荐(0)

逻辑空运算符

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220212172744973-64614701.png) 阅读全文

posted @ 2022-02-12 17:28 超级无敌美少男战士阅读(17) 评论(0) 推荐(0)

检测一个对象的销毁

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220212172606696-1488434515.png) 阅读全文

posted @ 2022-02-12 17:26 超级无敌美少男战士阅读(37) 评论(0) 推荐(0)

不同环境下如何获取全局对象

摘要：背景在不同的环境下面,js获取获取全局对象的变量名不一样在浏览器中: 在node中: 解决方案阅读全文

posted @ 2022-02-12 17:25 超级无敌美少男战士阅读(41) 评论(0) 推荐(0)

可选链

摘要：以前的处理方式首先如果直接打印info.friend.girlFriend.name这个是会报错的,因为info.friend是undefined,然后undefined.girlFriend,这个就是会直接报错所以后来采用了if条件判断语句,只要这个info如果有值就是继续往后看这个info. 阅读全文

posted @ 2022-02-12 17:16 超级无敌美少男战士阅读(41) 评论(0) 推荐(0)

map(映射)和对象的区别

摘要：相同从某程度上说,map就是可以堪称key的扩展或这个说map是更加广义的对象不同对象的key值只能是字符串和Symbol map的key值,可以是任何类型的变量阅读全文

posted @ 2022-02-12 15:10 超级无敌美少男战士阅读(503) 评论(0) 推荐(0)

对象作为key是什么效果

摘要：为什么打印的结果是{'[object. object]':"bbb"} 首先需要明白一点,对象是不能作用key 在js中,能够作为key只有两种: 字符串和 symbol 所以即使我们创建两个不同的对象作为key,js会把这个对象先转换成字符串,而这两个对象转换成的字符串是一样的,所以后面的bbb 阅读全文

posted @ 2022-02-12 15:06 超级无敌美少男战士阅读(153) 评论(0) 推荐(0)

强引用和弱引用的区别

摘要：我们平常创建的引用类型的变量,一般来说都是强引用,也就是图中橙色部分的线弱引用,一般都是带有明显的创建提示最大的区别,就是垃圾回收器的回收机制不同:强引用,只要有东西指着这个就是一定不会回收;弱引用,如果只有一个弱引用指着这个对象,那么垃圾回收器仍然会回收这个对象. 阅读全文

posted @ 2022-02-12 14:58 超级无敌美少男战士阅读(381) 评论(0) 推荐(0)

set的作用集合的作用数组去重

摘要：使用集合给数组去重 Array.from() 展开运算符阅读全文

posted @ 2022-02-12 14:36 超级无敌美少男战士阅读(46) 评论(0) 推荐(0)

jQuery如何进行二次查找

摘要： liDom是已经查找到的元素,那么如何在这个基础之后再次进行查找使用find()函数阅读全文

posted @ 2022-02-11 23:28 超级无敌美少男战士阅读(124) 评论(0) 推荐(0)

如何查看一个网站有没有使用jQuery

摘要：打开调试控制谈,然后输入一个$符号,如果有函数返回,那么这个网页就是用了jQuery. 如果还不放心,那么就是使用jQuery选择器,选择一下试试就是知道了. 阅读全文

posted @ 2022-02-11 23:25 超级无敌美少男战士阅读(631) 评论(0) 推荐(0)

开发依赖生产依赖区别

摘要：有何区别如果是做普通前端项目，package.json 里面的依赖包作为开发依赖和生产依赖基本没啥区别；如果项目是做 npm 包或者 node 服务的，会有些许差别。开发依赖 npm -i xxx --save--dev 执行操作后，package.json 里 devdependencies 阅读全文

posted @ 2022-02-11 23:19 超级无敌美少男战士阅读(412) 评论(0) 推荐(0)

JavaScript 数组中的常用方法数组方法

摘要： 1. concat()，不改变原数组 arr1.concat(arr2) 连接两个或多个数组，返回一个新的数组 const arr1 = [1, 2, 3] const arr2 = [4, 5] const newArr = arr1.concat(arr2) console.log(newArr 阅读全文

posted @ 2022-02-11 19:03 超级无敌美少男战士阅读(56) 评论(0) 推荐(0)

ngrok 实现内网穿透

摘要：什么是内网穿透内网穿透，也即 NAT 穿透，进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机。下面就相互通信的主机在网络中与 NAT 设备的相对位置介绍内网穿透方法。 UDP 内网穿透的实质是利用路由器上的NAT 系统。NAT 是一阅读全文

posted @ 2022-02-11 13:15 超级无敌美少男战士阅读(0) 评论(0) 推荐(0)

symbol作为key时的获取与遍历

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220211125924204-57297169.png) 阅读全文

posted @ 2022-02-11 13:00 超级无敌美少男战士阅读(128) 评论(0) 推荐(0)

如何创建两个相同的symbol

摘要：直接创建两个相同的symbol 通过一个已有的symbol,创建一个相同的symbol 阅读全文

posted @ 2022-02-11 13:00 超级无敌美少男战士阅读(102) 评论(0) 推荐(0)

symbol作为key使用

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220211125725739-865889772.png) 阅读全文

posted @ 2022-02-11 12:58 超级无敌美少男战士阅读(174) 评论(0) 推荐(0)

展开语法进行的浅拷贝

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220211125453631-523334028.png) 阅读全文

posted @ 2022-02-11 12:55 超级无敌美少男战士阅读(44) 评论(0) 推荐(0)

函数参数的默认值

摘要： es5及之前给参数默认值采用了一个逻辑或的形式 m如果没值,那么就是还要继续往后看,也就是将aaa赋值给m; m如果有值,那么就是不在继续往后看了,直接就是其中的值赋值给自己 n也是同理 es6及其之后直接在函数的形参处进行赋值即可阅读全文

posted @ 2022-02-11 12:15 超级无敌美少男战士阅读(38) 评论(0) 推荐(0)

函数调用模板字符串的使用

摘要： ![image](https://img2022.cnblogs.com/blog/1222814/202202/1222814-20220211114249378-764728417.png) 阅读全文

posted @ 2022-02-11 11:43 超级无敌美少男战士阅读(117) 评论(0) 推荐(0)

let const的使用原则

摘要：优先使用const,当你不确定这个东西以后要不要修改,那么就是优先使用const,等到你真的需要修改的时候,在将这个const改成let 如果一开始确定这个变量会被修改,那么就是使用let 阅读全文

posted @ 2022-02-11 11:32 超级无敌美少男战士阅读(46) 评论(0) 推荐(0)

ES6 中的 TDZ（暂时性死区）

摘要：什么是 TDZ Temporal Dead Zone(TDZ) 是 ES6(ES2015) 中对作用域新的专用语义。 let/const 和 var 的区别 es6之前在 ES6 之前，JS 的 scope 只有两种，全局作用域和函数作用域， es6之后在 ES6 种出现了块级作用域，即使用 l 阅读全文

posted @ 2022-02-11 11:28 超级无敌美少男战士阅读(257) 评论(0) 推荐(0)

for循环中使用异步请求的注意

摘要：在for循环中使用异步请求其实是件非常危险的事情,很有可能造成系统卡死我们以为这些函数是顺序执行的,就是一个执行完,在执行下一个,但是因为是异步函数,很有可能会出现同时执行的情况,从而造成系统的卡死. 阅读全文

posted @ 2022-02-10 22:29 超级无敌美少男战士阅读(539) 评论(0) 推荐(0)

怪奇物语