function create() {
    // 创建一个空的对象
    let obj = new Object()
    // 获得构造函数
    let Con = [].shift.call(arguments)
    // 链接到原型
    obj.__proto__ = Con.prototype
    // 绑定 this，执行构造函数
    let result = Con.apply(obj, arguments)
    // 确保 new 出来的是个对象
    return typeof result === 'object' ? result : obj
}

javascript

2022-09-03

2021-09-12 dfb1a543261534bc94ec89b76ca8a35d 99+ 2 分钟 0.3 k

node版本切换工具n的使用介绍

n

交互式管理 Node.js 版本

支持的平台

n在 macOS、Linux（包括适用于 Linux 的 Windows 子系统）和各种其他类 Unix 系统上均受支持。它被编写为 BASH 脚本，但不需要您使用 BASH 作为您的命令外壳。

n 在 Microsoft Windows（如 PowerShell）的本机 shell、Windows BASH 的 Git 或 Cygwin DLL 中不起作用。

javascript node

2022-09-03

2021-08-21 5044a209ecea31bfba0e304d423e347f 99+ 11 分钟 1.7 k

搭建组件库文档

前言

在我们开发完一个组件库的时候，需要有一个组件说明文档，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息：

组件的描述
组件 Demo 示例的展示、描述和源码
组件的参数文档

组件说明文档是让其他人了解组件库的关键环节，包括组件库的适用范围（pc端，移动端，轻量级还是重量级），兼容浏览器的版本，设计原则和背景，以及社区生态，使用方法等。

关于如何开发组件库，可看这篇：

heaven-ui

文档生成

这里推荐 vuepress ，可以快速帮我们完成组件库文档的建设。(https://vuepress.vuejs.org/zh/guide/)

vuepress是一个文档生成工具，默认的样式和vue官方文档几乎是一致的，因为创造它的初衷就是想为vue和相关的子项目提供文档支持。它内置了 Markdown的扩展，写文档的时候就是用 markdown来写，最让人省心的是你可以直接在 Markdown 文件中使用Vue组件，意味着我们的组件库中写的一个个组件，可以直接放到文档里去用，展示组件的实际运行效果。我的案例网站也就是通过vuepress来写的，生成静态网站后，用 gh-pages 直接部署到github上，也可以直接部署到我们自己的网站上。

vuepress更好的一点在于你可以自定义其webpack配置和主题，意味着你可以让你自己的文档站点在开发阶段有更多的功能特性的支持，同时可以把站点风格改成自己的一套主题风格。这就无需我们重头开始去做一套了，对于咱们想要快速完成组件库文档建设这一需求来说，还是挺有效的。

javascript

2021-12-18

2021-07-11 df931d9a24759e096844dbc5d637adc9 99+ 4 分钟 0.6 k

什么是XSS？

什么是XSS呢

跨网站指令码（英语：Cross-site scripting，通常简称为：XSS）是一种网站应用程式的安全漏洞攻击，是[代码注入]的一种。它允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了 HTML 以及使用者端脚本语言。

XSS 分为三种：反射型，存储型和 DOM-based

如何攻击

XSS 通过修改 HTML 节点或者执行 JS 代码来攻击网站。

例如通过 URL 获取某些参数

1 2	<!-- http://www.domain.com?name=<script>alert(1)</script> --> <div>{{name}}</div>

上述 URL 输入可能会将 HTML 改为 <div><script>alert(1)</script></div> ，这样页面中就凭空多了一段可执行脚本。这种攻击类型是反射型攻击，也可以说是 DOM-based 攻击。

也有另一种场景，比如写了一篇包含攻击代码 <script>alert(1)</script> 的文章，那么可能浏览文章的用户都会被攻击到。这种攻击类型是存储型攻击，也可以说是 DOM-based 攻击，并且这种攻击打击面更广。

javascript http

2022-09-03

2021-06-19 7f4979a485bfe09b8df8f2e73d550631 99+ 12 分钟 1.8 k

什么是Event loop

众所周知 JS 是门非阻塞单线程语言，因为在最初 JS 就是为了和浏览器交互而诞生的。如果 JS 是门多线程的语言话，我们在多个线程中处理 DOM 就可能会发生问题（一个线程中新加节点，另一个线程中删除节点），当然可以引入读写锁解决这个问题。

JS 在执行的过程中会产生执行环境，这些执行环境会被顺序的加入到执行栈中。如果遇到异步的代码，会被挂起并加入到 Task（有多种 task）队列中。一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 JS 中的异步还是同步行为。

console.log('script start')

setTimeout(function() {
  console.log('setTimeout')
}, 0)

console.log('script end')

javascript

2021-12-18

如何做组件库的单元测试

前言

如何搭建一个自己的脚手架

pm2的基本使用

PM2

TypeError: token.type.endsWith is not a function vue eslint 报错问题修复

问题现象

Git提交规范保护

Git 规范

Git Commit格式校验

husky

理解js中的new

node版本切换工具n的使用介绍