代码 on 码农真经的博客

Node.js 逐行读取文件的 4 种方法

mzhren1024@gmail.com (码农真经) — Tue, 15 Mar 2022 00:00:00 +0000

•原文：https://geshan.com.np/blog/2021/10/nodejs-read-file-line-by-line/

•翻译：码农真经

Javascript RORO 模式 ——编写更具可读性的函数

mzhren1024@gmail.com (码农真经) — Fri, 26 Nov 2021 00:00:00 +0000

原文：https://www.tinyblog.dev/blog/2020-07-13-javascript-roro-pattern/

翻译：码农真经

内容：以有关键字参数kwargs代替无关键字参数args

代码的可读性是非常重要的。开发人员花了很多时间阅读代码：别人的代码，自己的代码，未见过的代码等。以尽可能可读的方式编写代码，可以帮助你的团队中的每个人节省大量的时间。可读性有时会增加性能负担，但二者之间，我们更倾向于保证代码可读性。

JavaScript巧用位操作符断奇偶

mzhren1024@gmail.com (码农真经) — Tue, 16 Nov 2021 00:00:00 +0000

前两天翻译了一篇文章，如何找到数组里面的唯一数字 – 码农真经，发现按位运算可以做很多事，包括可以很便捷的判断数的奇偶。

原文：https://www.geeksforgeeks.org/check-if-a-number-is-odd-or-even-using-bitwise-operators/

翻译：码农真经

给定一个数 N，使用位运算符检查该数是偶数还是奇数。如：

技术写作新思路《JavaScript百炼成仙》学习修仙两不误

mzhren1024@gmail.com (码农真经) — Tue, 16 Nov 2021 00:00:00 +0000

最近有本书《JavaScript 百炼成仙》，将JavaScript与修仙跨界融合，成功吸引了大家的注意。

起先认为只是网文，没想到还是由清华大学出版社的正经出版物。

如何找到数组里面的唯一数字

mzhren1024@gmail.com (码农真经) — Mon, 08 Nov 2021 00:00:00 +0000

原文：How to find a unique number in a list containing pairs? – Yonatan Kra

翻译：码农真经

在数组中找到唯一的数字，听起来很简单吧！

一句话描述可能会产生误导，那我们就从一个具体的数组开始：

[1,3,17,3,1]

以上给出的数组，唯一出现一次的数字是17，其余的数字1，3都出现过两次。接下来，我们就以这个数组为用例来测试解决办法。

JavaScript怎样查看变量所占内存的大小

mzhren1024@gmail.com (码农真经) — Wed, 03 Nov 2021 00:00:00 +0000

在python中，可以使用 sys.getsizeof 方法可以查看 python 对象的内存占用（单位：字节 byte）。

而JavaScript 不提供 C 系列语言中的sizeof方法，程序员不需要关心内存分配/释放。所以，该操作在js中相对比较麻烦。

前端生成可下载文件详解

mzhren1024@gmail.com (码农真经) — Thu, 21 Oct 2021 00:00:00 +0000

文章内容

原理
- Blob对象
- MIME类型
- 构建下载链接
生成文件示例
- 生成txt
- 生成html
- 生成css
- 生成json
- 生成csv/excel
- 生成图
- 生成pdf

一般而言，文件下载需要两个条件：

如何在手机上访问本地网页？

mzhren1024@gmail.com (码农真经) — Sat, 02 Oct 2021 00:00:00 +0000

现在的框架提供非常好的工具链，周到全面。

以react为例子，当你用create-react-app 创建一个react项目，通过yarn start启动后，会有如下提示：

Windows如何创建指定大小文件

mzhren1024@gmail.com (码农真经) — Mon, 27 Sep 2021 00:00:00 +0000

有时为了测试，需要创建一个特定大小的文件，比如测试文件上传。虽然你可以尝试使用记事本等应用程序仅创建文本文件，但当您需要一次创建一个大文件或多个文件时，就不是很方便了。

最实用的电脑技巧之一：列出文件夹和子文件夹中的文件

mzhren1024@gmail.com (码农真经) — Sat, 29 May 2021 00:00:00 +0000

以前我不知道有 everything 和 listary 这样的本地文件检索神器，一直自建文件索引。

自建方法就是，把我电脑资料夹中所有文件的路径及名称统统放在一个filelist.txt的文件里。

正则表达式实用小案例

mzhren1024@gmail.com (码农真经) — Mon, 19 Apr 2021 00:00:00 +0000

01 移除标签不必要属性

有时候从别的网页中拷贝到一些html结构，会带一些属性，而这些属性是不需要的，我们可以通过正则去掉。如：

<div id="mk-tabs" class="mk-tabs horizontal-style style1-tabs ui-tabs ui-widget ui-widget-content ui-corner-all"><ul class="mk-tabs-tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">

上面那些id,class都是不需要的，当然还有其它属性，可以通过以下方式替换。

Markdown完全教程

mzhren1024@gmail.com (码农真经) — Sun, 18 Apr 2021 00:00:00 +0000

最近在读《了不起的markdown》，对markdown有了进一步了解，总结Markdown重要的概念及相关工具链，以做备忘。

01 Markdown是什么？

你心心念念的必应壁纸，可以一键打包下载了...

mzhren1024@gmail.com (码农真经) — Thu, 08 Apr 2021 00:00:00 +0000

文章内容：

必应壁纸简介
一些 Bing 壁纸图片来源
批量下载脚本
必应壁纸大礼包（2009-2022.02年壁纸打包下载）

必应壁纸简介

微软必应是全球第三大搜索引擎，也是我最常使用的的搜索引擎，因为老大用不了，老二不想用，只能用老三了。

简单脚本实现B站视频快捷键播放

mzhren1024@gmail.com (码农真经) — Mon, 29 Mar 2021 00:00:00 +0000

刷V2ex看到一个帖子：为什么国内视频网站快捷键极少或者没有？ - V2EX

深有同感！！！

我经常看bilibili.com。大部分视频讲得很慢，经常需要倍数播放，有快捷键的话，会方便很多。

上网找了下，已经有很多这样的快捷键脚本，如：

JavaScript 常用代码片段（一）

mzhren1024@gmail.com (码农真经) — Wed, 17 Mar 2021 00:00:00 +0000

01. “HH:MM:SS"时间与秒数互转

效果如下：

hmsToSeconds('12:33:06');
// 45186
secondsToHms(45186);
// "12:33:06"

参考：

继续…

Vue.js强制重新渲染组件的正确方法

mzhren1024@gmail.com (码农真经) — Wed, 24 Feb 2021 00:00:00 +0000

在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我们手动进行强制刷新组件。一般有这4种方法：

vscode乱数假文生成器插件

mzhren1024@gmail.com (码农真经) — Wed, 27 Jan 2021 00:00:00 +0000

我们在制作网页时，有时候需要一些文本来填充网页，这些文本不需要有明确含义，只是临时占位，被叫做“乱数假文”。

Lorem ipsum，中文又称“乱数假文”，是指一篇常用于排版设计领域的拉丁文文章，主要的目的为测试文章或文字在不同字型、版型下看起来的效果，通常网站还没建设好时会出现这段文字。

Vue.js添加全局过滤器的几种方法

mzhren1024@gmail.com (码农真经) — Tue, 26 Jan 2021 00:00:00 +0000

过滤器基础知识

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。

<!-- 在双花括号中 -->
{{ message | capitalize }}

<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>

组件内创建过滤器，是在filters对象中添加一个方法，如下capitalize方法：

Javascript可选链和空值合并操作符简介

mzhren1024@gmail.com (码农真经) — Thu, 14 Jan 2021 00:00:00 +0000

参考资料：

可选链 “?.”

可选链操作符 - JavaScript | MDN

空值合并运算符 - JavaScript | MDN

空值合并运算符 ‘??’

JS 新语法「可选链」「双问号」已进入 Stage 3_weixin_30768175的博客-CSDN博客

JavaScript对象toJSON方法详解

mzhren1024@gmail.com (码农真经) — Wed, 06 Jan 2021 00:00:00 +0000

原文：What is the `toJSON()` Function in JavaScript? | www.thecodebarbarian.com

翻译：码农真经

在JavaScript中，JSON.stringify()方法用于将 JavaScript 对象或值转换为 JSON 字符串。如果对象有toJSON方法，JSON.stringify 就会调用对象的toJSON方法，以toJSON方法返回的值为序列化值。

Vue.js 常见面试题【基础类】

mzhren1024@gmail.com (码农真经) — Wed, 06 Jan 2021 00:00:00 +0000

某培训机构的总结的vue.js的常见面试问题，分为基础类和扩展类。

刚好最近也在学习vue.js框架，就查阅了官方文档，简单回答如下：

[基础类问题]

git 如何查看某个文件历史记录（谁、什么时间添加修改）

mzhren1024@gmail.com (码农真经) — Mon, 14 Dec 2020 00:00:00 +0000

有一个合作开发项目（git仓库），突然发现多了一个名为Untitled-1.html文件，一看就知道是无用文件。心想，谁这么不小心。

想知道谁、什么时间添加的的某个文件，有以下几个方法：

linux/unix 查找并删除特定文件

mzhren1024@gmail.com (码农真经) — Thu, 29 Oct 2020 00:00:00 +0000

前一段总结了linux/unix下的find命令，Linux/Mac find 命令详解 – 码农真经。事实上，查找功能是操作系统最基础、最常用的功能。

linux下命令行式的查找功能特别方便，而windows下相对麻烦一些（当然，也有可能是我对windows下的命令行不太熟悉）。好在win10可以安装linux子系统（WSL，Windows subsystem For Linux），所以现在windows也可以做linux上一样的操作。

JavaScript一行代码get到农历日期

mzhren1024@gmail.com (码农真经) — Tue, 15 Sep 2020 00:00:00 +0000

javascript一行代码获取农历日期：

new Date().toLocaleString('ja-JP-u-ca-chinese')

toLocaleString() 方法返回该日期对象的字符串，该字符串格式因不同语言而不同。新增的参数 locales 和 options 使程序能够指定使用哪种语言格式化规则，允许定制该方法的表现（behavior）。在旧版本浏览器中， locales 和 options 参数被忽略，使用的语言环境(浏览器环境)和返回的字符串格式是各自独立实现的。

Python按字段值分割excel

mzhren1024@gmail.com (码农真经) — Tue, 08 Sep 2020 00:00:00 +0000

很早前记录了[Python]通过pandas合并多个excel – 码农真经的过程，今天记录一下按字段值分组分割excel到不同的excel文件。

主要5个步骤：

引入pandas库
读取excel数据
将数据按列分组（根据不同的字段值分组）
遍历分组数据
写入excel

代码如下：

你可能不知道的vscode技巧

mzhren1024@gmail.com (码农真经) — Tue, 18 Aug 2020 00:00:00 +0000

一直使用vscode，自认为熟练使用。读《Visual Studio Code 权威指南-韩骏-微信读书》是为了查漏补缺，读完发现缺的东西太多了，记录一下我以为我知道，其实不知道的vscode使用技巧。也推荐你读读这本书，微信读书上免费读，真好。

图解算法之bogo排序

mzhren1024@gmail.com (码农真经) — Mon, 17 Aug 2020 00:00:00 +0000

Bogo 排序(Bogo Sort)也被称为“愚蠢的排序”，是一种非常简单但低效的排序算法，就是不断打乱元素的顺序，直到达到有序为止。又称为猴子排序(Monkey Sort)，就像是请猴子帮忙排序一样。

暴力破解一个8位密码需要多长时间？

mzhren1024@gmail.com (码农真经) — Sun, 16 Aug 2020 00:00:00 +0000

暴力破解（英语：Brute-force attack），简称暴破，又称为穷举攻击（英语：Exhaustive attack），是一种密码分析的方法，即将密码进行逐个推算直到找出真正的密码为止。例如：一个已知是四位数并且全部由阿拉伯数字组成的密码，其可能共有10000种组合，因此最多尝试9999次就能找到正确的密码。

react cli 常见错误

mzhren1024@gmail.com (码农真经) — Wed, 12 Aug 2020 00:00:00 +0000

错误 1. ‘react-scripts’ 不是内部或外部命令

问题详情：‘react-scripts’ 不是内部或外部命令，也不是可运行的程序或批处理文件。

解决办法:

重新安装 react-scripts

yarn add react-scripts

cao，重装真TMD的够慢的。

JavaScript 模式匹配初探

mzhren1024@gmail.com (码农真经) — Fri, 31 Jul 2020 00:00:00 +0000

什么是模式匹配

模式匹配（pattern matching ）被一众函数式语言（Rust, F#, Scala,Elixir,Erlang）广泛采用。

模式匹配是一种“分发机制”，泛指各语言中用作"动态地选择行为"的特性。

写给javascript程序员的rust教程（四）模式匹配和枚举【译】

mzhren1024@gmail.com (码农真经) — Thu, 23 Jul 2020 00:00:00 +0000

这是写给javascript程序员的rust教程系列文章的第四部分，模式匹配和枚举。前三部分请戳：

模式匹配

要了解模式匹配，让我们从JavaScript中熟悉的内容-Switch Case开始。

ffmpeg 从flv视频中的提取音频

mzhren1024@gmail.com (码农真经) — Tue, 21 Jul 2020 00:00:00 +0000

ffmpeg内置的音频解码器为：

libfdk-aac
aac

以下操作为从input.mp4文件提取音频为output.mp3：

ffmpeg -i input.mp4  -vn -c:a copy output.mp3

其中

-vn :移除视频
-c:a：指定音频编码器
copy：直接复制，不经过重新编码

今天，我从 bilibili.com 下载了一个input.flv的视频，根据以上命令修改：

写给javascript程序员的rust教程（三）函数与流程控制【译】

mzhren1024@gmail.com (码农真经) — Mon, 20 Jul 2020 00:00:00 +0000

原文：Rust for JavaScript Developers - Functions and Control Flow

翻译：码农真经 http://www.mzh.ren/

这是写给javascript程序员的rust教程系列文章的第三部分，函数与流程控制。前两部分请戳：

JavaScript 字符串反转乱码问题解决

mzhren1024@gmail.com (码农真经) — Sun, 19 Jul 2020 00:00:00 +0000

JavaScript 字符串反转乱码

前一段写了篇文章：JavaScript 8种字符串反转的方法 – 码农真经，介绍了js中反转字符串的几个方法，但有些字符串或有些方法无法达到预期结果，如：

Unicode与JavaScript详解

mzhren1024@gmail.com (码农真经) — Sun, 19 Jul 2020 00:00:00 +0000

作者：阮一峰

原文链接：Unicode与JavaScript详解

上个月，我做了一次分享，详细介绍了Unicode字符集，以及JavaScript语言对它的支持。下面就是这次分享的讲稿。

一、Unicode是什么？

Unicode源于一个很简单的想法：将全世界所有的字符包含在一个集合里，计算机只要支持这一个字符集，就能显示所有的字符，再也不会有乱码了。

写给javascript程序员的rust教程（一）工具链概述【译】

mzhren1024@gmail.com (码农真经) — Sun, 19 Jul 2020 00:00:00 +0000

原文：Rust for JavaScript Developers - Tooling Ecosystem Overview

这是关于向JavaScript开发者介绍Rust语言的系列中的第一部分。

我发现如果用已经知道的东西来解释新的东西，会更容易理解。我想可能会有其他人和我一样 :)

函数式编程入门教程

mzhren1024@gmail.com (码农真经) — Wed, 15 Jul 2020 00:00:00 +0000

作者：阮一峰

原文链接：函数式编程入门教程

你可能听说过函数式编程（Functional programming），甚至已经使用了一段时间。

但是，你能说清楚，它到底是什么吗？

自从有了Rust，Java就不香了

mzhren1024@gmail.com (码农真经) — Wed, 15 Jul 2020 00:00:00 +0000

Rust 是软件行业中相对而言比较新的一门编程语言，如果从语法上来比较，该语言与 C++ 其实非常类似，但从另一方面而言，Rust 能更高效地提供许多功能来保证性能和安全。而且，Rust 还能在无需使用传统的垃圾收集系统的情况下保证内存的安全性。

Linux/Mac find 命令详解

mzhren1024@gmail.com (码农真经) — Thu, 09 Jul 2020 00:00:00 +0000

Linux 查找命令是Linux系统中最重要和最常用的命令之一。查找用于根据与参数匹配的文件指定的条件来搜索和查找文件和目录列表的命令。查找可以在各种条件下使用，您可以通过权限，用户，组，文件类型，日期，大小等可能的条件查找文件。

MVC，MVP 和 MVVM 的图示

mzhren1024@gmail.com (码农真经) — Wed, 08 Jul 2020 00:00:00 +0000

作者：阮一峰

原文链接：MVC，MVP 和 MVVM 的图示

复杂的软件必须有清晰合理的架构，否则无法开发和维护。

MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。

昨天晚上，我读了《Scaling Isomorphic Javascript Code》，突然意识到，它们的区别非常简单。我用几段话，就可以说清。

你可能不需要jQuery

mzhren1024@gmail.com (码农真经) — Wed, 08 Jul 2020 00:00:00 +0000

前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法，暂时只支持 IE10 以上浏览器。

为什么0.1+0.2不等于0.3

mzhren1024@gmail.com (码农真经) — Tue, 23 Jun 2020 00:00:00 +0000

参考资料：

FFmpeg 常用操作

mzhren1024@gmail.com (码农真经) — Tue, 16 Jun 2020 00:00:00 +0000

FFmpeg 入门简介：FFmpeg 视频处理入门教程 – 码农真经

FFmpeg 常用的命令行参数如下。

-c：指定编码器

-c copy：直接复制，不经过重新编码（这样比较快）

-c:v：指定视频编码器

-c:a：指定音频编码器

-i：指定输入文件

-an：去除音频流

-vn：去除视频流

-preset：指定输出的视频质量，会影响文件的生成速度，有以下几个可用的值 ultrafast, superfast, veryfast, faster, fast, medium, slow, slower, veryslow。

-y：不经过确认，输出时直接覆盖同名文件。

控制输出文件大小

-fs (file size首字母缩写)，以下将视频大小限制在200M以内。

MacOS 修改系统环境变量$Path

mzhren1024@gmail.com (码农真经) — Mon, 15 Jun 2020 00:00:00 +0000

系统环境变量相当于系统参数、配置项。

在一众环境变量中，最常用最有名的是path变量，用于设置一组包含可执行文件的目录。

PATH (变量) - 维基百科，自由的百科全书

Vue.js 切换路由后页面回到顶部

mzhren1024@gmail.com (码农真经) — Sun, 07 Jun 2020 00:00:00 +0000

vue-router有两种路由模式（HTML5 History 模式 | Vue Router）。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

为什么使用中转域名来管理外链

mzhren1024@gmail.com (码农真经) — Thu, 28 May 2020 00:00:00 +0000

外链

所谓外链，指的就是外部链接，比如a.com，b.com是不同的站，a.com 页面中有一个链接指向b.com，那这个链接就是a.com的外部链接。

知乎、简书直接跳转到外链脚本

mzhren1024@gmail.com (码农真经) — Thu, 28 May 2020 00:00:00 +0000

在知乎、简书这些网站访问外链接，会停在一个中转页面。如：

需要点击继续访问才能去到 Tampermonkey.net页面。

我是习惯点开很多链接之后，等页面加载完成之后才统一浏览的，而等我回头去看，全都卡在 https://link.zhihu.com/ 页面，这让我非常难受。

javascript获取url参数值的几种方法

mzhren1024@gmail.com (码农真经) — Tue, 26 May 2020 00:00:00 +0000

获取URL某个参数的值是web开发中非常高频的操作，很多js类库都会提供相应的工具函数。

1 字符串切割

我最早使用的是大神 Nicholas C.Zakas(Human Who Codes - The official website of Nicholas C. Zakas) 在《JavaScript高级程序设计》里提供的版本：

香蕉吧啦-JavaScript怪异行为集合（一）

mzhren1024@gmail.com (码农真经) — Fri, 08 May 2020 00:00:00 +0000

1 Not a Number是一个数字

全局属性 NaN 的值表示不是一个数字（Not-A-Number）,那么它是什么类型？

typeof NaN; // 'number'

所以不是一个数字，是一个数字。

傻瓜函数式编程

mzhren1024@gmail.com (码农真经) — Wed, 06 May 2020 00:00:00 +0000

原文链接：Functional Programming For The Rest of Us | defmacro

翻译链接：Functional-Programming-For-The-Rest-of-Us-Cn/FunctionalProgrammingForTheRestOfUs.cn.md at master · justinyhuang/Functional-Programming-For-The-Rest-of-Us-Cn

2006年6月19日，星期一

开篇

我们这些码农做事都是很拖拉的。每天例行报到后，先来点咖啡，看看邮件还有RSS订阅的文章。然后翻翻新闻还有那些技术网站上的更新，再过一遍编程论坛口水区里那些无聊的论战。最后从头把这些再看一次以免错过什么精彩的内容。然后就可以吃午饭了。饭饱过后，回来盯着IDE发一会呆，再看看邮箱，再去搞杯咖啡。光阴似箭，可以回家了……

查找并修复页面意外的overflow

mzhren1024@gmail.com (码农真经) — Thu, 23 Apr 2020 00:00:00 +0000

响应式网站设计切换不同尺寸后偶尔会出现页面内容比屏幕要宽面导致出现横向滚动条。这里有个脚本可以方便的检测哪个元素超出了屏幕：

var docWidth = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);

找到元素后，修改适配即可。

关于NPM你应该知道的10个知识点

mzhren1024@gmail.com (码农真经) — Sat, 18 Apr 2020 00:00:00 +0000

原文：10 things you should know about NPM - JavaScript in Plain English - Medium

翻译：码农真经

0 NPM归哪家公司

鉴于最近才发生的事情，第0点是码农真经自行补充的。

知名包管理工具npm，现在被GitHub收购了，鉴于GitHub现在是微软的，所以npm成了微软的“孙公司”。

什么是闭包？

mzhren1024@gmail.com (码农真经) — Fri, 17 Apr 2020 00:00:00 +0000

文章内容

《JavaScript ES6 函数式编程入门经典》4.1理解闭包
《JavaScript高级程序设计（第3版）
《代码之髓编程语言核心概念》
闭包 - JavaScript | MDN

['1','7','11'].map(parseInt)反向面试题

mzhren1024@gmail.com (码农真经) — Thu, 16 Apr 2020 00:00:00 +0000

经常看到这个面试题：

想必大家已经非常熟悉Map的原理，因为：

map(callback, [thisArg]) 方法：

接受一个回调函数 callback，返回一个 新的数组

返回的数组的元素的值为调用 callback 函数所返回的值（原数组有几个元素，就调用几次 callback）

callback 接受 3 个参数：

currentValue：当前正在处理的数组元素的值

index：当前正在处理的数组元素的索引

arr：调用 map 方法的数组

而parseInt接收两个参数：string值和radix进制值:

JavaScript 8种字符串反转的方法

mzhren1024@gmail.com (码农真经) — Thu, 09 Apr 2020 00:00:00 +0000

在JavaScript中，如果要做字符串反转，我们第一时间会想到：

const str = “www.mzh.ren”;
str.split(’’).reverse().join(’’);
// “ner.hzm.www”

即，字符串转化为数组，调用数组的reverse()方法，连接数组成字符串。

React 项目启动报错：The "path" argument must be of type string

mzhren1024@gmail.com (码农真经) — Tue, 07 Apr 2020 00:00:00 +0000

今天下载一个旧的React项目，yarn start 运行，报错：

TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined

在stackoverflow上找到了解决方法，只需要把package.json 中 react-scripts升级到"^3.4.0" 即可。

ES6 键值对存储:Object还是 Map?

mzhren1024@gmail.com (码农真经) — Thu, 02 Apr 2020 00:00:00 +0000

我们经常需要做键值对存储，大多时候我们会选择对象字面量Object ({}) 来存储，往往会忽略ES6 新提供的数据结构：Map。从字面上来看，Map才是正确的选择。

Module build failed: Error:Node Sass does not yet support your current environment

mzhren1024@gmail.com (码农真经) — Mon, 30 Mar 2020 00:00:00 +0000

npm run dev 启动一个 Vue 项目报错：

Failed to compile with 1 errors 21:36:21
error in ./src/App.vue

Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.9.3

可能是以前一直没用sass，升级了node没有连带升级相关组件，简单粗暴的卸载重装，解决问题。

【译】为什么你应该使用 pathlib

mzhren1024@gmail.com (码农真经) — Sun, 29 Mar 2020 00:00:00 +0000

原文地址: Why you should be using pathlib - Trey Hunner

当我刚知道 pathlib 的时候，我起初觉得它很不好用，因为已经有了 os.path 模块做相关的事，但后来证明我错了。pathlib 模块太酷了！

VueMarkdownBlog - 最简单的静态博客程序

mzhren1024@gmail.com (码农真经) — Fri, 27 Mar 2020 00:00:00 +0000

有很多静态博客生成器，据网站 StaticGen | Top Open Source Static Site Generators 统计在案的就有281个。

其中基于javascript语言的就有 106个。

这些静态博客生成器，大多数都支持固定的模板或通过Markdown写博文，通过安装一定的环境把模板文件转换成HTML文件。

JavaScript 最佳实践之不要使用new Object()

mzhren1024@gmail.com (码农真经) — Wed, 25 Mar 2020 00:00:00 +0000

不要使用new Object()：

用 {} 替代 new Object()
用 "" 替代 new String()
用 0 替代 new Number()
用 false 替代 new Boolean()
用 [] 替代 new Array()
用 /()/ 替代 new RegExp()
用 function (){} 替代 new Function()

这样做的好处多多：

速度更快
代码短小简洁
类型安全，复杂对象Object的构造函数有可能被重写而导致错误
有利于typeof类型检查,
- typeof(new String(“java is best PL”)),返回的是 object
- 直接声明字符串返回 string

JavaScript数据类型及类型检测

mzhren1024@gmail.com (码农真经) — Wed, 18 Mar 2020 00:00:00 +0000

你觉得现在JavaScript中有多少数据类型。

数据类型

在最新的 ECMAScript 标准定义了 8 种数据类型:

7 种原始类型:
- Boolean
- Null
- Undefined
- Number
- BigInt
- String
- Symbol
和 Object

然而JavaScript对象(object)类型中内置了多种类型，简单统计如下：

JavaScript不使用for循环，生成1~100数列

mzhren1024@gmail.com (码农真经) — Tue, 17 Mar 2020 00:00:00 +0000

相信大家小学时都做过这道题：

1＋2＋3＋4＋…＋99＋100＝？

是的，解题方法就是大名鼎鼎的高斯求和。

今天我们不言求和，来说说怎样生成1~100这个数列呢？

别人家的Range函数

在python、php等语言当中，有range函数可以快速生成该数组。以python内置的range函数为例：

npm install 详解

mzhren1024@gmail.com (码农真经) — Tue, 17 Mar 2020 00:00:00 +0000

npm-install | npm Documentation

npm install是安装node组件包的意思。

npm install packageName 命令

安装模块到项目node_modules目录下。
不会将模块依赖写入devDependencies或dependencies 节点。
运行 npm install 初始化项目时不会下载模块。

npm install -g packageName 命令

JavaScript中各种发送HTTP请求方式的比较

mzhren1024@gmail.com (码农真经) — Sun, 15 Mar 2020 00:00:00 +0000

原文：Comparing different ways to make HTTP requests in Javascript in 2020

翻译：码农真经

最近我有个任务，在一个大型项目中选择用哪种方式发送ajax请求。

很早以前，虽然有一些方法将数据从一个服务器而不会刷新页面,但往往依赖于笨重的技术。后来，微软开发XMLHttpRequest技术，以便在浏览器上 Outlook电子邮件客户端可以不刷新整个页面，就能收到新的email，XMLHttpRequest在2006年成为一个web标准。

JavaScript 数组降维打击 Array.flat()

mzhren1024@gmail.com (码农真经) — Fri, 13 Mar 2020 00:00:00 +0000

你以前是怎么样扁平化数组，也许是这样：

Array.prototype.concat.apply([], [["a"], ["b"]]) // [ 'a', 'b' ]

以上代码确实成功了，但它很长，理解起来也比较晦涩，apply方法被我们广泛的当成高级技巧刻入脑海。

为什么我喜欢Vue胜过React?

mzhren1024@gmail.com (码农真经) — Fri, 13 Mar 2020 00:00:00 +0000

原文：Why I prefer Vue over React - Gaute Meek Olsen - Medium

翻译：码农真经

这篇文章主要集中在API、工具层次的讨论，没有涉及到Vue与React的核心差异。

当今有很多很棒的Web开发框架，我相信每个框架都可以用来创建您想要的网站。你的选择的仅取决于个人喜好，您甚至可以不使用任何框架。

PHP 7 "Use of undefined constant"的错误

mzhren1024@gmail.com (码农真经) — Thu, 12 Mar 2020 00:00:00 +0000

今天遇到了PHP 常量未定义的问题：

wordpress - Use of undefined constant REQUEST_URI - assumed ‘REQUEST_URI’ in functions.php on line 73 - Stack Overflow

原因是 PHP7.2之后废弃了一些不好的写法，包括以上错误：不带引号的字符串。

NPM技巧：获取全局安装的软件包列表

mzhren1024@gmail.com (码农真经) — Wed, 11 Mar 2020 00:00:00 +0000

你知道工作机中全局安装的npm软件包的有多少吗？你可能不知道。

对于NodeJS / npm新手来说尤其如此，他们经常尝试将最受欢迎的软件包安装在全局环境下，这样就不用在package.json文件中定义它们。

Python 常用代码片段 1

mzhren1024@gmail.com (码农真经) — Wed, 26 Feb 2020 00:00:00 +0000

1 获取文件名列表

import os
names = os.listdir('somedir')

如果要查找特定后缀名文件，你可能会考虑使用 glob 或 fnmatch 模块。比如：

import glob
pyfiles = glob.glob('somedir/*.py')

from fnmatch import fnmatch
pyfiles = [name for name in os.listdir('somedir')
            if fnmatch(name, '*.py')]

当然现在最好的还是 pathlib:

Windows 与 Deepin 双系统启动顺序的修改

mzhren1024@gmail.com (码农真经) — Fri, 21 Feb 2020 00:00:00 +0000

有一台windows电脑，一直以来安装了win7与深度(Deepin)linux 双系统。默认启动是系统是Deepin.

如上图，电脑开机后进入启动页面。前面两项为Deepin的启动引导，第三项才是Win的启动引导。如果每次启动想进入Win都需要手动选择，会非常麻烦。

[DOM] Found 6 elements with non-unique id 是什么错误？

mzhren1024@gmail.com (码农真经) — Thu, 20 Feb 2020 00:00:00 +0000

查看chrome浏览器控制台发现一个“[DOM] Found 6 elements with non-unique id ” 的警告。

这个错误是指页面中有6个元素的id重复。

产生重复ID原因，是代码编辑器/IDE 会提供一些代码片段，比如在vscode中输入input:checkbox 按tab键，会生成以下一段代码：

为document.querySelectorAll()起个别名

mzhren1024@gmail.com (码农真经) — Mon, 20 Jan 2020 00:00:00 +0000

我将大量运行document.querySelectorAll()，并且想要一个速记别名。

var queryAll = document.querySelectorAll

queryAll('body')
TypeError: Illegal invocation

给document.querySelectorAll起一个queryAll的别名，调用时会报错。提示错误：非法调用。

FFmpeg 视频处理入门教程

mzhren1024@gmail.com (码农真经) — Tue, 14 Jan 2020 00:00:00 +0000

作者：阮一峰

原文链接：FFmpeg 视频处理入门教程

FFmpeg 是视频处理最常用的开源软件。

它功能强大，用途广泛，大量用于视频网站和商业软件（比如 Youtube 和 iTunes），也是许多音频和视频格式的标准编码/解码实现。

删除.DS_Store文件

mzhren1024@gmail.com (码农真经) — Thu, 09 Jan 2020 00:00:00 +0000

.DS_Store (英文全称 Desktop Services Store)是一种由苹果公司的Mac OS X操作系统所创造的隐藏文件，目的在于存贮目录的自定义属性，例如文件们的图标位置或者是背景色的选择。该文件由Finder创建并维护，类似于Microsoft Windows中的desktop.ini文件。

【5种方法】Python判断字符串是否包含子串

mzhren1024@gmail.com (码农真经) — Mon, 06 Jan 2020 00:00:00 +0000

习惯于写JavaScript,当用python判断字符串是否包含某子串，第一时间想到indexOf，果然python字符串确实有index方法。

Node.js 抓取中文网页乱码的若干问题

mzhren1024@gmail.com (码农真经) — Fri, 12 Aug 2016 00:00:00 +0000

使用 iconv-lite 解决 request 乱码问题

Node.js 抓取非 utf-8 的中文网页时会出现乱码问题，比如网易的首页编码是 gb2312，抓取时会出现乱码

var request = require('request')  
var url = 'http://www.163.com'

request(url, function (err, res, body) {  
    console.log(body)
})

可以使用 iconv-lite 来解决