- 博客(26)
- 收藏
- 关注
RSS订阅原创 Pnpm:高性能的 npm
pnpm，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 https://pnpm.io/什么是pnpmPnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，但它作为杀手锏的两个优势在于:节约磁盘空间提升安装速度另外他还能解决 npm/yarn 【幽灵依赖】的问题谁在使用pnpm的特性Store安装的依赖包文件，会通过hard links硬链接的形式存储在pnpm创建的store目录下，默认情况下全局只会有一个
2022-01-14 14:49:59
1481
原创 React16 新增的生命周期
新增的生命周期getDerivedStateFromPropsgetSnapshotbeforeUpdate废弃的生命周期componentWillMountcomponentWillReceivePropscomponentWillUpdategetDerivedStateFromProps参数：nextProps 新的属性对象，prevState 旧的状态对象返回：nextState 新的状态对象作用：可以根据props派生state，由于是static静态方法，this为n.
2020-12-02 17:14:18
417
原创 import编译后变成什么?如何运行
问题import moduleName from 'xxModule’import(‘xxModule’)经过 webpack 编译打包后最终变成了什么？在浏览器中是怎么运行的？源代码/** * 入口文件，引入 print 方法，并执行 * 定义了一个 button 方法，为页面添加一个按钮，并为按钮设置了一个 onclick 事件，负责动态引入一个文件 */import { print } from './num.js'print()function button () {
2020-12-02 16:07:09
618
原创 React Fiber简介
React Fiber是对核心算法的一次重新实现React 16以前，更新过程是同步的，React 16之后React Fiber将一个更新过程被分为2个阶段：Reconciliation PhaseReact Fiber会找出需要更新哪些DOM，这个阶段是可以被打断的，涉及以下生命周期：componentWillMountcomponentWillReceivePropsshouldComponentUpdatecomponentWillUpdateCommit Phase一鼓作
2020-12-02 10:46:59
293
原创 vscode 常用插件记录
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
2020-06-01 13:30:23
208
原创 gulp + webpack构建项目初探
旧项目是使用gulp构建的react多页面应用，对ES6的支持不太友好，且无法进行模块化开发，最重要的是回调地狱实在可怕！！！秉承不影响原有业务逻辑的原则，决定先尝试gulp + webpack对项目进行改造，后续有必要再慢慢做webpack的迁移。改造目标：大部分构建逻辑依然是gulp，js的打包交给webpack来做。1. 配置babel支持es6+的语法和API首先安装一些需要用...
2020-01-14 16:47:54
259
原创 SPA在微信中复制、分享链接的问题
在微信中使用一个SPA应用时，复制当前链接、分享好友或者朋友圈、以及在浏览器中打开，链接始终是初始进入的路由。举个例子：你在微信中点击进入了一个SPA单页面：www.baidu.com/main当你做了一系列操作，路由跳转到了：www.baidu.com/detail这时点击右上角，无论是复制链接，分享给好友还是朋友圈，或者在浏览器中打开，url始终是www.baidu.com/m...
2019-09-29 18:15:56
786
原创 canvas使用项目内图片遇到的画布污染问题
直接先说目前我的解决方案吧。就是没办法解决，把canvas需要用到的所有图片都放到服务器上，并设置服务器允许跨域请求，然后把url给前端。本人遇到这个问题是在ios上，项目是cordova的hybrid app，在H5和android上均正常，但是到了ios内就报了问题：（复现场景：canvas.getContext(‘2d’).toDataUrl() ）Security Error The...
2019-08-22 16:42:58
2146
原创 关于微信签名权限验证
前言前端在使用任何微信接口前，都必须先进行微信config的权限注入，如下：wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填...
2019-05-17 13:29:23
1508
原创 Phabricator（代码review）客户端安装及使用
https://segmentfault.com/a/1190000011183663
2019-03-28 09:32:57
339
原创 Class在ES5和ES6中的运用
ES5中的继承：Child.prototype = Object.create(Parent.prototype)ES6中的继承：Class Child extends Parent
2019-02-22 15:42:55
228
原创 原型对象
constructor，proptotype和__proto__的关系constructor:构造函数prototype：构造函数的原型对象__ proto__：实例的原型对象 = 构造函数的原型对象关系示例：function Person(){}let p = new Person()Person //f Person()构造函数p.constructor //f Person(...
2019-02-22 14:42:49
127
原创 Set Map
Set创建方法：let set = new Set([1,2,3,4])常用方法：add(5),delete(4),clear(),has(3),entries()常用属性：size
2019-02-22 11:11:52
177
转载 fileReader和URL.createobjecturl
https://www.cnblogs.com/saysmy/p/5626337.html
2019-01-18 14:14:50
741
转载 cookie与session
cookie存储在客户端，不可跨域名，单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。主要属性：1.Name,Value：名称，值HttpCookie cookie = new HttpCookie(“MyCook”); //初使化并设置Cookie的名称cookie.Values.Add(“userid”, “value”);2.Expi...
2019-01-04 15:56:03
104
转载 转载-彻底搞清楚javascript中的require、import和export
https://www.cnblogs.com/libin-1/p/7127481.html
2018-12-27 16:04:32
137
转载 http-状态码
100 继续表示服务器已经接收到了请求头，并且客户端应该继续发送请求体。101 切换协议表示请求方已经要求服务器切换协议，并且服务器已经接受并会进行处理。200 正常HTTP 请求成功的标准应答。实际的应答内容由请求使用的方法来决定。201 已创建请求已经被接受，并且请求所对应的资源已经被创建。202 接受请求已被接受，尚未完成处理，也有可能会被拒绝。204 无内容在成功处理...
2018-11-16 13:53:13
77
原创 js-一个有趣的对象复制
function copy(obj) {var copy = Object.create(Object.getPrototypeOf(obj));var propNames = Object.getOwnPropertyNames(obj);propNames.forEach(function(name) {var desc = Object.getOwnPropertyDescripto...
2018-11-15 17:29:41
107
原创 js-defineProperty
Object.defineProperty(obj,prop,setObj)作用描述：该方法为obj对象"精确"的增加或修改prop属性，并返回该对象参数说明：obj：要处理的目标对象prop：要处理的目标属性setObj：配置该属性的一个配置对象，可配置项有configurable,enumberable,writable,value,get,set|configurabl...
2018-11-14 17:32:51
194
原创 前端实用工具
1.在线javascript编辑器-Repl.ithttps://repl.it/repls/ShoddyMemorableLists
2018-10-23 10:58:23
286
原创 js-判断对象是不是数组
if(typeof arr === ‘object’){Object.prototype.toString.call(arr) === ‘[object Array]’}arr instanceof Arrayarr.constructor === Array
2018-10-23 10:58:00
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人