Anton的博客

pnpm，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 https://pnpm.io/什么是pnpmPnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，但它作为杀手锏的两个优势在于:节约磁盘空间提升安装速度另外他还能解决 npm/yarn 【幽灵依赖】的问题谁在使用pnpm的特性Store安装的依赖包文件，会通过hard links硬链接的形式存储在pnpm创建的store目录下，默认情况下全局只会有一个

新增的生命周期getDerivedStateFromPropsgetSnapshotbeforeUpdate废弃的生命周期componentWillMountcomponentWillReceivePropscomponentWillUpdategetDerivedStateFromProps参数：nextProps 新的属性对象，prevState 旧的状态对象返回：nextState 新的状态对象作用：可以根据props派生state，由于是static静态方法，this为n.

问题import moduleName from 'xxModule’import(‘xxModule’)经过 webpack 编译打包后最终变成了什么？在浏览器中是怎么运行的？源代码/** * 入口文件，引入 print 方法，并执行 * 定义了一个 button 方法，为页面添加一个按钮，并为按钮设置了一个 onclick 事件，负责动态引入一个文件 */import { print } from './num.js'print()function button () {

React Fiber是对核心算法的一次重新实现React 16以前，更新过程是同步的，React 16之后React Fiber将一个更新过程被分为2个阶段：Reconciliation PhaseReact Fiber会找出需要更新哪些DOM，这个阶段是可以被打断的，涉及以下生命周期：componentWillMountcomponentWillReceivePropsshouldComponentUpdatecomponentWillUpdateCommit Phase一鼓作

Auto Close Tag 标签自动关闭Auto Rename Tag 标签重命名Beautify 美化代码Bracket Pair Colorizer 括号颜色区分Chinese (Simplified) Language Pack for Visual Studio Code 汉化包Code Spell Checker 拼写检查Document This 函数头ES7 React/Redux/GraphQL/React-Native snippets react代码快速生成ESLint

旧项目是使用gulp构建的react多页面应用，对ES6的支持不太友好，且无法进行模块化开发，最重要的是回调地狱实在可怕！！！秉承不影响原有业务逻辑的原则，决定先尝试gulp + webpack对项目进行改造，后续有必要再慢慢做webpack的迁移。改造目标：大部分构建逻辑依然是gulp，js的打包交给webpack来做。1. 配置babel支持es6+的语法和API首先安装一些需要用...

在微信中使用一个SPA应用时，复制当前链接、分享好友或者朋友圈、以及在浏览器中打开，链接始终是初始进入的路由。举个例子：你在微信中点击进入了一个SPA单页面：www.baidu.com/main当你做了一系列操作，路由跳转到了：www.baidu.com/detail这时点击右上角，无论是复制链接，分享给好友还是朋友圈，或者在浏览器中打开，url始终是www.baidu.com/m...

直接先说目前我的解决方案吧。就是没办法解决，把canvas需要用到的所有图片都放到服务器上，并设置服务器允许跨域请求，然后把url给前端。本人遇到这个问题是在ios上，项目是cordova的hybrid app，在H5和android上均正常，但是到了ios内就报了问题：（复现场景：canvas.getContext(‘2d’).toDataUrl() ）Security Error The...

https://www.jianshu.com/p/02d2d6ff20af

前言前端在使用任何微信接口前，都必须先进行微信config的权限注入，如下：wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填...

https://segmentfault.com/a/1190000011183663

constructor，proptotype和__proto__的关系constructor:构造函数prototype：构造函数的原型对象__ proto__：实例的原型对象 = 构造函数的原型对象关系示例：function Person(){}let p = new Person()Person //f Person()构造函数p.constructor //f Person(...

Set创建方法：let set = new Set([1,2,3,4])常用方法：add(5),delete(4),clear(),has(3),entries()常用属性：size

https://www.jianshu.com/p/26d984bc05b9

https://www.cnblogs.com/saysmy/p/5626337.html

cookie存储在客户端，不可跨域名，单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。主要属性：1.Name,Value：名称，值HttpCookie cookie = new HttpCookie(“MyCook”); //初使化并设置Cookie的名称cookie.Values.Add(“userid”, “value”);2.Expi...

https://www.cnblogs.com/libin-1/p/7127481.html

100 继续表示服务器已经接收到了请求头，并且客户端应该继续发送请求体。101 切换协议表示请求方已经要求服务器切换协议，并且服务器已经接受并会进行处理。200 正常HTTP 请求成功的标准应答。实际的应答内容由请求使用的方法来决定。201 已创建请求已经被接受，并且请求所对应的资源已经被创建。202 接受请求已被接受，尚未完成处理，也有可能会被拒绝。204 无内容在成功处理...

function copy(obj) {var copy = Object.create(Object.getPrototypeOf(obj));var propNames = Object.getOwnPropertyNames(obj);propNames.forEach(function(name) {var desc = Object.getOwnPropertyDescripto...

Object.defineProperty(obj,prop,setObj)作用描述：该方法为obj对象"精确"的增加或修改prop属性，并返回该对象参数说明：obj：要处理的目标对象prop：要处理的目标属性setObj：配置该属性的一个配置对象，可配置项有configurable,enumberable,writable,value,get,set|configurabl...