data-* 属性是 HTML 5 的新特性,允许用户在 DOM 中存储自定义信息。
以前,需要存储含有特定含义的信息通常是通过 class 完成的,但这并不是 class 本来的用途。现在,利用 HTML 5,可以为元素添加data-*属性,从而存储自定义信息。其中*是可以自定义的部分。例如:
1<article id="tu" data-category="Web Development" data-author="1"> ... </article>
通过 JavaScript 访问通过 JavaScript 访问自定义的信息有两种方式:getAttribu...
1、html即是超文本标记语言(Hyper Text Markup Language),是最早写网页的语言,但是由于时间早,规范不是很好,大小写混写且编码不规范;
2、xhtml即是升级版的html(Extensible Hyper Text Markup Language),对html进行了规范,编码更加严谨纯洁,也是一种过渡语言,html向xml过渡的语言;
3、xml即时可扩展标记语言(Extensible Markup Language),是一种跨平台语言,编码更自由,可以自由创建标签。
4、网页编码从html>>xhtml>>xml这个过程发展。
htm...
整理一下React中关于state和props的知识点。
在任何应用中,数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新,或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的,即从父组件到子组件中,组件的数据存储在props和state中,这两个属性有啥子区别呢?
propsReact的核心思想就是组件化思想,页面会被切分成一些独立的、可复用的组件。
组件从概念上看就是一个函数,可以接受一个参数作为输入值,这个参数就是props,所以可以把props理解为从外部传入组件内部的数据。由于React是单向数据流,所以props基本上也就是从服父级组件向子组...
在初学 React 的时候,分不清 React 组件和 React 元素,着实踩了一些坑。搞清楚 React 中什么是组件,什么是元素,既可以理清楚概念,也可以让你避免一些不必要的错误。
React 元素React 元素(React element),它是 React 中最小基本单位,我们可以使用 JSX 语法轻松地创建一个 React 元素:
1const element = <div className='element'>I'm element</div>
React 元素不是真实的 DOM 元素,它仅仅是 js 的普通对象(plain objects),所...
一、EJS模版概念E”是“有效的,EJS是一个简单高效的模版语言,通过数据和模版,可以让您使用普通的JavaScript生成HTML标记
Grunt安装及使用介绍Grunt都能做什么,自动化,减少像压缩,编译,单元测试,代码效验,打包,管理,优化,多余的东西干掉,这些重复且无业务关联的工作,我们做的越少,就可以留出更多的精力,来专注与我们的业务代码,那为什么我们选择grunt呢,是因为grunt的生态实在是在强大了,只要你能想到的任务,基本上都可以找到grunt的相关的自动化插件,并且grunt的生态一直在持续增长,我们不能给grunt全世界,但是grunt的全世界都给了我们
首先我们先创建一个文件夹名字叫grunt-test
官方站点:http://gruntjs.com/
然后进入到这个文件夹,在这个文件夹中执行
n...
一、什么是标准模式和怪异模式在实现html和css标准化之前,各个浏览器对html和css的解析各有不同,甚至是同一个浏览器的不同版本渲染方式也不同(比如IE6和IE7)。在W3C制定标准之后,浏览器既要按照标准去实现HTML和CSS的支持,又要保证能够兼容以前的非标准的旧网页,于是就有了现在所说的标准模式(严格模式)和兼容模式(怪异模式)。
二、浏览器如何确定渲染模式呢在编写HTML文档时,一般都会在文档的开头,html标签之前声明文档类型:DOCTYPE,当浏览器在解析html文档时,若遇到正确的文档声明,则启用标准模式,按照标准来解析和渲染文档。而对于旧的html文档,或没有DOC...
一、为什么HTML5要引入新语义标签在HTML5之前采用HTML+CSS文档结构写法,但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点,HTML5新增了很多新的语义化标签。
二、引入语义化标签的优点引入语义化标签的好处主要有下列三点:
比<div>标签有更加丰富的含义,方便开发与维护
搜索引擎能更方便的识别页面的每个部分
方便其他设备解析(如移动设备、盲人阅读器等)
三、标签详解所谓语义化标签就是一种我们仅通过标签名就能判断出该标签内容的语义的标签。下面将介绍<article> <section&g...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More...