工作中碰到的一些小问题汇总（持续更新）

从一开始工作到现在，陆陆续续碰到了很多大问题小问题，有时候自己闷头研究，一个“小问题”可能要研究很久，所以现在汇总一下，给自己做个笔记，如果大家也有类似问题，也可以省省填坑的时间，因为是遇到什么问题就写了什么问题，可能有些乱……见谅…… Html:Css: -webkit-appearance:none;/*去掉默认样式（button,input等等）*/ outline:

业界 2016年07月06日

koa 实现 react-view 原理

在之前我们有过一篇『React 同构实践与思考』的专栏文章，给读者实践了用 React 怎么实现同构。今天，其实讲的是在实现同构过程中看到过，可能非常容易被忽视更小的一个点 —— React View。React View每一个 BS 架构的框架都会涉及到 View 层的展现，Koa 也不例外。我们在做 View 层的时候有两种做法，一种是做成插件形式，对于 View 来说

业界 2016年07月04日

图片放大镜注释详解

今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果，简单来说就是图片中有对应的区域让你看到放大后的效果。关于布局：就是两组div，第一组大div放图片，小的是遮盖层。第二组是大图div显示框，里面放大张图片，超过部分隐藏，可以想象下是透过窗户看外面，你看到的只是一部分。思路：就是两边的比例，重点，比例，话不说，直接上代码。 *{margin:0

业界 2016年07月06日

web聊天系统的消息通知问题

web消息提示无非三种方式：声音提示，桌面弹窗和title闪烁提醒。下面做一一介绍。声音提示注意声音提示前提示已经加载了声音文件，有文章写的很多是临时create一个audio对象，然后audio.src,这样做是非常不好的，因为你每次调用声音的时候都会去后台请求一下这个声音文件。所以先加载出来是最好的方法。function playAudio() { documen

业界 2016年07月14日

[译]使用karma进行angular测试

紧随前文如何对Angular Controller进行单元测试,但是我们也提到了前文工作流程的不方便，简单总结上前文进行测试的一个流程：修改测试代码;刷新浏览器；查看测试结果；该方法最大的缺陷就是，我们每次都得手动的去刷新我们的浏览器。但是如果我们需要测试不同的浏览器我们又应该如何处理呢？而本文将提出一个自动化测试的方案，从而解决这些问题。关于KarmaKarma是一个由A

业界 2016年07月06日

写文章

写文章写文章 关键字：JavaScript, 文章, 写

业界 2016年07月13日

译文： JavaScript中类数组对象

它看起来像是一个数组，而且它有一个length属性，然而它并不是一个数组。JavaScript有时候是一门很怪异的语言，因为你很难定义一个数组的概念而没有什么例外的。所以我说的这些类数组对象是什么？它们有一些，其中包括arguments,arguments是一个很特殊的变量，你再所有函数体内都可以访问到。1. arguments假如你在一个工具（firebug）中检查arg

业界 2016年07月25日

React state与props学习笔记

组件的状态与属性组件本质上是状态机，输入确定，输出一定确定。组件把状态与结果一一对应起来，组件中有state与prop（状态与属性）。属性(props)是由父组件传递给子组件的；状态(state)是子组件内部维护的数据，当状态发生变化的同时，组件也会进行更新。当状态发生转换时会触发不同的钩子函数，从而让开发者有机会做出相应。props属性的用法键值对：值可以有多种形式：字符

业界 2016年07月03日

程序员的工匠精神

什么是工匠精神工匠精神，一方面，指的是工匠们对自己的产品精雕细琢、精益求精的精神：“工匠们对细节有很高的要求，他们追求完美和极致，努力把品质从99%提高到99.99%。”另一方面，指的是整个社会对能工巧匠由衷的敬意，给予较高的社会地位。而现代西方以制造业立国，一定意义上，制造业文化就是工匠文化，尤其是高端制造业，往往需要从业者乃至整个社会具备一种所谓的“工匠精神”。而工匠精

业界 2016年06月25日

关于DOM2级事件的事件捕获和事件冒泡

花一天时间研究完了DOM2级事件中addEventListener的执行机制，作为开山第一帖，和大家讲讲多个addEventListener同时添加时的执行先后规律：如图，大家都知道，W3c的DOM事件触发分为三个阶段：①、事件捕获阶段，即由最顶层元素（一般是从window元素开始，有的浏览器是从document开始，至于其中的差别我稍后会更新）开始，逐次进入dom内部，最

业界 2016年06月20日