细心的乐码范用户，可以早已发现每篇文章的下面有这样一个按钮：但是，如果没登录的时候，这个按钮点了没有反应。访问乐码范的用户，也就是想看点东西而已，很多用户是不想注册账户再登录的。因此，这个功能基本上就成了摆设，没什么用。今天，这个功能终于可以免登录使用了。当然，如果只是宣布一个功能，那其实也没啥好说的，因为也没什么大不了的。更多是想总结一下背后产品和技术角度的一些思考。1. 为什么有这个功能？相比...

网页的头部固定，内容区域有scrollbar的布局比较常见。这个布局的核心是要scrollbar只出现在内容所在的框里，整个页面的高度是和浏览器的高度一样的。在这个例子里，比较重要的是要固定网页最外层的div的高度。我们用height: 100vh;来确保外层的高度，然后内层就可以依据这个高度来布局了。

今天在Ubuntu虚拟机上从Github上拉代码，但是频繁遇到这样一个错误：gnutls_handshake() failed: The TLS connection was non-properly terminated.从网上查解决办法，很多文章都指向proxy配置的问题，但是通过这个命令git config -l来查看，我的环境下并未给Git配置网络代理，因此不是proxy的原因。从错误原因...

使用Mobx的时候，store里的状态的改变，默认情况下，必须经过action来操作，这可以让状态修改的操作在代码里面更加明确，也可以更好地组织代码。对于普通同步的action，这个参考最简单的Mobx例子就可以了。但是对于异步的action，这点需要留意一下。如果是用Promise，那么then()函数里传入的应该是一个action；如果是用async/await, await之后的代码在运行时...

VSCode的扩展里面有不少很好的Jest插件。在VSCode的扩展里面搜jest，就会看到安装下载最多的那些插件。比如：这些插件里面，尤其是前两个值得考虑一用。Jest这个是Facebook官方的插件，功能最强大，有这些功能：打开项目时，Jest会自动跑所有的测试。内联显示单个失败/通过。在问题检查器中显示失败的测试。突出显示expect函数旁边的错误。为快照文件添加语法高亮。失败快照的一键更新...

JavaScirpt里有三个用来转义字符串的函数：escape、encodeURI和encodeURIComponent。记住这几个函数的区别不是那么容易，因此这篇文章来总结一下：escape能够把大多数英文标点符号替换成对应的十六进制字符，但是面对UNICODE字符的时候，就不是那么够用了，这时候要考虑用encodeURI。encodeURIComponent是encodeURI的一个扩展，区别...

Cannot find module 'xxx' 这个错是在写Node.js代码时一个很常见的错误，可以按照下面的思路来解决。分三种情况，可以直接按自己的情况来看：1. 自己的代码文件找不到。比如下面的错误：按照以下的思路来逐步排查原因：确认文件./File1.js存在如果第1步没问题，确定require栈里最后一个文件C:\my-code\src\routes\index.js里面require...

在HTML里面，在<script>节点里面输出页面上需要用到的状态数据是个很常见、标准的用法，比如：这样，在网页里面运行的JS就可以很容易读取这些数据，然后为UI加上更动态的功能。但是，这样安全吗？之前我以为是的，但是后来因为在页面上加了这样一段示例代码，整个页面就乱了。页面变成了这样：很明显，是页面的HTML结构被破坏了，并且是JSON里面的数据导致的。把页面上有问题的JSON检查了一下，发现浏...

为了保证程序能正常运行，及安全运行，我们通常都需要记得要校验用户的输入。在JavaScript里，validator这个库可以很容易做好这件事情。在Node.js里，可以这么写：在ES6里，可以这么写：这种方式可以方便webpack等打包工具使用tree-shaking的功能，来减少打包出来的JS文件的体积。在浏览器里，可以这么写：详细内容，可以参考文档：https://www.npmjs.com...