【page-monitor 前端自动化 下篇】 实践应用

通过page-diff的初步调研和源码分析，确定page-diff在前端自动化测试和监控方面做一些事情。本篇主要介绍下，page-diff在具体的实践中的一些应用核心dom校验前端的快速发展，造成前端dom无论结构还是命名经常变化，每次都尽可能关注每个dom的变化，不可能也没有必要。但是核心dom是相对变化较小，但是比较重要，因此可以利用page-monitor 修改关注结

业界 2016年08月07日

Web前端初级问题—aja登录跳转登录实现

当我们的用户进行系统登录时，用户名和密码的验证都是后端验证的。而且，用户登录状态也是要后端设置的，查询数据库后，用户名和密码正确，则在session中存储一个uuid，每个页面需要根据登录状态判断展示相应的内容时，则判断是否有uuid这个session，且uuid不为空。比如头部的登录按钮，在未登录状态是显示登录按钮，在登录后显示用户名和头像，这些都是判断是否有uuid这个

业界 2016年07月30日

nodejs编程规范

node开发需要编程规范吗？js的灵活性非常大，如果开发人员每个人都按自己的习惯随意编写，js的代码会非常混乱不堪。js程序员需要更强的自律性和规范，才能写出易读性，易维护的代码。随着前端mvc的崛起，前端的js代码会更加庞大难以管理，如果没有统一的规范，后期维护会比登天还难。编码规范缩进采用两个空格缩进，在编辑器中设置tab为两个空格变量声明用var声明变量var ass

业界 2016年07月03日

DOM事件总结（一）

前言：撸完CSS－DOM紧接着来撸DOM事件，事件总结完成后我要开始总结动画，然后用纯JS实现一个轮播图，前路漫漫，还有各种框架等着我～～～本篇主要内容有：事件流 事件处理程序 跨浏览器事件处理程序－－－－－－－－－－－－－－－－－－－－:angry: 分割线－－－－－－－－－－－－－－－－－－－－－1.事件流事件冒泡：事件开始时由最具体的元素（文档嵌套层次最深的节点）接

业界 2016年07月13日

epto.cutphoto 头像裁剪小工具

这几天在做移动端的事情，其中有一个涉及到上传头像，这个功能模型简直不要太常见了，几乎所有的网站都到有这个功能，所以避免重复造轮子，直接参考大家的方案，封装了这个小东西，还有很多待遇完善的地方，后期也肯定会继续优化，现在就先这样子吧。首先它是基于 zepto 的（jquery 同样能用）。其次它其实就是借助 canvas 的一些属性做了一些小改动。压缩过后 8kb 大小。第一

业界 2016年07月05日

《JavaScript 闯关记》之简介

简介JavaScript 是面向 Web 的编程语言，绝大多数现代网站都使用了 JavaScript，并且所有的现代 Web 浏览器（电脑，手机，平板）均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 JavaScript 也是前端开发工程师必须掌握的三种技能之一：描述网页内容的 HTML、描述网页样式的 CSS、

业界 2016年07月24日

JavaScript基础(一) 数据类型

动态类型JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。数据类型最新的 ECMAScript 标准定义了 7 种数据类型:6 种 原始类型:BooleanNullUndefinedNumberStringSymbol (ECMAScript 6 新定义)和 Objecttypeof 检测数据类型type

业界 2016年07月12日

使用resume-master快速制作简历

About this reporesume-master 是一个简历生成器项目，该项目从json中读取数据，可部署到github pages 在线浏览，也可生成pdf格式简历。该项目使用Handlebars + LESS + Gulp进行构建，只需在resume.json中填入你的个人信息，然后在终端执行几个命令行即可快速构建属于您的个人简历。DEMO：http://haw

业界 2016年07月06日

videojs--跨浏览器的HTML视频播放器（可自定义样式）

官网写在前面，为什么选择这个播放器，因为有文档，支持添加插件，很方便自定义样式，比较活跃，github有各种bug解决方案等不过没想到有那么多坑最简单的静态页面使用方法 To view this video please enable JavaScript, and consider upgrading to a web browser that sup

业界 2016年08月03日

自动化文件目录结构生成工具——filemap.js

项目地址：https://github.com/jrainlau/filemap 开发环境node版本为5.4.1 简介 作为一个经常写博客的人，在介绍自己的项目的时候往往需要介绍文件目录结构。在以往的情况下，要么一行一行手动码字输入，要么简单粗暴地截图，都无法方便快速地构造一个文件目录结构图出来。后来在学习算法的时候，发现文件目录结构跟树的概念非常像，于是便萌生出制作一个

业界 2016年07月14日