细心的乐码范用户,可以早已发现每篇文章的下面有这样一个按钮:但是,如果没登录的时候,这个按钮点了没有反应。访问乐码范的用户,也就是想看点东西而已,很多用户是不想注册账户再登录的。因此,这个功能基本上就成了摆设,没什么用。今天,这个功能终于可以免登录使用了。当然,如果只是宣布一个功能,那其实也没啥好说的,因为也没什么大不了的。更多是想总结一下背后产品和技术角度的一些思考。1. 为什么有这个功能?相比...
网页的头部固定,内容区域有scrollbar的布局比较常见。这个布局的核心是要scrollbar只出现在内容所在的框里,整个页面的高度是和浏览器的高度一样的。在这个例子里,比较重要的是要固定网页最外层的div的高度。我们用height: 100vh;来确保外层的高度,然后内层就可以依据这个高度来布局了。
Nginx已经可以支持Windows了,这对于在Windows上开发的程序员来说,是个不错的消息。nginx的各个版本的下载地址:http://nginx.org/en/download.html如果我们想在本地的nginx上支持HTTPS,仅仅是为了开发和调试的需要,这时候肯定不会去想花钱去申请第三方的SSL证书,那该怎么做呢?不难,按照下面这几步来:Install OpenSSL这个步骤我们有...
今天在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...
Chrome DevTools的简明教程
JSON格式的简明教程
面向新程序员的简短教程
快速掌握VSCode
介绍基础的JavaScript知识,学习用JavaScript进行编程
帮编程初学者解决方向上的疑惑
面向初学者的HTML5和CSS的教程
快速学习Git进行高效的代码管理
学会用Python语言来编程
为找到理想的工作,做好完善的准备