meta标签

JS day2 BOM DOM jq day1 # 48

烂漫一生 提交于 2019-11-30 01:19:58
day48 JS day2 BOM DOM jq day1 1.前端 与浏览器交互 1.BOM操作 1.BOM介绍 1 BOM操作: 2 (Browser Object Model) 3 是指浏览器对象模型, 4 它使 JavaScript 有能力与浏览器进行“对话”。 5 6 弹出窗口 1.BOM介绍 2.一些常用的window方法 1 Window对象 2 是客户端JavaScript最高层对象之一, 3 由于window对象是其它大部分对象的共同祖先, 4 在调用window对象的方法和属性时, 5 可以省略window对象的引用。 6 例如: 7 //document文件 8 window.document.write() 9 简写为: 10 document.write() 11 12 13 接下来要讲的HTML DOM 的 document 也是 window 对象的属性之一。 14 15 所有的对象都支持window对象 他表示浏览器窗口. 16 17 一些常用的Window方法: 18 window.innerHeight 浏览器窗口的内部高度 19 window.innerWidth 浏览器窗口的内部宽度 20 window.open() 打开新窗口 21 window.close() 关闭当前窗口 2.一些常用的window方法 3.window 子对象 1

html

蓝咒 提交于 2019-11-30 00:50:30
阅读目录 web标准介绍 浏览器介绍 开发工具介绍 html介绍 html规范 html结构 html颜色 html标签 html特殊字符 回到顶部 web标准介绍 web标准: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web标准规范的分类:结构标准、表现标准、行为标准。 结构:html。表示:css。行为:Javascript。 总结说明: 结构标准:相当于人的骨架。html就是用来制作网页的。 表现标准: 相当于人的衣服。css就是对网页进行美化的。 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的  如果大家还不明白,请看下图 回到顶部 浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等 浏览器内核 : 浏览器  内核 IE trident chrome blink 火狐 gecko Safari webkit PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 总结:渲染引擎是兼容性问题出现的根本原因。 回到顶部 开发工具介绍 Sublime Text的使用 Sublime Text使用技巧 Visual Studio Code编辑器 WebStorm

手机端适配(二)

此生再无相见时 提交于 2019-11-29 22:14:37
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备。 我相信各位童鞋应该和我一个样子,到处查找贴子,学习如何制作WebApp项目,经过我一番查找资料学习后准备分享给大家,希望和大家共同探讨学习WebApp。 那么WebApp与Native App的区别是什么? Native App: 缺点: 1、开发成本非常大,一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦,每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 优点: 1、非常酷 因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果 2、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。 Web App: 开发成本较低 使用web开发技术就可以轻松的完成web app的开发 升级较简单 升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点

01_03-什么是变量

白昼怎懂夜的黑 提交于 2019-11-29 21:57:55
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> prompt('请输入您的年龄:'); // 用户提示输入框目的是为了收集 用户的信息 我们要把这个 18 保存起来。 // 为什么要用变量: 有些数据我们需要保存起来, 方便后面来使用 我们就可以用变量来做 // 变量是用来保存数据的 变量的本质就是一个 盒子 类似我们前面学的html 标签 // 变量 就是用来保存数据的容器 变量是保存到内存里面的。 </script> </head> <body> </body> </html> 来源: https://blog.csdn.net/dolphin066/article/details/100937040

VUE(keep-alive) 返回上一页 不刷新页面

雨燕双飞 提交于 2019-11-29 21:50:14
关于页面不刷新keep-alive 在vue中的使用方式 方法一(页面只刷新一次,任何页面跳转到这个页面都不刷新) 直接在你的router-view 标签外面包一个keep-alive 加include=“组件名称” < keep - alive include = "FileList" > < router - view > < / router - view > < / keep - alive > 这时候匹配到的组件就会值加在一次。这个就比较简单,但能使用性不广。 方法二(keep-alive与vue-router配合使用) 配置路由的时候需要加 keepAlive: true 参数 (我把代码完整贴出来,有点长) import Vue from 'vue' import Router from 'vue-router' import xxx form 'xxx' //等等类似组件 Vue . use ( Router ) export default new Router ( { mode : 'hash' , //history routes : [ { path : '/login' , //登录页 name : 'Login' , component : Login } , { path : '/regist' , //注册页 name : 'Regist' ,

Meta标签整理

China☆狼群 提交于 2019-11-29 21:06:01
html5基本标签 声明文档使用的字符编码: <meta charset=“utf-8” /> 声明文档的兼容模式,优先使用最新版本 IE 和 Chrome <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式显示内容 定义页面的最新版本: <meta name="revised" content="Frank, 2016/3/1" /> 页面描述 <meta name="description" content="不超过850个字符"/> 定义针对搜索引擎的关键词: <meta name="keywords" content="HTML5COL学院, HTML5, CSS3, JavaScript" /> 定义网页搜索引擎索引方式,使用英文逗号「,」分隔,常有如下几种取值:none,noindex,nofollow,all,index和follow: <meta name="robots" content="index,follow" /> 定义网页作者: <meta name="author" content="HTML5COL" /> 每 8 秒刷新一次页面: <meta http-equiv="refresh" content="8" /> 移动设备

web前端入门到实战:Html头部meta标签

心已入冬 提交于 2019-11-29 19:39:37
meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过charset设置页面的字符编码。按照属性设置分类,meta可以分为三类: name属性和content属性组合,构成名称/值对,用于描述网站信息. 标准的meta名称包括application-name、author、description、generator等。 示例代码: <meta name="keywords" content="british,typeface,font,fonts"/> 其中keywords和description这两个名称的使用率最高,是搜索引擎优化的主要手段之一,推荐读者使用。 http-equiv属性和content属性组合,设置特定的http指令; 其中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定. 此类型meta应该谨慎使用。不推荐使用,某些搜索引擎遇到此meta时会停止解析 页面剩余的部分。在实际的场景中很少使用 charset属性,设置页面字符编码。 此属性提供了保存和传输文档的编码格式。 <meta charset="utf-8"> 等价于

使用CSS设置边框和背景

隐身守侯 提交于 2019-11-29 15:33:28
一、设置边框   1、边框样式   属性 说明 border-width 设置边框的宽度 boder-style 设置边框的样式 border-color 设置边框的颜色   a、border-width属性      自定义边框的宽度时,不能定义为百分比。   b、border-style属性       以上属性可以设置一个、二个、三个、四个属性值,当设置一个值得时候四条边框都应用该属性值,当设置两个的时候时候上下使用第一个属性值,左右使用第二个属性值,当设置三个值的时候,第一个值应用在上边框,第二个应用到左右边框,第三个属性值应用到下边框当设置了四个属性值,按着顺时针的方向一次应用。大部分情况下groove、ridge、inset、outset可以会使用双色边框,但是当border-color属性这设置成black是,两种颜色都会显示成黑色。    2、为一条边应用边框样式    boder-top/bottom/right/left-width/style/color 用来设置一条边框的样式,可以和通用属性结合使用。还可以使用border-bottom/top/left/right一次设置一条边框。   1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title

前端 html篇

本小妞迷上赌 提交于 2019-11-29 13:40:23
web开发本质: html是一个标准,规定了大家怎么写网页 1.浏览器输入网址回车发生了什么事 1. 浏览器 给服务端 发送了一个消息2. 服务端拿到消息3. 服务端返回消息4. 浏览器展示页面 sever服务端 import socket ​ sk = socket.socket() ​ sk.bind(("127.0.0.1", 8080)) sk.listen(5) ​ while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() HTML 浏览器读取有一个file协议 <!DOCTYPE> 标签 ​ 声明必须是 HTML 文档的第一行,位于 标签之前 ​ </!doctype> ​ 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 ​ html是超文本标记型语言,属于cs架构 <!DOCTYPE html> #标准规范<html lang="en"><head> #html头 <meta charset="UTF-8"> #字符编码 <title>Title</title> #页面头部显示内容<

前端之后html

ε祈祈猫儿з 提交于 2019-11-29 13:19:46
1 | 0 HTML介绍 1 | 1 Web服务本质 import socket sk = socket.socket() sk.bind(( " 127.0.0.1 " , 8080 )) sk.listen( 5 ) while True: conn, addr = sk.accept() data = conn.recv(8096 ) conn.send(b " HTTP/1.1 200 OK\r\n\r\n " ) conn.send(b " <h1>Hello world!</h1> " ) conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1 | 2 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1 | 3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1 | 4 HTML文档结构