Tags → #coding

2019/04/18
有趣的 JavaScript 格式转换

之前做文件上传和 canvas 修图时接触到几个格式，这里打算整理一下他们的关系 ```html <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg" /> ``` 使用 input 获取文件...
2019/04/02
vue-router history 异闻录

其实标题应该是「vue-router history 模式非根目录部署处理」但是不想太长，就改成现在的了。 > `vue-router` 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 > 如果不想要很丑的 has...
2019/03/28
快速理解 nodejs 模块

这个小短文用于快速理解 nodejs 模块（也就是 CommonJS 规范）。 `module.exports` 用于暴露一个值，这个值默认是对象，也可以覆盖为原始值。尝试在一个文件中直接 log 出 module 的值，可以得到： ```javascript { id: '.',...
2019/03/23
JavaScript 垃圾回收入门（复盘校对版）

> 来源于现代 JavaScript 教程 > 垃圾回收章节 <div class="say"> <div class="avatar"></div> <div class="balloon2-left">虽然在 JavaScript 中不用自己管理内存，但是了解原理可以在关键时候...
2019/03/16
React 渲染优化：diff 与 shouldComponentUpdate

我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldComponentUpda...
2019/03/02
Dart | class 详解

dart 是 Flutter 的基础，其中类（class）更是尤为重要，可以说是 Flutter 入门必备。这篇文章会跟着官方文档整理一下类的用法与需要注意的点。（因为我的本业是前端，所以其中会经常提到 JavaScript 并与其作对比） Dart 也是一种面向对象的语言。每个对象都是一个...
2019/02/24
react native 原生模块桥接的简单说明

> 原文出自：https://github.com/prscX/awesome-react-native-native-modules ```java public class MyNativePackage implements ReactPackage { @Ove...
2019/02/20
webpack 的 scope hoisting 是什么？

scope hoisting 是 webpack3 的新功能，直译过来就是「作用域提升」。熟悉 JavaScript 都应该知道「函数提升」和「变量提升」，JavaScript 会把函数和变量声明提升到当前作用域的顶部。「作用域提升」也类似于此，webpack 会把引入的 js 文件“提升到”它的...