在使用 fetch / axios 时常常会涉及到文件上传，以及其他请求，其中包括一些 content-type ，被这些不同类型到 content-type 搞得头大，到底什么时候该用怎么样的类型呢，本文将会梳理这些问题。 用来收集用户提交的数据，发送到服务器。下面代码中包含…

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

1、项目需要做浏览器兼容的问题要处理，所以做个笔记。 因为开发的都是用谷歌的多，IE浏览器基本弃用了。但是有些项目使用者用的是IE的，以前没有关注这个问题，现在要做这个的处理。IE10以及IE10一下的不兼容es6，这个是比较麻烦的。其他的还好处理一点。 1、在引入其他脚本前先…

许多开源库都有插件系统，例如：Vue、jQuery、Gatsby。插件是库和框架的一个常见特性，用于允许开发人员以一种安全、可伸缩的方式添加功能。那么怎么构建一个插件系统呢？让我们用JS构建一个自己的插件系统来回答这个问题。 从一个名为BetaCalc的示例项目开始。BetaC…

前阵子通过 前端水印生成方案(网页水印+图片水印) 这篇文章学习了一下水印的生成方案，对其中使用 Canvas 实现网页水印的方案十分感兴趣，于是对相关代码加以修改，实现了一个 React 水印组件并发布到 👉 npm。 该组件是通过 Canvas 生成水印，并使用 Muta…

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

获取一个深层次的对象，对大家来说都是家常便饭的事情了。像自己封装的、三方库的以及 es2020提供的，总之和大家分享探讨一下 当左边为空值时，就取右边的值，否则取左边的值。这里的空值指的是 null 和 undefined ，这是它跟假值不同的地方，也是使用空值运算符和逻辑或运…

今天在看《JavaScript高级程序设计》的时候，注意到书中特意提到了0.1+0.2=0.30000000000000004这样一个浮点数计算错误的问题，觉得很有意思。平时在工作中对于浮点数了解地并不多，正好最近小组同学也遇到了这个问题，准备来总结下这个看似简单的Number…

本文主要介绍 “关键渲染路径” 与“网络”两个方面的性能优化并提供 demo，篇幅较长建议电脑观看。 前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖 “关键渲染路径” 的方方面面，及一些不常被提到的 “网络优化” 部分。