- 博客(50)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 字符串与数组常用方法
由于从笔记再复制到博客比较繁琐，为了节省时间，我就直接分享笔记链接，请各位看友多多包含字符串与数组常用方法：http://note.youdao.com/noteshare?id=1e80a4249169618cd4cfd1406157b11f&sub=6F61EF7E3A0B41F5B327A70C641BA5DE...
2021-06-17 16:04:37
6394
原创 ECMAScript 流程控制
由于从笔记再复制到博客比较繁琐，为了节省时间，我就直接分享笔记链接，请各位看友多多包含ECMAScript 流程控制：http://note.youdao.com/noteshare?id=547e5deab5d982e72e924d36f8c17e31&sub=304F3A357ABC4CFFBB2B4E94D3ECA8A9...
2021-06-12 16:34:32
6777
原创 常用运算符
由于从笔记再复制到博客比较繁琐，为了节省时间，我就直接分享笔记链接，请各位看友多多包含常用运算符：https://note.youdao.com/ynoteshare1/index.html?id=e0e8b42ee45b0b3c88e0de0a6782bfcf&type=note
2021-06-11 15:16:55
6917
1
原创 Node 中的 Stream 的理解及应用场景
一、是什么流（Stream），是一种数据传输手段，是端到端信息交换的一种方式，是有顺序的，是逐块读取数据、处理内容，用于顺序读取输入或写入输出在很多时候，流（Stream）是字节流（Byte Steram）的简称，也就是长长的一串字节除了字节流，还可以有视频流、音频流、数据流流的独特之处在于，它不像传统的程序那样一次将一个文件读入内存，而是逐块读取数据、处理其内容，而不是将其全部保存在内存中流可以分成三部分：source、dest、pipe在source和dest之间有一个连接的管道pipe,.
2021-06-08 15:25:45
7354
原创 Node 中的 Buffer 的理解及应用场景
一、是什么在Node应用中，需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，要处理大量二进制数据，而Buffer就是在内存中开辟一片区域（初次初始化为8KB），用来存放二进制数据在上述操作中都会存在数据流动，每个数据流动的过程中，都会有一个最小或最大数据量如果数据到达的速度比进程消耗的速度快，那么少数早到达的数据会处于等待区等候被处理。反之，如果数据到达的速度比进程消耗的数据慢，那么早先到达的数据需要等待一定量的数据到达之后才能被处理这里的等待区就指的缓冲区（Buf.
2021-06-07 16:20:27
8482
原创 Node 中的 fs 模块的理解及常用方法
一、是什么fs（file system），该模块提供本地文件的读写能力，基本上是POSIX文件操作命令的简单包装可以说，所有与文件的操作都是通过fs核心模块实现导入模块如下：const fs = require('fs');这个模块对所有文件系统操作提供异步（不具有sync 后缀）和同步（具有 sync 后缀）两种操作方式，而供开发者选择二、文件知识在计算机中有关于文件的知识：权限位 mode标识位 flag文件描述为 fd权限位 mode针对文件所有者、文件所属组、其他用.
2021-06-04 09:26:31
12466
1
原创 Node 中的 Process 的理解及常用方法
一、是什么process 对象是一个全局变量，提供了有关当前 Node.js进程的信息并对其进行控制，作为一个全局变量我们都知道，进程计算机系统进行资源分配和调度的基本单位，是操作系统结构的基础，是线程的容器当我们启动一个js文件，实际就是开启了一个服务进程，每个进程都拥有自己的独立空间地址、数据栈，像另一个进程无法访问当前进程的变量、数据结构，只有数据通信后，进程之间才可以数据共享由于JavaScript是一个单线程语言，所以通过node xxx启动一个文件后，只有一条主线程二、属性与方法关.
2021-06-03 08:39:43
13492
原创 Node. js 有哪些全局对象
一、是什么在浏览器 JavaScript 中，通常window 是全局对象， 而 Nodejs中的全局对象是 global在NodeJS里，是不可能在最外层定义一个变量，因为所有的用户代码都是当前模块的，只在当前模块里可用，但可以通过exports对象的使用将其传递给模块外部所以，在NodeJS中，用var声明的变量并不属于全局的变量，只在当前模块生效像上述的global全局对象则在全局作用域中，任何全局变量、函数、对象都是该对象的一个属性值二、有哪些将全局对象分成两类：真正的全局对象.
2021-06-02 11:25:00
8542
原创 Node.js 的理解、优缺点、应用场景
一、是什么Node.js 是一个开源与跨平台的 JavaScript 运行时环境在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能可以理解为 Node.js 就是一个服务器端的、非阻塞式I/O的、事件驱动的JavaScript运行环境非阻塞异步Nodejs采用了非阻塞型I/O机制，在做I/O操作的时候不会造成任何的阻塞，当完成之后，以时间的形式通知执行操作例如在执行了访问数据库的代码之后，将立即转而执行其.
2021-06-01 08:40:05
8337
3
原创 WebSocket的理解及应用场景
一、是什么WebSocket，是一种网络传输协议，位于OSI模型的应用层。可在单个TCP连接上进行全双工通信，能更好的节省服务器资源和带宽并达到实时通迅客户端和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输从上图可见，websocket服务器与客户端通过握手连接，连接成功后，两者都能主动的向对方发送或接受数据而在websocket出现之前，开发实时web应用的方式为轮询不停地向服务器发送 HTTP 请求，问有没有数据，有数据的话服务器就用响应报文回应。如果轮询的频.
2021-05-31 08:49:03
9753
原创 TCP的三次握手和四次挥手
一、三次握手三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备过程如下：第一次握手：客户端给服务端发一个 SYN 报文，并指明客户端的初始化序列号 ISN©，此时客户端处于 SYN_SENT 状态第二次握手：服务器收到客户端的 SYN 报文之后，会以自己的 SYN 报文作为应答，为了确认客户端的 SYN，将客户端的 ISN+1作为.
2021-05-28 17:05:12
8986
原创 详说TCP/IP协议
一、是什么TCP/IP，「传输控制协议」/「网际协议」，是指能够在多个不同网络间实现信息传输的协议簇TCP（传输控制协议）一种面向连接的、可靠的、基于字节流的传输层通信协议IP（网际协议）用于封包交换数据网络的协议TCP/IP协议不仅仅指的是TCP和IP两个协议，而是指一个由FTP、SMTP、TCP、UDP、IP等协议构成的协议簇，只是因为在TCP/IP协议中TCP协议和IP协议最具代表性，所以通称为TCP/IP协议族（英语：TCP/IP Protocol Suite，或TCP/.
2021-05-28 16:54:34
9434
原创 详说DNS协议
一、是什么DNS（Domain Names System），域名系统，是互联网一项服务，是进行域名和与之相对应的 IP 地址进行转换的服务器简单来讲，DNS相当于一个翻译官，负责将域名翻译成ip地址IP 地址：一长串能够唯一地标记网络上的计算机的数字域名：是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识二、域名域名是一个具有层次的结构，从上到下一次为根域名、顶级域名、二级域名、三级域名…例如www.xxx.com，ww.
2021-05-28 16:47:53
8707
原创 地址栏输入 URL 敲下回车后发生了哪些行为
一、简单分析简单的分析，从输入 URL到回车后发生的行为如下：URL解析DNS 查询TCP 连接HTTP 请求响应请求页面渲染二、详细分析URL解析首先判断你输入的是一个合法的URL 还是一个待搜索的关键词，并且根据你输入的内容进行对应操作一个url的结构解析如下：DNS查询=》详说DNS的查询（点击跳转）整个查询过程如下图所示：最终，获取到了域名对应的目标服务器IP地址TCP连接=》详说TCP/IP协议（点击跳转）tcp是一种面向有连接的传输层协议在确定目标.
2021-05-28 16:40:44
8961
原创 对vue的理解
一、从历史说起Web是World Wide Web的简称，中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页，可以欣赏一下1997的Apple官网最早的网页是没有数据库的，可以理解成就是一张可以在网络上浏览的报纸，直到CGI技术的出现通过 CGI Perl 运行一小段代码与数据库或文件系统进行交互，如当时的Google（1998年）文明时代ASP，JSP大家应该都不会太陌生，最早出现于 20.
2021-05-25 08:35:58
10393
4
原创 HTTP 常见的状态码及适用场景
一、是什么HTTP状态码（英语：HTTP Status Code），用以表示网页服务器超文本传输协议响应状态的3位数字代码它由 RFC 2616规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774与 RFC 4918等规范扩展简单来讲，http状态码的作用是服务器告诉客户端当前请求响应的状态，通过状态码就能判断和分析服务器的运行状态二、分类状态码第一位数字决定了不同的响应状态，有如下：1 表示消息2 表示成功3 表示重定向4 表示请求错误5 表示.
2021-05-24 10:40:24
10349
原创 Webpack的理解以及解决的问题
一、背景Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源模块化最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS 文件中约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后调用模块化的成员<script src="module-a.js"></script><script src="module-b.js"></.
2021-05-24 09:26:57
9985
原创 webpack的构建流程
一、运行流程webpack 的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpack的运作，使得整个系统扩展性良好从启动到结束会依次执行以下三大步骤：初始化流程：从配置文件和 Shell 语句中读取与合并参数，并初始化需要使用的插件和配置插件等执行环境所需要的参数编译构建流程：从 Entry 发出，针对每个 Module 串行调用对应的 Loader 去翻译文件内容，再找到该 M.
2021-05-21 17:56:33
10622
3
原创 探索parseInt() 的神秘行为：parseInt(0.0000005) =＞ 5
parseInt() 是 JavaScript 的内置函数，用于解析数字字符串中的整数。例如，从数字字符串中解析整数’100’：const number = parseInt('100');number; // 100如预期的那样，‘100’ 将被解析为 100。parseInt(numericalString, radix) 还接受第二个参数 radix，radix 是2-36之间的整数，表示被解析字符串的基数，最常见的是2、8、10 和 16，默认为 10，也就是十进制。让我们使用parse
2021-05-21 16:41:42
11688
2
原创 在 Node.js 中使用 ECMAScript 模块
ECMAScript （简称 ES）模块化 JavaScript 代码以供重用的官方标准格式，它使用 import 和 export 语句定义模块：// 模块导入示例import myFunc from './my-func';// 模块导出示例export myOtherFunc(param) { const result = myFunc(param); // .... return otherResult;}Node.js 于 13.2.0 内置支持 ES 模块，下面将描述
2021-05-21 16:33:02
10760
原创 在JavaScript中实现队列
描述队列数据结构，其具有的操作以及展示JavaScript中的队列实现1. 队列数据结构队列是一种“先入先出”（FIFO）数据结构的类型。第一个入队项目（输入）是第一个出队（输出）。队列有2个指针：头和尾。队列中的最早排队的项目是在头部，而最新排队的项目在队列尾部。队列就像我们在地铁排队，靠近车门处的乘客位于队伍的头部，刚进入队伍的乘客位于队伍的尾部。从更高的角度来看，队列是一种数据结构，可以让我们按照入库的顺序依次处理数据的每一项。2. 队列上的操作队列支持2个主要操作：入队和出.
2021-05-21 16:19:24
10400
4
原创 详解不带参数的 Math.max() 返回 -Infinity
Math.max() 是内置的 JavaScript 函数，从给定的一组数字中返回最大值。其语法如下：Math.max(value1[, value2, ...])例如，让我们从 1，2 以及 3 中找到最大的数字：Math.max(1, 2, 3); // => 3正如预期的那样，函数的返回值为 3。当调用 Math.max() 时只使用一个数字参数时：Math.max(1); // => 1显然，一个数字的最大值是其本身。但如果调用 Math.max() 时不传递任何
2021-05-21 15:13:23
12080
1
原创 前端开发面试问题及答案
说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性: 1. 函数嵌套函数 2. 函数内部可以引用外部的参数和变量 3. 参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。每个特定的域名下最多生成20个cookie 1. IE6或更低版本最多20个cookie
2021-05-14 10:41:21
11068
原创 JS隐式数据类型转换详解
隐式数据类型转换介绍前面有总结过 JS数据类型转换 Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时，如果两边数据类型不统一，CPU无法计算，这是编译器会自动将运算符两边的数据做一个数据类型转换，转换成一样的数据类型在进行运算，这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换。隐式转换规则转为number类型：+ - * / ++ --（算数运算符） > < >= <= == != === !=
2020-08-20 10:16:48
10664
转载 从 (a==1&&a==2&&a==3) 成立中看javascript的隐式类型转换
最近的一道热门的题目 Can (a ==1 && a== 2 && a==3) ever evaluate to true?, 引起了很多人的关注与讨论，自己可以很容易想到一种实现，但是看大家讨论出来的答案，其中有很多有意思的，不得不佩服一些人的脑洞，其中很多原理也值得探讨。很多其他语言的程序员对于这样的结果，很多都归结于 果然javascript 之类，的确与一些语言不同，javascript 中除了 == 外还有===，=== 叫做严格运算符，== 叫做相等运算符。关
2020-08-19 15:27:23
10466
1
原创 22个ES6面试、复习干货知识点汇总
不要问我最近咋这么多面试题。最近准备找工作当然要搜刮多点面试题，卯足劲进大厂~老规矩先上目录 ==》快捷目录ES6是什么，为什么要学习它，不学习ES6会怎么样?ES5、ES6和ES2015有什么区别?babel是什么，有什么作用?let有什么用，有了var为什么还要用let？问：举一些ES6对String字符串类型做的常用升级优化?举一些ES6对Array数组类型做的常用升级优化?举一些ES6对Number数字类型做的常用升级优化?举一些ES6对Object类型做的常用升级优化?(重要)举一些ES6对F
2020-07-20 09:03:45
10468
原创 Github上 10 个开源免费且优秀的后台控制面板
开发中几乎平台都需要一个后台管理系统，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，那么有哪些优秀的开源免费的控制面板呢？我在 Github 上收集了10个优秀的后台控制面板，今天把他们分享给你，希望对你有所帮助。AdminLTE地址：https://github.com/almasaeed2010/AdminLTE非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。vue-Element-Admin地址：https://g
2020-07-16 14:00:48
10473
原创 第二波40道前端基础题来了（附有答案解析）
在三大框架盛行的时代, 基本上会个Vue就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。JavaScript中有很多重要特性及概念。比如原型，原型链，this，闭包，作用域,隐式转换等等。如果不能熟练掌握,在进阶中级前端开发工程师的道路上必定是困难重重。用一个小时把这些题做完。检测一下你的基础掌握程度。进入正题第 1 题if(false){ var a = 1; let b = 2;}console.log(a);console.log(b);解析：
2020-07-15 11:44:20
10679
原创 前端常用的 59 个工具类(已封装，推荐收藏)
前端开发有时会处理一部分后台返回的数据,或者根据数据判断做一些处理;这个时候就非常有必要将一些常用的工具类封装起来;本文根据常用的一些工具类封装了 59 个方法,当然还有很多用的较少前期没有录入,后期持续跟新;源码地址：https://github.com/lanzhsh/react-vue-koa/tree/master/utils-lan欢迎 star!使 用方法一npm i -S utils-lan import utils from 'utils-lan' console.l
2020-07-14 09:42:16
11637
原创 6个简洁并实用的前端工具类
好几天没更文，这篇文章主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率.日 期在后台管理系统还是用的很多的,一般是作为数据存贮和管理的一个维度,所以就会涉及到很多对日期的处理new Date转化为yyyy-MM-dd HH:mm:ssDatePicker日期选择器默认获取到的日期默认是Date对象,但是我们后台需要用到的是yyyy-MM-dd,所以需要我们进行转化方法一:将Fri Mar 23 2018
2020-07-14 09:25:25
10411
原创 使用 Git，10个最需要常备的后悔药
Git是目前世界上最优秀最流行的分布式版本控制系统，也是程序员们日常使用最频繁的工具之一（几乎每天都需要使用它来对源代码进行版本管理）。使用Git的过程，难免由于手快或者别的什么原因，需要对做过的事情进行“反悔”或者多次“反悔”。不用担心，Git强大到几乎任何操作都是可以“反悔”的，让我们一起来看看吧。一、在未暂存前，撤销本地修改在介绍Git“反悔”操作之前，先简单提及下Git的一些基础知识。Git项目有3个区域：工作区、暂存区和Git仓库（分成本地仓库和远程仓库）。如下图：本地编写的代码，不
2020-07-07 10:16:27
10392
转载 常用 Git 命令清单
每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录，将其初始化为Git代码库$ git init [project-name]
2020-07-07 09:56:01
10322
原创 Vue 开发 36 个技巧
快捷目录前 言require.context()watch14种组件通讯props$emitvuexattrs和listenersinheritAttrsprovide和injectparent和children$refs$root.syncv-slotEventBusbroadcast和dispatch路由传参Vue.observablerender 函数异步组件动态组件递归组件函数式组件components和 Vue.componentVue.extendmixinsextendsVue.use()in
2020-07-06 09:59:48
10972
原创 ES6系列之set & map
es6还有两种数据结构：set和map。注意哦，是数据结构，不是数据类型！就好比数组，json等。一、关于Set它类似于数组，但是其成员的值都是唯一的，没有重复的值（甚至在Set内部，NaN和NaN是相等的）它在初始化的时候接受一个数组或者类数组作为参数，数组里的值将会做为set的成员：初始化之后我们就得到了一个set，和数组一样，set身上也有很多方法和属性。我们都知道数组身上有一个属性length，用来获取数组的长度。set同样也有属性用于获取它里面数据的长度：“size” 通过s1
2020-07-06 09:29:09
10566
原创 JavaScript 经典实例盘点（收藏向）
快捷目录一、跨 浏 览 器 事 件跨浏览器添加事件跨浏览器移除事件跨浏览器阻止默认行为跨浏览器获取目标对象跨浏览器获取滚动条位置跨浏览器获取可视窗口大小二、js 对 象 冒 充三、js异步加载和同步加载四、js获取屏幕坐标五、PageX和clientX六、js 拖 拽 效 果七、js获取图片原始大小尺寸八、js循环遍历数组九、阻止表单重复提交十、字 符 串 部 分十一、Number和Math部分十二、数 组 部 分十三、Date日期时间部分十四、正 则 部 分十五、js判断传入参数是否为质数十六、js判断字
2020-07-03 10:01:46
12586
原创 58 道 Vue 常见面试题，从入门到精通
快捷目录一、常见问题vue优点？vue父组件向子组件传递数据？子组件像父组件传递事件？v-show 和 v-if指令的共同点和不同点？如何让CSS只在当前组件中起作用?如何获取dom?说出几种vue当中的指令和它的用法？vue-loader是什么？使用它的用途有哪些？为什么使用key?axios及安装?v-modal的使用请说出vue.cli项目中src目录每个文件夹和文件的用法？分别简述computed和watch的使用场景v-on可以监听多个方法吗？$nextTick的使用vue组件中data为什么必须
2020-07-03 09:41:58
10607
原创 前端，一种GUI软件
喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。你好，切图仔。不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。一、前端，是一种GUI软件现如今前端可谓包罗万象，产品形态五花八门，涉猎极广，什么高大上
2020-07-03 09:26:47
11590
原创 JavaScript常用API合集汇总（收藏起来）
快捷目录一、节 点节点属性操作Document节点Document节点的方法Element节点Element节点的方法二、CSS操作类名操作style操作三、对 象Object对象Array对象Number对象String 对象Math对象JSON对象console对象分享JavaScript常用的API代码，包含DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作，建议收藏。一、节 点节点属性Nod
2020-07-02 10:54:28
10718
原创 前端开发必须掌握的10个CSS选择器
对于任何网站而言，要让用户产生良好印象是什么地方？…是的……任何网站的用户界面。每个开发人员都知道为用户创建美观的设计以便与任何网站进行交互非常重要。如果你不太了解CSS及其选择器，那么在最短的时间内巧妙地对网页进行样式设置并不是一件容易的事。CSS选择器针对HTML文档中的指定元素，并帮助开发人员将样式应用于网页。你可能具有一些基本的CSS选择器知识，但是比基本知识有更多帮助，可以更快地实现目标。使用正确的CSS选择器可以最大程度地减少代码量，使其更具可读性，并使CSS将来更易于维护。有各种各
2020-07-02 10:00:32
10628
原创 ES6系列之解构赋值
上一篇我们谈到es6在变量声明这一块的小改动，忘记的小伙伴们可以戳这里复习：变量声明今天来探讨一个新问题：之前在我们开发的过程中，难免会碰到这样的情况：后端传给我们一串数据，然后我们需要对这个数据进行处理。如果是这样的一个数据：let obj = { username:'webpilot', userid:12831, profession:'webDeveloper', region:'beijing'}然后我们需要用变量去保存这些数据，那么我们可能会这么操
2020-07-01 10:13:47
10418
1
M3U8Dwonloader自动化操控软件，自动化开启运行多个程序下载m3u8视频，编程语言python。
2022-07-07
课程视频下载爬虫，里面有爬虫a.py，还有视频下载器，详细的使用方法文档
2022-07-06
Web全栈学习知识方向汇总
2021-06-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人