沉淀呢

一、后端返回二进制流图片问题。 背景 前段时间研究二进制流图片展示遇到了Blob对象,在这里做一下笔记。 content-type: application/octet-s...

其他 1.git pull = git fetch + git merge 功能一样，但是原理不同。 前者；拉取并直接合并 后者：先拉取代码到本地，然后再merge。---...

目录 1.背景 在iPhoneX发布后，许多厂商相继推出了具有边缘屏幕的手机。 首先，safe-area只针对iOS系统。 在iPhone X横空出世之后，带来了两个创新性...

在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象。 dpr= 2；1 => 4 dpr = 3: 1 =>...

1 rem方案 ​原理 使用理想视口和1/dpr的缩放，使视口的宽度等于设备物理像素。（解决1px问题）。 依照某特定宽度设定rem值，用作需要等比缩放的元素。（可以理解为...

一、像素 1.1 像素 设备像素（DP）单位pt = 物理像素 （绝对单位）--设计师按照这个设计 CSS像素（设计稿）单位px = 逻辑像素(是一个相对单位也叫 设备独立...

1.请先阅读SVG基础知识： https://segmentfault.com/a/1190000015652209 http://www.ruanyifeng.com/b...

一、性能监控 window.performance API 去做各种计算。 二、质量监控 捕获错误-->上报错误（OWL）-->可视化错误（raptor）-->监控报警，发...

一、安装Charles 官方下载地址 www.charlesproxy.com 激活，打开Charles，help → Registered to，输入激活码（转自CSDN...

rules 一个对象，属性名为规则名称，属性值为规则取值，告诉stylelint该检查什么，该怎么报错。所有规则默认是关闭的。 规则取值： null 禁用规则 除了规则本身...

1 想要的效果 有错误提示和快捷键自动修复。 2 如何实现 【webstrom 2020.1为例】 在项目中配置.eslintrc.js或.eslintrc, websto...

一、是什么 ESLint 是一个代码检查工具，主要用来检查语法，统一代码风格。 ESLint是个工具，需要安装它，并给它设置配置文件，自己会去找配置文件，然后根据配置文件知...

项目里editorconfig文件作用 规范编辑器配置 为了让不同的编辑器，打开这个项目时，使用相同的配置 husry包 安装这个包...

1 yarn 1.1 背景 今天学习项目，发现里面有个yarn.lock的文件，借此机会，学习下yarn以及yarn.lock的作用 1.2 yarn Yarn是一个快速可...

背景： ctrl+b就能直接跳到文件了。 需要让IDE读取你的webpack.config.js，知道@符号是什么。 项目目录下有webpack.config.js的情况下...

一、概述 当我们在项目中执行yarn init 命令时，都会生成一个package.json文件，这个文件定义了当前项目所需的各个模块，以及项目的配置信息（例如名称、版本、...

commit 提交规范 格式：<type>(<scope>): <subject> 例如：git commit -m "feat: xxxxx" 其中type取值范围： W...

一、基本概念 概念 作用 特殊说明 @babel/polyfill （污染全局的垫片） 一个纯运行时的包，不是babel插件 。新API的转化，如 Set、Maps、Pro...

一、工作原理 AST Babel 本质上就是在操作 AST 来完成代码的转译。 1.1 是什么 Babel 的功能很纯粹。我们传递一段源代码给 Babel，然后它返回一串新...

一、作用 Babel 是一个JS转译器，主要用于将 ECMAScript 2015（EA6）+ 版本的代码转换为向后兼容的 JavaScript （ES5）语法，以便能够运...