【page-monitor 前端自动化 中篇】 源码分析

上篇中初探了page-monitor的一些功能和在前端自动化测试方面的可行性，本篇主要分析下page-monitor的实现方式和源码。mode-module简介page-monitor的存在形式是node-module，依赖于node安装和运行，简单必须了解下node_modulesnode-module是nodejs的模块，符合commonJs规范【具体规范可以参考：ht

业界 2016年08月07日

切图崽的自我修养－优化图片加载流程

前言优化！ 又是优化！切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点.对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的图片加载优化方式.预加载1.遮罩大法我们经常用jquery, jquery中$(function){})实际上是DOMContentLoaded事件完成的回调，只

业界 2016年07月07日

通过Ngin的auth_request以及EpressJS构建权限验证系统

本文的内容是我的开源代码（https://github.com/e10101/AdminLogin）的中文说明。项目主要是实现了通过合理配置Nginx的auth_request模块来实现对敏感路径下的内容进行访问限制。代码可通过Github访问：https://github.com/e10101/AdminLogin，来获取代码。如果可以的话，可以**Star**一下。开发

业界 2016年07月11日

根治JavaScript中的this-ECMAScript规范解读

前言this是JavaScript中的著名月经题，每隔一段时间就有人翻出了拿各种奇怪的问题出来讨论，每次都会引发一堆口水之争。从搜索引擎搜了一下现在的比较热门的关于this的用法，如：Javascript的this用法 、深入理解JavaScript中的this关键字 、你不知道的this 等文章几乎都是从现象出发，总结this在不同场景下的指向结果，如同江湖郎中一般，都没

业界 2016年07月31日

AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)

总结一下AngularJS的核心对象angular上的方法，也帮助自己学习一下平时工作中没怎么用到的方法，看能不能提高开发效率。我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本，不过在全局API上，版本不同也没什么区别。AngularJS 全局 API列表elementbootstrapcopyextendmergeequalsforEachnoopbi

业界 2016年07月06日

js利用clipboardData在网页中实现截屏粘贴的功能

最近在做一个将屏幕截图直接粘贴发送的功能，于是对此做了一些研究，下面是具体的实现代码：html代码如下，在这里只是简单的做了一个textare框用作演示 截屏粘贴具体实现在JavaScript中：function paste(event){ var clipboardData = event.clipboardData; console.log(clipboardDa

业界 2016年07月23日

JavaScript获取时间戳与时间戳转化

Javascript 获取当前时间戳（毫秒级别）： 第一种方法： var timestamp1 = Date.parse( new Date());结果：1470220594000 第二种方法： var timestamp2 = ( new Date()).valueOf();结果：1470220608533 第三种方法： var timestamp3 = new Date

业界 2016年08月03日

vue.js过渡(vue学习记录2)

html代码：helloToggle必须要添加CSS样式（该样式来控制状态）： .expand-transition {transition: all .3s ease;height: 30px;padding: 10px;background-color: # eee;overflow: hidden;}.expand-enter, .expand-leave {heig

业界 2016年06月25日

Promise 的三种常用方法。

前言看到项目里不少人用了Promise 的库类，比如 bluebird、q 、jQuery.Deffered 等 polyfill promise 方式，使用的时候翻看长长的文档，真心累觉不爱。es5 发展到现在，node 在0.12版本就已经支持了promise， 在客户端，大部分浏览器也支持了Promise， 如果要兼容低版本的浏览器，可以加上es5-shim等 po

业界 2016年07月14日

又被事件冒泡坑了一把，这次要彻底弄懂浏览器的事件流

打算封装一个弹窗组件，做的时候忘记了考虑事件冒泡的因素，结果被坑得不要不要的。为了解决自己的问题，去查阅了不少资料，把事件流相关的知识都给总结一下。事件冒泡：一个简单，但是坑了我无数回的知识点！JavaScript与HTML的交互通过事件来实现。而浏览器的事件流是一个非常重要的概念。不去讨论那些古老的浏览器有事件捕获与事件冒泡的争议，只需要知道在DOM2中规定的事件流包括了

业界 2016年07月13日