🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

0 篇文章

解释 MIME type 及其作用

2019-01-25 回答 MIME 是多用途 Internet 邮件扩展(Multi-purposeInternetMailExtensions)的首字母缩写。他使用标准化的方式来表示网络之间传输的文档类型及格式。完整格式可查看 MediaTypes。加分回答 MIMEtype 由两部分组成:斜杠(/)分隔的类型和子类型,中间无空格。例如:MicrosoftWord 文件的 MIMEtype 是 application/

什么是 HTML5 存储?解释一下 `localStorage` 和 `sessionStorage`

2018-12-24 回答在 HTML5 中,页面可以在用户的浏览器中存储本地数据。这些数据以 name/value 的格式进行存储,且只能被存储该数据的网页访问。在 localStorage 和 sessionStorage 中存在生命周期的差异。通过 localStorage 存储的数据是持久化的:他不会过期,可以一直存储在用户的电脑上,除非 web 应用程序删除他或用户使用了浏览器中相关的缓存清除功能。sessionS

`rel="noopener"` 应在什么场景下使用,为什么?

2018-12-23 回答 rel="noopener"是 <a> 超链接标签的一个属性。他可以禁止打开的新页面中使用 window.opener 属性,这样一来打开的新页面就不能通过 window.opener 去操作你的页面。因此 rel="noopener"应在打开新页面的场景下使用,否则就会导致严重的安全漏洞。如新页面可以通过 window.opener.location=newURL 将你的页面导航至任何网址。

XHTML 和 HTML 有什么不同?

2018-12-22 回答主要区别如下:XHTML 是更严格更纯净的 HTML 代码,他必须包含 <DOCTYPE>XHTML 属性值必须使用双引号扩起来 XHTML 属性值不能省略。如 checked="checked"不能简写为 checkedXHTML 元素必须被正确地嵌套。如下就是错误的示例:<b><i>Thistextisboldanditalic</b></i><ul><li>Tea<ul><li>Black

HTML 规范和浏览器实现存在什么区别?

2018-12-20 回答 HTML5 等 HTML 规范定义了一系列文档必须遵循的规则,以便规范能够“有效”的执行。此外,规范提供了浏览器必须如何去解析和渲染文档等诸如此类的说明。如果一个浏览器在处理文档上和规范中的规则保持一直,就可以说他已经支持了规范。到目前为止,还没有浏览器能够支持所有的 HTML5 规范(主流浏览器已经支持了绝大部分),这样一来,开发人员就必须考虑他们的产品或项目需要支持哪些浏览器,他们

什么是 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

HTTP/2 有哪些值得期待的特性

随着 HTTP/2 工作组的工作接近尾声以及新标准的实现开始出现,工作组主席 MarkNottingham 写了一篇博客对新协议中 9 件值得期待的事情发表了看法:使用与 HTTP 相同的 API。就像 Mark 提到的:“要想让 HTTP/2 成功,就必须让它能在现有的 Web 中正常工作。因此我们所做的努力是让现有的 HTTP 更好地工作,而不是去改变这个协议。”尽管也许有机制能让你优化一些新功能,但一般情况下不会有新的方法、h

爱上朴实的 CSS 细节

下文转自:爱上朴实的 CSS 细节未来的 CSS 太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些 CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。如果说这些特性是 CSS 华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。怎么说呢,让我们看看这些效果最好的朴实的 C

a 标签中的 rel 属性

网上搜罗了半圈,都只是说明了 rel 属性值所表示的意思,并没有给出具体的使用场景。于是参考了 Neoease 和一些 wordpress 的网站,针对 B3log 自身的情况对部分 a 便签使用了 rel。由于所知有限,W3C 文档以外的值并未进行使用,还望大家能多给点意见。nofollow 站内相关文章,站内随机文章,评论回复,列表及文章页面中的评论、浏览和作者链接,侧边栏的评论地址,首页导航中的“首页”链接,评论最多文

JavaScript,HTML,CSS 规范小结

1.综合 Ø 使用 UTF-8 编码。注:UTF-8+BOM 不可 Ø 注释需有意义且描述清晰无二义 Ø 代码提交需填写提交原由 ØJavaScript、Java、CSS 文件头部需进行版权声明 Ø 使用中文进行注释 Ø 更改代码后,需保证正常运行,否则严禁进行提交 Ø 对无用代码应进行删除;提交 SVN 时,需进行特殊标识删除原因:系统版本:其它:Ø 遵循静态资源分离注意事项 Ø 严禁随意添加第三方代码 Ø 不建议随意修改组件代码 2.JavaS

12 个漂亮的 CSS3 按钮实现方案

真美,转自:http://www.alibuybuy.com/posts/72734.html#jtss-tsina 在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。今天,本文收集了 12 个很不错的 CSS3 按钮方案并有相关的使用教程。BonBonButtonsZardiCSS3ButtonsW

精选 5 个优秀的免费配色网站,让你的网站更出彩

对任何设计来说,颜色都是最重要的元素之一,对观众有着巨大的影响,因而对颜色的挑选和研究有着重要的意义。不论你选用哪一种调色板,它都应该要很好地反映出你的意图,恰到好处的捕捉到你希望获得的感觉。和普通的拾色器相比,设计师们有必要借助一些更好的解决方案。以下所列的 5 个配色网站将有助你挑选最佳的调色板。0to2550to255 这个简单的工具能呈现任何颜色的各种变化。你可以往里面输入特定的颜色代码,它也能随

HTML5 APIs 程序员指南

在公司都是纠结各种 IE,很久没看 HTML5 了。下文不错转自:http://webapptrend.iteye.com/blog/1386423RichClark 是一位 HTML5 专家,他非常了解 HTML5 规范中的 APIs,这篇文章中,他将介绍这些 APIs 的用途以及最新进展情况。有关 HTML5 中的语法元素相信大家已经看到过不少介绍了,但是关于 HTML5 的 APIs 的介绍就不那么常见了,而 HTML5 规范主要

HTML5 Worker

WebWorkers 提供了一个简单的方法:在后台线程中运行网页中的脚本。worker 一旦创建后,就可以发消息给正在运行的任务,该任务通过创建者 post 消息到相应的事件句柄所指定。(没看懂直接看调用图)worker 线程能够在用户界面进行渲染的时候执行任务。此外,他们能够使用 XMLHttpRequest 进行 I/O 操作。知识扩展(引自:http://fed.renren.com/2010/01/247#m

HTML5 强大的 Details 元素

HTML5 新标签 details 元素刚刚被集成到 Chrome 最新的 12 版中。我将会在今天的快速入门中展示如何来使用它。________________________________________Details 标签可以用来做什么?它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用 Javascript 实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将