经验分享

如何让用纯CSS来做头部固定,内容区域滑动的页面布局?

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

如何在Windows 10的本地nginx的localshot环境上启用HTTPS

Nginx已经可以支持Windows了,这对于在Windows上开发的程序员来说,是个不错的消息。nginx的各个版本的下载地址:http://nginx.org/en/download.html如果我们想在本地的nginx上支持HTTPS,仅仅是为了开发和调试的需要,这时候肯定不会去想花钱去申请第三方的SSL证书,那该怎么做呢?不难,按照下面这几步来:Install OpenSSL这个步骤我们有...

今天遇到TLS connection was non-properly terminated的错误

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

如何在Mobx里实现一个异步的action?

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

Jest的VSCode 插件

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

escape/encodeURI/encodeURIComponent的区别?

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

如何解决Node.js里“Cannot find module”的错误?

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

如何避免HTML里面的JSON数据导致XSS安全问题?

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

如何用JavaScript里校验字符串?

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

如何在Node.js里发送电子邮件?

发送电子邮件是个软件系统里很常用的一个功能,虽然目前短信通知也很流行,但是邮件仍然是一个不可缺少的部分。在Node.js里发送电子邮件,也很简单,我们只要用Nodemailer这个库就能实现了。我们只需要把上面transporter里需要替换的部分用配置里的值,然后sendMail()里的发件人(from)、收件人(to)、主题(subject)等内容替换成自己的内容就可以了。

最新课程

Chrome开发者工具教程

Chrome DevTools的简明教程

初级
免费
JSON简明教程

JSON格式的简明教程

初级
免费
编程概念

面向新程序员的简短教程

初级
免费
初级
免费
JavaScript教程

介绍基础的JavaScript知识,学习用JavaScript进行编程

初级
免费
编程入门导引

帮编程初学者解决方向上的疑惑

初级
免费
HTML/CSS精简教程与实例

面向初学者的HTML5和CSS的教程

初级
免费
Git使用简明教程

快速学习Git进行高效的代码管理

初级
免费
Python 2语言教程

学会用Python语言来编程

初级
免费
程序员面试指南

为找到理想的工作,做好完善的准备

中级
免费