epto.cutphoto 头像裁剪小工具

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

业界 2016年07月05日

DOM事件总结（一）

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

业界 2016年07月13日

nodejs编程规范

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

业界 2016年07月03日

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

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

业界 2016年07月30日

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

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

业界 2016年08月07日

讨论：A标签要不要避免使用 javascript:void(0)

甲是我的同事，乙是我。某天讨论了要不要避免 a 标签加 javascript: void(0)，最后还是决定加！甲：在某些IE里是bug。使用 更好，这样页面还不会跳转到最顶端乙：使用 有个问题，点击后 windows.location 变了。这个被记录到浏览器的 history 了，这样不利于浏览器后退前进操作。还有 在 IE 下可能会在点击后出现虚线外框，这个样式

业界 2016年07月06日

转载：《44个Javascript变态题》

第1题['1','2','3'].map(parseInt);第2题[typeof null,null instanceOf Object]第3题[[3,2,1].reduce(Math.pow),[].reduce(Math.pow)]第4题var val = 'smtg';console.log('value is' + (val === 'smtg') ? 'Some

业界 2016年07月05日

Electron 开发的 gulp 配置

源自 Atom-shell 的 Electron 目前是一个很火的项目。已经有很多开发者基于 Electron 开发出了各种各样的桌面程序。在我看来，对于广大前端开发者来说，最为耳熟能详的应该是 Atom 和 VS Code。在 Electron 的官网上能够看到更多有意思的项目。之前提到过，我的计划之一就是玩一下 Electron，打造一个桌面工具。上个星期经过几次摸索和

业界 2016年08月05日

初步了解this

在面向对象编程中，this指针的指向我经常弄不清楚，看了几篇博客之后，乘有了一点点了解，赶快做笔记记录下来。 this的指向取决于调用的模式，而在js中有4中调用模式：方法调用模式，函数调用模式，构造函数调用模式，apply调用模式 方法调用模式 当一个函数是作为一个对象的属性被调用时，this会指向该属性所属的对象。 var name = 'window'; var pe

业界 2016年07月03日

canvas 入门－利用 canvas 制作一个七巧板

简介是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用元素之前，需要一些基本的 HTML 和 Javascript 知识。 元素不被一些老的浏览器支持，但是主流的高级浏览器都

业界 2016年07月13日