CoyPan

在前端开发中，我们经常会遇到对文件的操作，特别是对图片的操作。在Node端，提供了file相关的接口，供我们使用。在浏览器中，Html5提供了File相关的Web Api。 本文将小小总结一下如何使用File相关的api来操作文件以及相关的一些知识。 在浏览器中，我们也可以直接…

最新版的Chrome（Chrome 83, 需要开启权限）支持直接读写本地文件了。 1、使用input标签获取文件File对象。 2、使用FileReader读取文件。 很遗憾，现在没有直接写文件到本地的方法。不过，大概可以用下面的方法来实现： 使用window.chooseF…

2020年5月13日，Deno终于正式发布了。Deno是基于V8 JavaScript引擎和Rust编程语言的JavaScript和TypeScript运行时。它是由Node.js之父Ryan Dahl创建的，专注于安全性和生产力。 已经有了Node.js，为什么还要搞一个De…

现在的前端应用很多都是单页应用。路由对于单页应用来说，是一个重要的组成部分。本系列文章将讲解前端路由的实现原理。这是系列文章的第三篇：React-Router源码解析。 我们用官方最简单的代码示例来分析一下React-Router的源码。 下面依次对 BrowserRouter…

深入了Hook的源码。本文将以useState和useEffect为主，总结一下Hook的相关内容， 组件首次挂载的时候，依次执行四行useXXX的代码，生成4个hook对象，按照顺序形成完整的hook链，挂载在Fiber对象的memorizedState属性上。hook对象上…

主要分析了Hook在React中是如何保存的，以及Hook的更新过程。本文中，我们将通过下面两个问题，继续深入研究Hook，以弥补上文中略过的一些细节。 我们点击一次button，最终页面上会输出多少呢？熟悉React的朋友们，很快就会得到答案：3。 在上一篇源码解析中，这部分…

React Hook已经正式发布了一段时间了。我在项目中也进行过尝试，一个很直观的感受：写起来很爽。但是一直没有深入了解过其实现原理。本文将尝试从源码层面，了解React hooks的原理。本文所指的React版本为：v16.12.0 Hook 是 React 16.8 的新增…

在本章中，我们将介绍用于ECMAScript和WebAssembly的V8引擎的内存管理，这些引擎用于NodeJS、Deno&Electron等运行时，以及Chrome、Chromium、Brave、Opera和Microsoft Edge等web浏览器。由于JavaScrip…

用户增长（growth hacking），顾名思义，就是 【想办法为自己的产品获得更多的用户，扩大产品的规模】。在移动互联网时代，这里的【产品】可以是App，微信公众号，小程序等。 我这三年里，都是在给App做用户增长。工作内容概括起来就是：用户访问到一个H5页面，在这个页面中…