关关雎鸠，在河之洲。
变量被声明的场景有 3 种：script函数块从上往下是包含关系，代码在这 3 者中执行时都会拥有自己的执行上下文。其中“暂存死区”或者“暂时死区”（temporal dead zone）简称为 TD......
图片来源：https://blog.papercut.com/wp-content/uploads/2019/02/docker-logo-1024x597.png前言Docker 对于前端来说不是必......
介绍一时觉着 iOS 小组件还挺好玩，于是花了周末一天时间来定制自己的组件。Scripttable 支持使用 ES6 新特性去编写逻辑，作者开放了一系列的 API 来供使用，有些类似小程序，自己提供给......
前言本文主要内容时间切片概念和原理渲染帧time-slice 被称为“时间切片”，主要用来解决 js 大量更新视图时耗时操作带来的“掉帧”现象。正文掉帧我们先从问题现象开始探究——为什么会出现“掉帧”......
前言随着 Vue3 的发布，其周边生态正在逐步切换成支持 3.x 的版本。为什么又造个轮子呢？其动机如下：3.x 的轮子并不与 2.x 的冲突，主流 UI 组件厂商都已完成对 3.x 版本的切换，例如......
图片来源 https://www.beansmile.com/blog/posts/javascript-prototype-inherit一 引子对于该知识点的探讨初衷源自对 DOMString 的......
本文是对一文读懂前端缓存的总结。可以分成 Service Worker、Memory Cache、Disk Cache 和 Push Cache，那请求的时候 from memory cache 和 ......
前言如果对源码查看没有头绪的可以先参见本文末尾 参考文章本篇文章为梳理 scheduler、 effect、scheduler 与 proxy 之间的关系本篇文章以一个很简单小例子打断点入口开始分析，......
概述由前一篇 前端微架构实践 扩展而来，在支持主子项目拆分独立开发部署的前提下，增加了对 React 的支持，也就是说这种模式支持以下特性：主子项目的创建通过 cli 工具初始化模版主子项目开发时，能......
前言为了拆分与适当解耦聚合业务各模块，我们需要采用一种友好的开发模式去解决这些问题，我们的愿景是：☕️ 主子项目独立开发、部署🔥 主子项目开发时保持热更新🚗 主项目提供路由容器，子项目只是挂载到容......
概述要想熟悉 Vue 3 源码，熟悉 Proxy 特性必不可少，本文主要内容：proxy 概念相关 APIproxy 实现双向绑定遇到的一些问题基于 javascript 的复杂数据类型的特点，衍生出......
前言截图的需求还是很常见的，微信的截图已经做的很快且流畅，那么如果用 js 去实现应该是怎样呢？ps：如果不清楚 electron 工作原理，可以去官网查看文档流程图如果不考虑进程交互细节，抽象的流程......
@vue/composition-api 实践原文地址：composition-api 实践根据提案衍生的体验包 @vue/composition-api 我们可以对 v3.0 的思想加以实践。实践内......
当年初的flag在年末完成了的时候，你会满意的不再回首叹息。2018年是我立整年flag的第一年，愧喜交加。惭愧的是这一年才开始这一使人受益的好习惯，开心的是朝着理想的生活终于又迈出了一步。我越来越开......
本文涉及知识点shell命令基础linux文件目录结构npm install -g原理软链基础概念shell是用来提供用户与操作系统之间交互的容器，shell程序从脚本中一条条读取并执行。shell命......
概述没有经验的开发者在初次尝试时会遇到很多坑，本文围绕的业务逻辑是B点击按钮进行某项操作后更新了记录的状态，发消息给记录创建人A。主要内容模版消息的发送实现获取用户信息、获取form_id与转发分享b......
上一篇文章介绍了几个概念: 字符与编码前言为什么是字符集编码而不是字符编码呢？看完本文后你会有一个清晰的理解。本文讲述的内容：ASCII码 字符与字节字节与二进制、八进制与十六进制的关系Unicode......
前言单纯的用js去在ArrayBuffer、Blob和String之间做转换是没有任何意义的，需求的产生是因为需要使用ajax的方式，借助XMLHttpRequest发送这些类型的数据来与后端交互。在......
所有的文件系统操作都有异步和同步两种形式，只介绍异步方法。异步形式的最后一个参数都是完成时回调函数。 传给回调函数的参数取决于具体方法，但回调函数的第一个参数都会保留给异常。 如果操作成功完成，则第一......
概述node http 同时支持服务端和客户端功能http.createServerhttp.request关联知识点：Stream可写或可读流，Buffer、fs、Stream之间的关系EventE......
前言世界上对待任何事物都会有至少2种看法，好的或坏的或好坏折中等。规范或许就是你眼中的最折中的方案。而git rebase与git merge，对应的2种看法：有一种观点认为，仓库的提交历史即是 记录......
目录git工作流概念 http长连接 长轮询SSEWebSocketnodejs-websocketsocket.iogit工作流很久之前我都不知道这个概念，但实际我已经遵循这个概念有了很长时间。......
概念babel-polyfill是一个工具库吗？可以这么辅助理解，但它不仅仅是一个工具库，它存在的意义甚于工具。它的作用是为应用提供es2015+的运行环境，注入式的hack重写了原生方法。trans......
1.实例概要结合github实例来分析常用操作：git log、git reset、git revert、git merge、git checkoutrepositories地址：https://gi......
目录跨域资源共享CORS概念什么情况下会触发CORSCORS请求行为与分类jsonp简要介绍XMLHttpRequest简要介绍跨域资源共享CORS1.概念说实话这个概念是今天第一次见到，可能这个概念......
前言项目的错误收集其实也是用户交互时产生的异常情况，在线上环境很多时候我们不能够直接调试或准确的判断错误产生的原因，就需要借助“错误收集系统”来帮助分析。第一阶段只支持vue项目，因为vue对外封装了......
字节与比特我们都知道，一个字节由8位二进制表示。字节是计算机中数据处理的基本单位，计算机中以字节为单位存储和解释信息。比特表示二进制“位”，位是计算机内部数据存储的最小单位，00000000是一个8位......
前言我们需要清楚http是什么http是web文档的传输协议，协议有很多种，还包括ip, ftp, dns, tcp等等，这些协议统称为tcp/ip协议族tcp/ip协议族是分层管理的，即应用层 ,传......
目录对象的属性类型数组长度与索引vue对数组方法的hack属性类型我们知道对象是一个无序属性集合，创建一个包含属性的对象有3种方式：构造函数字面量definePropertyvar object1 =......
今天域名刚通过备案就迫不及待想要解析加配置https，关于nginx配置ssl证书阿里云上有免费的证书申请和使用教程。在网上查了下，有2种可行的方式：// 方法1// nginx 做301永久重定向s......
本文是基于vue的理解目录双向绑定的概念双向绑定实现的原理发布者-订阅者模式数据劫持模式vue中的mvvm的理解双向绑定的概念直接点说，就是初始数据（接口拉取或本地定义的data）变化时视图要更新；在......
远程与本地文件复制// 递归复制整个目录scp -r /local/file root@ip:/home/file解压到指定目录unzip dir.zip -d ./查看有关nginx目录信息rp......
以下均只考虑在chrome 64版本下目录编辑器的实现方式及原理从剪切板上传图片遇到的坑编辑器的实现方式及原理1.实现方式扩展textareagithub的issue如此实现，本博客也是特点：涉及的a......
讲些别人没有讲到的，前提是看完了官方的教程，另外，一篇文章肯定是讲不完的，此处将持续更新。vue ssr本身之外涉及的点express搭建服务器nginx请求转发linux下nginx安装与配置lru......