什么是 DOM？

2018-12-19 回答 DOM（文档对象模型）是可扩展标记语言的标准编程接口，用来处理如 HTML 或 XML 这样由节点组成的树形结构的标记语言。这些节点（例如元素和文本节点）都是能够被编程接口操作的对象，他们任何可见的改变都会在文档中实时反映出来。在浏览器中，这些接口可供 JavaScript 进行使用，使其操作 DOM 节点来改变他们的样式、内容、在文档中的位置或者通过事件监听器来进行交互。加分回答 DOM 的设

简述 `<script>` 标签中的 defer 和 async 属性

2018-12-18 回答如果两个属性都没有（默认行为），脚本的下载和执行将会按照文档的先后顺序同步进行。当脚本下载和执行的时候，文档解析就会被阻塞，在脚本下载和执行完成之后文档才能往下继续进行解析。总之脚本的下载和执行都是按照文档的先后顺序进行。defer 属性表示脚本按顺序被解析到时就开始下载，下载过程中文档继续进行解析，当文档全部解析完成之后便开始执行下载好的脚本，这相当于在 DOMContentL

简单描述 HTML5 语义元素中 `<header>`、`<article>`、`<section>`、`<footer>` 的正确用法

2018-12-17 回答 <header>：可在段落（<body>、<section> 等）中使用，用来介绍或导航该段落的相关内容。如：标题、作者姓名、发布日期和时间、目录和其他导航信息。<article>：是一个独立的元素。能够在逻辑上独立于页面的其他内容而存在，单独创建时可保证内容的完整性。如：博客中完整的文章或新闻中的报道。<section>：是一个较为灵活的容器，可用于存放拥有一个主题的内容。如

HTML 中可以包含多个 `<header>` 或者 `<footer>` 元素吗？

2018-12-16 回答当然可以。W3 文档指出 <header> 和 <footer> 标签表示离他们最近的祖先“段落”区域中的头部和页脚。因此不仅 <body> 可以包含头部和页脚，<article> 和 <section> 同样也可以。加分回答 W3 建议根据你的需求编写你所需要的 <header> 和 <footer>，但是他们在离他们最近的祖先“段落”中仅能出现一次。正确示例 <body><header>...</hea

清缓存的目的是什么，如何实现？

2018-12-15 缓存及优点浏览器的缓存可以临时存储一些文件，因此当页面切换或者再次加载相同页面时就不需要去重新下载这些文件。服务端可以设置头部告诉浏览器在一定时间内存储这些文件。这样不仅可以大幅度加快网站的速度还可以节省你的带宽。缓存带来的问题然而当开发者对站点进行修改时就可能会带来一些问题：某些用户可能仍在访问那些修改之前的文件。这样就会导致那些用户使用以前的功能或者访问一个坏了的站点（当服务

图片标签中的 alt 有什么作用？

2018-12-14 回答当图片无法加载的时候，alt 的属性值会以文字的形式替代图片显示。alt 属性是用来描述图片内容的，当图片作为背景等装饰时，alt 属性应该为空。加分回答装饰作用的图片 alt 属性应该为空网站爬虫根据其属性值来理解图片的内容，因此 alt 属性对 SEO（搜索引擎优化）来说非常重要 alt 值应以句号结尾，以提高可访问性补充网速过慢导致图片加载需较长一段时间时，在图片加载完成之前，会显示 alt

快应用从开发到上线

背景通过几篇文章逐步了解了快应用。一开始没太在意，但听的多了，看的多了，用的多了，就觉得还不错。大家都可以尝试一下，相信会有不错的收获。新手篇上手超级容易的，只是偶尔写着写着就遇到一些小坑，加上新生态，所以难免要自己多折腾下。初始化建项目 hapinit<ProjectName>cdProjectNamenpminstallnpmrunservernpmrunwatch 安装快应用调试器后扫描 npmru

三阶魔方入门

背景很早很早以前看到有人能把打乱的魔方拼好，羡慕不已很早以前听说拼魔方有公式，嫉妒那些能看懂公式并且记下的人前几天小朋友买巧克力送了个魔方，然后被他打乱了反正是羡慕嫉妒恨，不如就自己学一下吧基本知识结构魔方有 6 个中心块，8 个角块，12 个棱块，1 个主轴，共 26 个块组成；中心块有 1 个颜色，角块有 3 个颜色，棱块有 2 个颜色。配色拼的过程中需要一直保持黄色中心块朝上步骤参考了 2 篇文章，走了一些弯路才拼好，特此

2018 VS 2017 前端使用数据对比

JavaScriptis 总在变化。新的库，新的框架，新的语言。。。虽然都在朝着更好的方向努力，但回想自己维护的项目和前端进化史，真的是一把辛酸泪。所以我希望不断变化的他们可以加快 WebComponent 的步伐。PS：今年没有 CSS 这一块的数据，我表示很伤心，是因为 CSSinJS 的争论么？JavaScript 当谈论 JavaScript 时，你不仅仅是在谈论一个单一的语言，而是关于这个语言的很多东西。开发

大理丽江泸沽湖 9 日游

出发前一天吸取了上次的 https://hacpai.com/article/1488300132138 的经验后，这次计划的时间就比较宽裕和轻松了。外加避免司机的疲劳驾驶，行驶时间也缩短到了 1～4 小时。最后把吃的排除在外，大概 10 个小时（计划、收行李、定酒店）就可以搞定了。Day1 出发-改 🐛 早上悠哉悠哉的出发到了下关，中午在服务区随便吃了点小吃。下午到达目的地后改了一下午的 🐛🐛🐛Day2 大理古城-寂照

邀请加入 B3log 程序媛群组

身为一个上得了厅堂下得了厨房，写得了代码灭得了蟑螂，美貌和智慧为一身的程序媛妹子，让我们联盟起来吧！要加入【B3log 程序媛】群的姐妹们请加 QQ 群：「241573017」（男生止步），谢谢！背景身为一个女程序媛，由于我们的稀有属性，经常需要加入到一些男性众多的技术群。身为群里面的千分之一，要么被“宠”上天，要么会受到“骚扰”，要么会看到有人开车。原本我们只是希望在遇到问题的时候能和大家探讨一下，依靠

小程序之 WePY 框架

前言在小程序刚出来的时候没有 web-view，没有 WePY，因此只能纯手工打造。在书单小程序中为了能够使用第三方库（如：md5.js），使用 HTML，这都需要进行一些专门的特殊处理。点此可查看书单小程序源码。然而一年多过去了，为了链书，又开始捣腾小程序。最终选择了 WePy，目前前端部分已经开发完毕，整体感觉还是蛮好用的。非常简单的集成了 moment，blueimp-md5，apimocker。爬坑记

PWA 之 Service Worker 从介绍到实战再到爬坑

继现在你可以在电脑 Chrome 上使用 PWA 啦！等一系列文章发出后，PWA 又要开始火一波了。概念 PWA(ProgressiveWebApps)我们访问互联网的方式已经改变。随着智能手机和移动设备的增长，我们看到全球数百万人首次在移动设备上使用互联网。Google 支持渐进式 Web 应用程序（PWA），以帮助开发人员在 Web 应用程序中能快速、可靠、高质量的提供和本机应用相媲美的程序。ServiceWorke

罗平油菜花、九龙瀑布两天一夜游

Day1 螺丝田早上 9 点从昆明出发，中午便可以到达螺丝田了。中午饭就在看风景的路边摊上解决了，炎热的天气下来杯玫瑰糖的木瓜凉水和豌豆凉粉可以说是爽翻了。风景大概是这样的，还不错吧！下午回酒店休息，到了晚上就出来觅食，顺便逛逛罗平县。发现发廊和药店特别的多。由于是大年初二，走到最热闹的地方，终于找到一家小火锅。超级便宜，每个锅底只要 3-5 元。4 个大人吃下来只要了一百多一点，是不是很便宜。Day2 酒店旁边

兜兜转转的 2017

兜兜转转兜兜转转，从 PM 回归到了码农兜兜转转，年末继续计划家里蹲 2017 还有三天就要过年了，拖延症的我不得不和 2017SayBye，不得不和自己交代一下 2017 我都干了什么？突然脑袋一蒙，我到底干嘛了。。。翻开博客，翻开 Timeline。还好还好，今年没有一片空白 😂 工作去年末准备家里蹲的，但是身为一名党员，怎么能不服从党的号召，然后就被口号为“抓党建促脱贫攻坚”的某司吸引了。。。RESTful、Gi