JavaScript

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

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

koa 实现 react-view 原理

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

图片放大镜注释详解

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

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

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

[译]使用karma进行angular测试

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

写文章

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

译文: JavaScript中类数组对象

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

React state与props学习笔记

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

程序员的工匠精神

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

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

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