橘子园

种橘子的地方

0%

这篇文章记录对HTML5一些标签的辨析
不涉及任何HTML5之前的语义!

  1. em strong
    • strong表示HTML页面上的强调(emphasized text),em表示句子中的强调(即强调语义);
    • storg被描述为表征“内容强烈的重要性(strong importance for its contents) ”。这是一个重要的区别。em标签(Emphasis)用于改变一个句子的意思(“我喜欢胡萝卜” 或”我喜欢胡萝卜“), strong用来对一个句子的部分增加重要性(比如 “警告! 这非常危险。”)
    • Strong和Emphasis都可以分别通过嵌套来增加重要性或强调的相对强度。
  2. b i
    • b元素:
      The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is emboldened.(b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如:文档概要中的关键字,评论中的产品名。或者代表强调的排版方式。)
    • i元素:
      The i element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized. Usage varies widely by language.(i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版方式。)

一个爬取市面上主流电子书购买渠道上电子书价格的app
名字还没想好…起名困难症
逻辑如下:

  1. 搜索一个默认会返回无结果的词,现在是”__“,记录主要DOM结构(以下简称结构,此结果简称空白结果).
  2. 搜索需要的书名
    • 如果结构与空白结果相同,则无此电子书出售,结束.
    • 反之,进入第三步.
  3. 检索页面中含”¥”的第一个DOM标签,同时,当结果为多个时,应给出警告;提取距离该DOM标签最为接近的数字,进入比对集进行比对.
  4. 打开比对集中最小值对应的app或网页

代码在这里

个人blog从WordPress迁到Hexo了
头疼啊,为什么别人就能遇见讨人喜欢的背景图呢
还有icon…
hello,Hexo~

  1. IE 10 及以下a标签里定义的img会被赋予一个边框
    原因是浏览器通常会把代表超链接的图像(例如包含在 a 标签中的图像)显示在两个像素宽的边框里面,以表示读者可以通过选择这个图像来访问相关联的文档。 因为没有边框就意味着去掉了一种非常常见的超链接视觉指示效果,这使得读者可能不会像原来那么很容易就可以找到这些链接。

#升级Vue

##引入Vue
Vue升级2.0,将compiler与runtime 分开,分成两个build,分别是:

-Standalone build: includes both the compiler and the runtime. This functions basically exactly the same Vue 1.x does.

-Runtime only build:since it doesn’t include the compiler, you need to either pre-compiled templates in a compile step, or manually written render functions. The npm package will export this build by default, since when consuming Vue from npm, you will likely be using a compilation step (with Browserify or Webpack), during which vueif or vue-loader will perform the template pre-compilation.

默认引入Runtime only build,而我们在不想要改变过去的一系列构建模式的前提下,需要引入Standalone build,路径是’vue/dist/vue.js’(Runtime only build引入的实际上也是dist文件下的文件)

##生命周期钩子
一定要注意vue2.0对生命周期钩子函数的大量改动:
init -> beforeCreate
created
beforeDestroy
destroyed
beforeMount(new)
mounte(new)
beforeUpdate(new)
updated(new)
activated (new) (for keep-alive)
deactivated (new) (for keep-alive)
ready | deprecated, use mounted (there’s no longer the guarantee to be in-document)
activate | deprecated, moved into vue-router
beforeCompile | deprecated, use created
compiled | deprecated, use mounted
attached | deprecated, use custom in-dom check in other hooks
detached | deprecated, same as above

#升级vue-router
就我们目前的项目来说,问题主要出现在以下两点:
-router.map方法废弃,此类方法统一作为属性加入到构造函数中(见https://github.com/vuejs/vue-router/releases)。
-router.start方法废弃,没有在源码或者realease log中发现对应的替代实现。

  1. position包含块

    • relative、static包含块由最近的块级框、表单元格或行内块祖先框的内容边界构成。
    • absolute包含块设置为最近的position不是static的祖先元素(可以是任何类型),如果这个祖先元素是块级元素,包含块则设置为该块元素的内边距边界,换句话说,就是由边框界定的区域。
  2. 百分数数值计算

    • top、bottom相对于包含块高度计算,与此同时padding、margin四个方向的计算全部基于包含块宽度。
    • border不接受百分数。
    • height相对于包含块高度
  3. overflow:hidden
    满足以下两点要求的子元素仍旧会在这种情况下溢出

    • 拥有overflow:hidden样式的块元素不具有position:relative和position:absolute样式;
    • 内部溢出的元素是通过position:absolute绝对定位;

    原理待补充.

High Level Changes

  • 模板解析不再依赖DOM(除非你使用DOM本身作为你的模板),所以只要你使用字符串模板(<script type=”text/x-template”>/译注:YUI类库自己定义的元素type,用于存放html减少DOM节点/,内联JavaScript字符串,或者经由单文件组件编译而成的字符串模板),你不再需要面对任何1.x版本中的模板解析局限。然而,如果你(使用el选项)将现存的内容绑定到元素上作为模板,你依旧将面临那些局限。