详解 ESLint 规则，规范你的代码

因为前几天发现 CSDN上有直接把我文章 复制过去然后标原创的情况，以后会统一在博客头部加入原文链接~本文个人博客原址在很久之前就想通过工具来规范自己的代码风格，减少程序出错的概率，如果看过我的一个前端程序猿的Sublime Text3的自我修养，这篇博客的朋友，肯定知道在当时我使用SublimeLinter-jshint插件来规范风格，但是实际上一直懒癌发作也没去看它的文

业界 2016年08月07日

JavaScript 面向对象开发知识总结基础篇

引子：1.JavaScript 中的变量类型和类型检测1.1原始类型1.2引用类型1.3內建类型的实例化1.4函数的字面形式1.5正则表达式的字面形式1.6类型检测1.6.1原始类型的检测1.6.2鉴别引用类型1.6.3鉴别数组1.6.4原始封装类型2.JavaScript 中的函数2.1定义函数的两种方式2.1.1函数声明2.1.2函数表达式2.2JavaScript函数

业界 2016年08月07日

为你的博客添加搜索功能吧!

Search-Spider-Blog提供个人博客文章搜索服务, 只需要配置个人博客地址, 载入博客数据, 开启Server服务, 即可开启文章搜索服务。对blogconfig.json配置文件监控, 修改后服务及时地更新博客数据。本人用的为Hexo Blog, 所以Hexo用户体验更佳代码地址使用说明环境配置after clone && cdnpm i 对 blogconf

业界 2016年08月07日

一步步编写avalon组件05：树组件

给人印象中，树组件是非常令人畏惧的一个组件，超级复杂，超级难写。但使用avalon2来做，这却是级其简单的一件事。首先从样式入做，无序列表是天然可用的树结构，几个UL元素套在一起，它们就自然处理好缩进问题。换言之，我们用UL元素作为树的节点，那么树组件内部也需要存在树组件，需要形成递归结构。avalon2的slot机制又是出场的时候了。因此我们的树的结构大概是树子树子树子树

业界 2016年08月06日

正在暑假中的《课多周刊》(第1期)

正在暑假中的《课多周刊》(第1期)我们的微信公众号：fed-talk，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把 课多周刊 推荐给你的朋友，你的支持是我们最大的动力。远上寒山石径斜，白云深处有人家。停车坐爱枫林晚，霜叶红于二月花。 杜牧 -《山行》HTML/CSS【译】22个必备的CSS小技巧（@jrainlau） 实用的CSS小技巧。CSS3 聊天气泡框以及 i

业界 2016年08月07日

谈谈JS设计模式和应用场景一(单例模式)

什么是单例模式单例模式是单例模式，也叫单子模式，是一种常用的软件设计模式。 在应用这个模式时，单例对象的类必须保证只有一个实例存在。 许多时候整个系统只需要拥有一个的全局对象，这样有利于我们协调系统整体的行为。。(来源于维基百科)1.创建单例模式，案例1:其实就是创建个对象,将我们的对象看做一个人var person ={height:1,name:'wy',callbac

业界 2016年08月07日

【page-monitor 前端自动化 上篇】初步调研

前端自动化测试主要在于：变化快，不稳定，兼容性复杂；故而，想通过较低的成本维护较为通用的自动化case比较困难。本文旨在通过page-monitor获取和分析dom结构，调研能否通过监控和分析核心dom，来进行前端自动化测试。一：page-monitor 介绍page-monitor：通过xpath获取dom节点结构，之后可视化的渲染出页面的差异。github地址：http

业界 2016年08月07日

React-Redu源码剖析

React-Redux是用在连接React和Redux上的。如果你想同时用这两个框架，那么React-Redux基本就是必须的了。为了能够更好的使用这个工具，今天就对它进行一下源码剖析。Provider一个React组件，一般你的rootApp要放倒这个组件内部渲染。它很简单，最关键的作用就是在context中放入Redux的store，方便子组件获取。关键代码：getCh

业界 2016年08月07日

document.write知多少

原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 if(A){

业界 2016年08月07日

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

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

业界 2016年08月07日