meta标签 | 易学教程

使用webstorm搭建vue-cli项目

阅读更多关于使用webstorm搭建vue-cli项目

前言在上一章博客的内容中 vue学习笔记(七)组件我们初步的认识了组件，并学会了如何定义局部组件和全局组件，上一篇内容仅仅只是对组件一个简单的入门，并没有深入的了解组件当中的其它机制，本篇博客将会带大家深入了解组件的其它知识，组件的校验，组件的通信等等。本章目标学会组件简单的校验学会父组件向子组件传递数据学会子组件向父组件传递数据父组件向子组件传递数据父组件向子组件传递数据实现的方式特别简单，只用使用props进行数据传递就可以了。语法：props['属性1'，‘属性2’，...] 我找了一张图给大家参考一下在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息 (1)简单的父组件向子组件传递信息 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父组件向子组件传递信息</title> </head> <body> <div id="app"> <my-content :title='title' :content='content'></my-content> </div> <script src="../js/vue.js" type="text

前端 HTML基础

阅读更多关于前端 HTML基础

前端三大利器概述学习前端，不得不学习前端中的三大利器：html + css + javascript。那么这三个组件分别起到什么作用呢？以人体为例，单单具有html属性的人，只是一个裸体的人偶(理解成充气娃娃加工的第一步也行...好邪恶)。这个时候无疑很丑陋，因此需要给这个人偶穿上华丽的外衣，也就是CSS。通过CSS来对这个人的外貌特征、服装色彩进行装饰。装饰之后，OK，基本上可以看了，但是还是缺少了一点人类的基本特征：灵动性。那么js就出马了。js赋予这个人偶能动的机制。比如，当你吻人偶时，它会拥抱你。当你给人偶挠痒痒时，它会呵呵直笑。当你XXXX时，它会亚麻跌...好吧，又邪恶了......其实就是这么个意思：html是裸露的人体结构，css是人华丽的外衣，js是人交互的灵魂。学会这三大利器，你的前端页面，就能实现各种狂拽炫酷吊炸天的特效和交互效果，完成各种需求了。 HTML概述超文本标记语言（英语： HyperText Markup Language ，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现

3-[HTML]-head标签介绍

阅读更多关于 3-[HTML]-head标签介绍

1.head标签我们首先来介绍一下 head 标签的主要内容和作用，文档的头部描述了文档的各种属性和信息，包括文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用（移动端）的等。以下标签是可以用在 head 标签中的： <head lang='en'> <title>标题信息</title> <meta charset='utf-8'> <link> <style type='text/css'></style> <script type='text/javascript'></script> </head> 2.title标签 <title > 标签：在 <title > 和 </title >标签之间的文字内容是网页的标题信息，它会显示在浏览器标签页的标题栏中。可以把它看成是一个网页的标题。主要用来告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出当前网页的主题。我们接下来做一个小练习，创建一个带有我们自定义标题内容的网页： <!DOCTYPE HTML> <html> <head> <title>路飞学城</title> </head> <body></body> </html> 将上面的文件另存为 demo.html ，然后用浏览器打开，就可以看到下面的内容。上面我们介绍了 title 标签的用法

运动函数

阅读更多关于运动函数

拖拽鼠标在元素中按下，不松手在页面中移动，让元素跟随鼠标移动松开鼠标，拖拽停止 var oDiv = document . getElementsByTagName ( "div" ) [ 0 ] ; //1.按下 oDiv . onmousedown = function ( ev ) { var ev = window . event || ev ; //鼠标的位置-oDiv的offset var a = ev . clientX - oDiv . offsetLeft ; var b = ev . clientY - oDiv . offsetTop ; //2.拖动 document . onmousemove = function ( ev ) { var ev = window . event || ev ; var l = ev . clientX - a ; var t = ev . clientY - b ; //3.元素随鼠标移动 oDiv . style . left = l + "px" ; oDiv . style . top = t + "px" ; } //4.松手取消move document . onmouseup = function ( ) { document . onmousemove = null ; } } 拖拽的问题及解决问题

01HTML5学习之HTML5基础

阅读更多关于 01HTML5学习之HTML5基础

文章目录 1、文档类型定义 2、网页模板 3、HTML元素 4、四大元素head、title、meta和body 头部（Head）主体（body） 5、你的第一张网页 6、标题元素 7、段落元素对齐 8、换行元素 9、块引用元素 10、短语元素 11、有序列表类型（Type）、起始值（Start）和倒序*(Reversed)属性 12、无序列表 13、描述列表 14、特殊字符 15、结构元素分区元素（Div） HTML结构性元素页眉元素（Header）导航链接元素（Nav）主体元素（Main）页脚元素（Footer） 16、锚元素绝对超链接相对超链接网站地图电子邮件超链接 1、文档类型定义文档类型定义（Document Type Definition，DTD）。DTD指明了文档中所包含的HTML版本。浏览器与HTML代码校验器在处理网页时就可以使用DTD里的信息。网页文档里的第一行就是DTD语句，通常称作文档类型语句（doctype）。HTML5的DTD如下： <!DOCTYPE html> 2、网页模板所创建的每一张页面都会包含DTD、html、head、title、meta和body元素。一个基本的HTML5网页模板如下： <!DOCTYPE html> < html lang = " zh-CN " > < head > < title >

web api DOM_02

阅读更多关于 web api DOM_02

创建元素的三种方式 document.write() 缺陷:如果是在页面加载完毕后,此时通过这种方式创建元素,那么页面上存在的所有的内容全部被干掉 document.write('新设置的内容<p>标签也可以生成</p>'); innerHTML var box = document.getElementById('box'); box.innerHTML = '新内容<p>新标签</p>'; document.createElement() var div = document.createElement('div'); document.body.appendChild(div); 性能问题 innerHTML方法由于会对字符串进行解析，需要避免在循环内多次使用。可以借助字符串或数组的方式进行替换，再设置给innerHTML 优化后与document.createElement性能相近 - 动态创建列表，高亮显示 - 根据数据动态创建表格模拟百度搜索文本框元素相关得方法: 只创建一个元素节点操作、* 节点的属性:(可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来) nodeType:节点的类型:1----标签,2—属性,3—文本 nodeName:节点的名字:标签节点—大写的标签名字,属性节点—小写的属性名字,文本节点----#text

html的常用标签

阅读更多关于 html的常用标签

/*--> */ /*--> */ 基本框架 <!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF-8">  <title>Title</title>  </head> <body>  </body> </html> 特殊字符内容对应代码空格 > > < < & & ¥ ¥ 版权 © 注册 ® 常用标签　　head内常用标签标签意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件 <meta/> 定义网页原信息 Meta标签： <meta>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。 <meta>标签位于文档的头部，不包含任何内容。 <meta>提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性

web前端开发规范手册

阅读更多关于 web前端开发规范手册

Web 前端开发规范手册一、规范目的 1.1 概述 ..................................................................................................................................... 1 二、文件规范 2.1 文件命名规则.........................................................................................................................1 2.2 文件存放位置..........................................................................................................................2 2.3 css 书写规范..........................................................................................................................3 2.4 html书写规范...............

Vue.js之组件系统

阅读更多关于 Vue.js之组件系统

vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。 Vue.js组件系统每一个新技术的诞生，都是为了解决特定的问题。组件的出现就是为了解决页面布局等等一系列问题。vue中的组件分为两种，全局组件和局部组件。组件的注册全局组件的注册通过Vue.component()创建一个全局组件之后，我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../statics/vue.min.js"></script> </head> <body> <div id="app">  <global_component></global_component> </div> <script> // 第一步，注册 Vue.component("global_component", { template: ` <div> <h2>Hello Vue</h2> </div> ` }); new Vue({ el: "#app", }

JavaScript_Dom对象全实例讲解

阅读更多关于 JavaScript_Dom对象全实例讲解

一．简单介绍 Dom是W3C-万维网联盟的标准，它定义了访问HTML和XML文档的标准。W3C文档对象模型（DOM）是中立与平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容、结构和样式的。 W3C将DOM分为3个不同的部分: 1.核心DOM:针对任何结构化文档的标准模型； 2.XML DOM部分：针对XML文档的标准模型； 3.HTML DOM部分:针对HTML文档的标准模型； XML DOM:定义了所有XML元素的对象和属性及访问它们的方法； HTML DOM:定义了所有HTML元素的对象和属性及访问它们的方法；二．DOM节点根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点（NODE），分为5种节点类型： 1.整个文档是一个文档节点(document对象),每个html页面整体; 2.每个HTML元素是元素节点(element对象)，页面中的每个标签； 3.HTML元素内的文本是文本节点(text对象)； 4.每个HTML中属性是属性节点(attribute对象)； 5.注释是注释的节点(comment对象)；如下图所示: 2.1节点属性(自身属性): 1.attribute-节点(元素)的属性节点； 2.nodeType-节点类型； 3.nodeValue-节点值； 4.nodeName-节点名称； 5.innerHTML-节点(元素

订阅 meta标签