部署的的时候发现，对比 Vercel，服务器的部署方式有点麻烦，需要安装 Node、然后还要安装 PM2 管理进程，于是就打算写一篇文章记录一下。

先了解下常用的三种部署方式的简单介绍以及它们的优缺点：Vercel 部署:优点:极其简单：Vercel 提供了与 Next.js 集成良好的部署平台，使得部署变得非常容易。自动化：Vercel 提供自动部署、CI/CD 和部署预览等功能，大大简化了部署流程。高性能：Vercel 的服务器分布在全球多个地点，确保站点的高性能和快速加载速度。缺...

随着浏览器的日益壮大，浏览器自带的功能也随着增多，在 Web 开发过程中，我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍，并且 API 可以在线运行预览。Clipboard API（剪切板）Fullscreen API（进入/退出全屏）Online State API（网络状态）Page Visibility API...

在这篇文章中，我将向您展示我如何在 TypeScript 中提高自己的技能。我会向您介绍 5 个令人满意的操作符，这将帮助您更好地理解 TypeScript 和如何使用它。以下是我将要介绍的操作符：

先通过 js 中 img 构造函数，实例化 img 对象，后将图片的路径给转移到中，再建立一个 canvas 画布，后对画布进行各方面的数值的设置。

浏览器截图方案分析页面截屏是前端经常遇到的需求，比如页面生成海报，弹窗图片分享等。以下是我整理三种截图方案：html2canvasdom-to-imagewebRTChtml2canvashtml2canvas 用的比较广泛的前端截图方案，先将 DOM 一个个 转为 Canvas 然后导出图片（使用 canvas 自带的 toDataUrl、toBobl）即可。使用起来应该是兼容性比...

因为以上两个问题，这就导致我们需要对原生的audio进行修改时比较困难。而对于大多数音频的需求，我们可以使用满足我们要求的第三方组件库中选择，如：

JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新“成为技术怪才”打开了大门。（真假的啊？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论您是JavaScript的新手还是更多的专业开发人员，学习新知识总是一件好事。我将介绍一些非常有用的单行代码（20 +奖金），这些单...

$nextTick：根据官方文档的解释，它可以在 DOM 更新完毕之后执行一个回调函数，并返回一个 Promise（如果支持的话）

前言异步，就是非同步....这节内容可能会有点枯燥，但是却是 JavaScript 中非常重要的概念，非常有必要去学习。目的提升开发效率，编写易维护的代码引子问题请求时候为什么页面卡死？？ {代码...} 为什么数据更新了，DOM 却没有更新？？ {代码...} 产生异步的原因原因：单线程（一个时间点，只做一件事），浏览器的 JS ...

模块化的意义将代码拆分成独立的块，然后再把这些块使用模块模式连接起来实现不同的功能。就像小时候玩的拼图一样，不同的拼图组合在一起就可以拼成任意的形状。这种模式的背后思想也很简单：把逻辑分块、各自封装，相互独立，同时自行决定引入执行那些外部模块以及暴露自身的那些模块。这个基本的思想是所有的 JavaScri...

MOngoDB 删除语句delete()删除删除一个集合db.collection.deleteOne()删除多个集合db.collection.deletMany();remove()删除删除所有的name：李四的数据db.student.remove({name:"李四"});只删除一条sex:男的数据 仅删除一条db.student.remove({sex:"男"},true);删除全部db.student.remove({});数据库假删除有时候用户删...

用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序，它对于所有请求，都返回Hello world!，新建一个文件夹apiDemo 在里面新建一个server.js写入：

面向后端的前端技术分享分享时长：45 分钟 + 15分钟提问分享两个在JS中非常重要、但又经常遇到的两个点。目的分享日常开发工作中常遇到的问题提升工作效率，编写易维护的代码了解前端技术的趋势ThisJS 关键字：指向当前环境的上下文1. 事件中的 this在 DOM 事件中，this指向当前的 DOM 元素对象。在 HTML 事件(仅为 addE...

众所周知，JS 是一门单线程语言，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？JS 的执行环境一般是浏览器和 Node.js，两者稍有不同，这里只讨论浏览器环境下的情况。JS 执行过程中会产生两种任务，分别是：同步任务和异步任务。同步任务：比如声明语句、for、赋值等，读取后依据从上到下从左到右，立即执行...

开发微信小程序中，经常会用到获取一些用户权限的页面，比如你要登录，就要获取个人信息、你要做人脸识别，就要获取相机权限、你要做位置地图功能、就要获取用户的位置权限，你要将图片保存在用户的相册，需要获取相册权限等等

防抖和节流函数是我们经常用到的函数，在实际的开发过程中，如 scroll、resize、click、键盘等事件很容易被多次触发，频繁的触发回调会导致页面卡顿和抖动，为了避免这种情况，需要使用节流和防抖的方法来减少无用的操作和网络请求，也是面试中经常遇到的问题，需要牢牢掌握。

懒加载(Lazy-Load)。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！

DocumentFragment，文档片段接口，一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用，就像标准的 document 一样，存储由节点（nodes）组成的文档结构。与 document 相比，最大的区别是 DocumentFragment 不是真实 DOM 树的一部分，它的变化不会触发 DOM 树的重新渲染，且不会导致性能等问题。———— MDN

浏览器缓存机制前端缓存分为网络(HTTP)缓存和浏览器本地储存。HTTP 缓存机制请移步：网络协议-HTTP-缓存缓存机制浏览器本地储存我们先来通过表格学习下这几种存储方式的区别特性CookielocalStoragesessionStorageindexedDB数据声明周期一般由服务器生成，可以设置过期时间除非被清理，否在一直存在页面关闭就清理除非被...

之后紧接着买了这本JavaScript 设计模式核⼼原理与应⽤实践，刚好最近有小册免费学的活动，就赶紧把这篇笔记整理出来了，并且补充了小册子中的没有写到的其余设计模式，学习过程中结合 JavaScript 编写的例子，以便于理解和加深印象。