非你网

很多框架，网站，实现的模态窗口体验不是那么完美。不过，知乎的模态窗口却是很完美的。比如登录。知乎的模态窗口实现了以下几点：

1. 弹出模态窗口后。所有滚动条都隐藏（如果有的话），并且鼠标滑轮，无论怎么滚动，被半透明遮挡在下边的内容岿然不动。

2. 弹出模态窗口后。窗口在水平和垂直方向是都是居中的。

3. 关闭模态窗口后。滚动条功能恢复。

Demo: https://api.qiubg.com/demo/vnmodal

gitHub: https://github.com/vini123/vnmodal
继续阅读

在nodejs中使用express来搭建框架可以说是非常的简单方便，但是一般默认创建的都是http服务器，也就是只能通过http协议进行访问。如今https已经是发展趋势，我们应该顺应时代的潮流。这里，将记录下这个的配置过程。

生成证书文件

先进入到项目的目录。

cd /alidata/service/node.js/server/im/

1. 生成私钥key文件

openssl genrsa 1024 > private.pem  

继续阅读

ECMAScript 2017（ES8）已经发布，很多习惯语法却停留在ES6之前。路在前方。

ES8相关

http://www.php.cn/js-tutorial-374051.html

https://segmentfault.com/a/1190000010213513

http://www.jianshu.com/p/a138a525c287

ES6箭头函数

这里仅仅列出一些例子，详细阐述在下边的链接文章中。
继续阅读

开始

官网：https://cn.vuejs.org/
工具：https://jsfiddle.net/

起步

先看教程，api，跟着做。熟悉其结构。
继续阅读

现象

在js中使用 $(window).load(function(){ ...}) 时，会报下边的错误：

Uncaught TypeError: a.indexOf is not a function
    at r.fn.init.r.fn.load (jquery.min.js:4)

stackoverflow 中有人提到说是 jquery 的版本原因，并给出了方法。

https://stackoverflow.com/questions/38871753/uncaught-typeerror-a-indexof-is-not-a-function-error-when-opening-new-foundat
继续阅读

前言

网站加入加载进度条，是件很酷的事情。NProgress.js 就是一个不错的插件。

官网地址：http://ricostacruz.com/nprogress/

CDN: http://www.bootcdn.cn/nprogress/

使用

NProgress 依赖于 jquery1.8 以上的版本。所以，在使用之前，先引入jquery。NProgress有自己的样式文件，也要引入进来。所以，在使用之前，要引入对应的css, js。如：

<link href="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">

<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script src="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>

继续阅读

前因

当INPUT[type=file]控件上已经选择过一次文件之后，再次点击它选择同一个文件时change事件就不会触发。因为第二次选择后里面的文字和第一次是一样的，没有改变。还有个更蛋疼情况是有些浏览器会自动记住控件上的文字，即使页面关闭后重新打开还是会恢复到原来的文字。这时候选择同路径的文件也不会触发change事件。
继续阅读

回调通知是指客户端在上传时指定服务端在处理完上传请求后，应该通知某个特定服务器，在该服务器确认接收了该回调后才将所有结果返回给客户端。

因为加入了回调请求和响应的过程，相比简单上传，使用回调通知机制一般会导致客户端花费更多的等待时间。

开发者可以要求七牛云存储在某文件上传完成后向特定的 URL 发起一个回调请求。七牛云存储会将该回调的响应内容作为文件上传响应的一部分一并返回给客户端。回调的流程如下：

前边

业务流程：

客户端在上传资源到七牛云存储之前要先从业务服务器获取一个有效的上传凭证，因此需要先后和两个服务端打交道。

前言

只做一件事情，可以做的很精致。验证码，只是一个网站很小很小的一部分，有人有公司却做的体验非常棒。下边是网易易盾和极验两加公司做的验证码产品demo的链接：

网易易盾： http://dun.163.com/trial/jigsaw
极验：http://www.geetest.com/exp.html

极验提供了两种验证方式（拖动和点击），四种展现形式（float、popup、custom、bind），二次验证的服务以及多平台。以保障良好的安全以及体验。不过，按钮不能任意定义高度。免费产品也不能自定义图片。
继续阅读