笔记好记性不如烂笔头

HTML标签pre_使用注意事项&&让复制到Word中的内容不带背景色

<pre> 标签通常用于展示预格式化的文本,例如经常用于展示文本代码。其在使用上与 <div> 等其他标签没有太大区别,但由于其会保留标签中所有的空白与换行,因此在使用时还是有几个地方是需要注意的。

此外,使用 <pre> 标签也可以解决复制网页中的内容到 Word 中会带有背景色的问题。

继续阅读

HTML属性tabindex_控制tab切换顺序&&让元素可获得焦点

在网页中可以使用 Tab 键在链接、输入框之间切换(Shift + Tab 是逆序切换),这在纯键盘操作、填写表格等场景下非常有用。tabindex 是 HTML 的一个全局属性,跟 Tab 键的这个行为密切相关,主要有两个用处:

  1. 使用 Tab 键时,设定可聚焦元素的切换顺序;
  2. 使元素可聚焦,例如 div 元素默认无法获得焦点,但设置 tabindex 属性后就可以。

本文主要内容如下:

  • 描述我在 tabindex 方面踩过的一个坑(无法触发 focus / onkeyup / onkeydown)
  • 介绍 focusable 元素、tabindex 属性的取值和效果
  • 介绍网页中使用 Tab 键切换存在的一些问题

继续阅读

WordPress不同分类页面显示不同篇数文章

wordpress_custom_posts_per_page

在使用 WordPress 搭建博客时,有时需要让不同的分类页面显示不同篇数的文章,通过设置项”博客页面至多显示x篇文章”只能设置为显示相同的篇数。虽然可以通过修改 query_string 来实现,但如果使用了 WP-PageNavi 等分页插件,还是会出现一些问题,这种情况下,可以借助 pre_get_posts 来实现我们的需求。

继续阅读

Spark快速入门指南 – Spark安装与基础使用

spark-quick-start-guide

Apache Spark 是一个新兴的大数据处理通用引擎,提供了分布式的内存抽象。Spark 正如其名,最大的特点就是快(Lightning-fast),可比 Hadoop MapReduce 的处理速度快 100 倍。此外,Spark 提供了简单易用的 API,几行代码就能实现 WordCount。本教程主要参考官网快速入门教程,介绍了 Spark 的安装,Spark shell 、RDD、Spark SQL、Spark Streaming 等的基本使用。

继续阅读

我的2016校招

campus-recruitment

回顾2016校招,竟也拿到了三个不同类型的 Offer:美团的 Web 前端开发、网易游戏的后台开发、证券公司的大数据研发… 也是够能折腾。转眼离拿下美团 Offer 也过去一个多月了,在此也记一记校招的流水。其实校招之前,在就业方向上还一直有点摇摆,在大数据与前端之间难以抉择。人生苦短,还是做自己更感兴趣的事吧,尽管研究生期间选的是大数据方向,但最终我选择了长期以来一直有情感的前端(尽管水平已经落后不少)。最终也顺利拿到了令人满意的美团 Offer:企业平台的前端岗位,在厦门有了落脚之地(感谢美团在厦门成立了研发中心)。

继续阅读

使用Maven编译运行Storm入门代码(Storm starter)

build-storm-starter-with-maven

Storm 官方提供了入门代码(Storm starter),即 Storm安装教程 中所运行的实例(storm-starter-topologies-0.9.6.jar),该入门代码位于 /usr/local/storm/examples/storm-starter/ 中,包含多个例子,对于学习 Storm 很有帮助。同时官方也有给出了详细的使用说明(上述目录下的 README.markdown 文件),本教程基本是按照官方使用说明来介绍如何使用 Maven 来编译代码,以运行于 Storm 中。

继续阅读