郭佬

摘要： "demo 代码点此" ，如果对 babel 不熟，可以看一下 "babel 7 简单指北" 。 webpack 使用 babel 来打包使用 es6 及以上语法的 js 文件是非常方便的，可以通过配置，将 es6 转化为 es5. start 准备个空文件，执行如下命令： 然后创建一个 dist 阅读全文

摘要： "demo 代码点此" ，篇幅有限，仅介绍几个常用的。 start 什么是 plugins ? While loaders are used to transform certain types of modules, plugins can be leveraged to perform a wi 阅读全文

摘要： "demo 代码点此" ，开始之前，先做点准备工作。 准备工作 准备一个空文件夹，然后执行下列命令： 然后创建一个 dist 目录，并在里面创建一个 indedx.html： 接着创建一个 src 目录，在里面创建一个 lib 文件夹，创建一个 until.js: 再创建 components 文件 阅读全文

摘要： babel 7 对于 babel 7， "babel 的官网" 已经介绍得非常详细了，但有时感觉文档和实际使用总是差那么一点东西。 主要包 先来看一下主要的包，babel 7 对于包进行了一些简化。 "@babel/cli" : 用于执行相应命令 "@babel/core" : 核心包，将 js 代 阅读全文

摘要： 注意： 以下深拷贝仅针对对象。 对于深拷贝，我平时用得很少，一般都是用 JSON 的方法来实现： 但前几天踩了坑，在网上查了才发现问题，只能说坑只有踩过才知道深浅。 坑 1. 对于 function、undefined，会丢失这些属性。 2. 对于 RegExp、Error 对象，只会得到空对象 3 阅读全文

摘要： JS 数组相关的循环函数，用得挺多，所以有些坑还是要去踩一下，先来看一道面试题。 注意： 下面提到的不改变原数组仅针对基本数据类型。 面试题 模拟实现数组的 map 函数。 心中有答案了吗？我的答案放在最后。 map( callback( cur, index, arr ), thisArg ) m 阅读全文

摘要： async await的执行 注意： 本次代码仅在 Chrome 73 下进行测试。 start 不了解 async await 的，先去看阮一峰老师的文章 "async 函数" 。 先来看一道 "头条的面试题" ，这其实是考察浏览器的 event loop. 运行结果如下： Event Loop 阅读全文

摘要： redux 记录一下 redux 的一些用法，如果想学习 redux，建议看 "官方文档" ，另外推荐一本 "huzidaha" 写的 "react小书" ，里面讲解了一些 react 和 redux 的原理。 start 运行如下命令，不了解 npx 的，可以看一下 "阮一峰的文章" 。 然后安装 阅读全文

摘要： 浅析XSS与CSRF 在 Web 安全方面，XSS 与 CSRF 可以说是老生常谈了。 XSS XSS，即 cross site script，跨站脚本攻击，缩写原本为 CSS，但为了和层叠样式表（Cascading Style Sheet）区分，改为 XSS。 XSS 攻击是指攻击者在网站上注入恶 阅读全文

摘要： TCP通信 TCP通信过程包括3个步骤，分别是建立连接，传输数据，释放连接。 建立连接：三次握手 TCP 通过三次握手建立连接，为什么要三次，是为了防止客户端发出的已失效的连接请求报文段又突然传送给了服务端而产生错误。 第一次握手 ：客户端发送 SYN 包（同步位 SYN=1，序号 seq=x，表明 阅读全文