JavaScript 设置事件流流向

多层标签嵌套如果绑定了相同的事件,那么触发其中某一个标签的事件后,其关联的其他标签也会同时响应该事件,如下图所示: 图中 div 嵌套 p,p 又嵌套了一个 span。并且标注了每个标签元素都绑定了 onclick 事件,当点击 span 标签时其上层的两个标签元素也都会响应,但响应的过程分为冒泡型和捕捉型。...

JavaScript DOM 操作给元素添加、删除事件

借用传智播客教师课件中得一句话,“通过鼠标、键盘对浏览器页面所做的动作就是事件”,比如鼠标点击、鼠标移入、鼠标移除、键盘按下、键盘抬起等等,都称之为事件,这些事件有如下几种。 事件的类型事件 作用 onclick 鼠标点击 onmouseover 鼠标移入 onmouseout 鼠标移出 onkeyup 键盘按...

添加 Visual Studio Code 命令行到 Mac OS X 环境变量

我使用过一些编辑器,可以在命令行下很方便的启动它,比如我想在一个代码的目录直接启动 atom,那么我可以使用 atom . 来启动并加载当前目录下的代码到 atom 中。sublime text 也有类似功能,而本文谈到的是如何把 Visual Studio Code 的环境变量添加到命令行中,微软官方给出了具体...

JavaScript DOM 操作 CSS 样式

在 jQuery 中,修改和获取 CSS 样式只需要一个 .css 就可以搞定了。实际内部也是通过 DOM 操作实现。设置 CSS 样式实际就是设定 DOM 的 style 属性,我们可以根据当前 DOM 元素的 style 属性获取其 CSS 样式,也可以修改或追加新的样式。 实现代码123456789101...

JavaScript DOM 节点的拷贝、删除

拷贝一个节点相当于将一个节点作为对象存放在内存中,这个对象可以被其他的诸如 appendChild 等操作来使用。而节点删除则只能通过一个 removeChild 来实现,所以要删除某个元素,首先要获取这个元素的父节点。我们使用以下方法来实现,参考代码: 代码实现12345678// 复制一个节点追加给另外一个...

禁用 Visual Studio Code 语义检查(单词检查)

这几天在 Mac 下装了微软的 Visual Studio Code(下面简称 VSCode),用起来感觉非常不错,很多功能在 atom 上需要安装插件才能实现的,在 VSCode 中都是集成好的,比如 JavaScript 的智能提示、高亮显示已选同名单词等。但是有一个功能让我看着很不顺眼,就是它会将一些拼写错...

atom 代码检查插件 linter

linter 是一个系列的插件,它可以识别大部分语法,并对你的语法错误进行纠正。linter 只是一个框架,如果要找针对你使用语言的语法纠错插件必须要安装针对你语言的版本,但是 linter 也不能卸载,它是一切的基础。下面是其纠正 js 代码的错误截图。 linter — 可安装的针对不同语言的包如下 l...

Meteor 组合订阅包 publish-composite 使用

初看这个标题可能有点晕,说的有点过于专业化,但是我也想不到更好的标题了。不过我们用真实的场景来给大家描述,来充分表达我们想表达的内容。熟悉使用 Meteor 发布(publish)和订阅(subcribe)的朋友可能会遇到这样一种情况。在某个列表页面,我们需要的数据分别储存在不同的集合(collection) 中...

Meteor Iron.Router 环境下微信 jssdk 报错 config:invalid signature

这几天做了微信分享功能的修改,通过微信 jssdk 可以修改微信右上角分享到朋友圈、分享给朋友、分享到QQ这些界面的 Title、Description和 Image,用来让分享更有质量。普通情况下如果你没有使用 jssdk 去配置你分享的 Title 等信息,微信会将分享出来的 Title 设置为你网页的 Ti...

Meteor 微信公共号开发将客户端日志传递到服务端打印

因为在微信客户端环境,我们无法使用 console.log 查看前端显示的一些调试信息,如果需要用到调试,我们一般是使用 Session 方法来给前端一个固定专门显示日志的变量设定属性,这样这个固定的变量会跟随 Session.set 设定的值而变化。后面想了一个比较方便的办法,直接将客户端需要输出的日志信息通过...