meta

你知道一个小时不到写四篇乱七八糟的博客是多么的让人呕吐！不过还好，晚饭想来吃得少！ 上回我们讲到一个简单的网页html文档的基本组成，OK，现在我们来分部study下.我来肢解头部head. 虽然我不知道头部具体有些什么东西，巴特，机智的我瞬间打开百度页面审查元素看他们写了个啥？ title,标题，发音不标准或者单词不会拼写的，看到这里请果断负分滚粗！！！ <title> 这里写什么，浏览器最上面就显示什么<title/> //do u understand? meta，据悉99%的菜鸡基本上只会写下面这个鸟东西 <meta http-equiv="content-Type"content="text/html;charset=gb2312"> //设置字体集 真的是弱爆了啦，有木有。很多http-equiv="content-Type"都不会记得写上！！！ give you all a lesson！！ there are two kinds of attributions ,one is 'http-equiv' the other is 'name'; LOOK!!!! <meta http-equiv = "refresh" content = "3;URL = www.caoliu.com"> //三秒钟后自动上草柳网有没有 <meta http-equiv=

这个是最后一篇，肚子里的燕麦快消化完了，操场上的孩子们正等哥吊打他们！ 上次讲到title，meta的一部分，相信小伙伴们意犹未尽。躺好，哥要来了！ 2.meta，还有几个东西必须要记住，不然小心被别人说“不符合W3C和语义化”哦。 <meta http-equiv = "content-script-type" content = "text/javascript"> //脚本类型JS meta的http-equiv还有many属性，巴特，这两个most important！ 2.1 meta name属性： 菜鸡曾不知有http-equiv，无论name!!! <meta name = "keywords" content = "f*ck,shit,come on,baby"> //seo 关键词 什么叫SEO，不错！就是“search engin optimize"字面上看就是搜索引擎优化，下次不要母鸡了 keywords的地方可以为author,description,copyright等等，分别是作者、表述、版权等意思。话说baidu,googl都是先抓meta里的东西的。你不写，who knows？ 来源： oschina 链接： https://my.oschina.net/u/1865749/blog/313044

1.定义语言 格式： 〈meta http－equiv=〃Content－Type〃 content=〃text/html; charset=gb2312〃〉 这 是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网 页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的浏览器默认语言。同样的,如果该网页是英语,那么 charset=en。 2.描述网页 格式: 〈meta name=〃Keywords〃 CONTENT=〃china,enterprise,business,net〃〉 META 也常用来描述网页,以供某些搜索站台机器人的使用。大家知道,搜索站台分为两大类,一类为完全人工登录,比如Yahoo；另一类为机器人搜索,以机器人搜 索的搜索站台会包含更多的内容。机器人会搜索网页META标签中所设置的描述关键字,把它们加入到搜索数据库中,用来索引你的网页。而这个标签很少有人注 意到。在格式中,Content列出了你所设置的关键字,这其中的内容可以自行设置,其间用逗号相隔。这里有个技巧,你可以重复某一个单词,这样可以提高 自己网站的排行位置,如： 〈meta name=〃Keywords〃 CONTENT=〃china,china,china

HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） 网页文件的扩展名：.html或.htm（没有区别） 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） △css： 层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript： 简称“JS”，是一种属于网络的脚本语言 常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果 通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架 它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。 △B/S (前端/后端) Web服务的本质： 浏览器发请求 --> HTTP协议 -->

HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） 网页文件的扩展名：.html或.htm（没有区别） 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） △css： 层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript： 简称“JS”，是一种属于网络的脚本语言 常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果 通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架 它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。 △B/S (前端/后端) Web服务的本质： 浏览器发请求 --> HTTP协议 -->

移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的viewport设为980px或1024px（也可能是其它值，这个是由设备自己决定的），但带来的后果就是浏览器会出现横向滚动条，因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小的。下图列出了一些设备上浏览器的默认viewport的宽度。 二、css中的1px并不等于设备的1px 在css中我们一般使用px作为单位

1.1 初识组件 　　1、什么是组件 　　　　　　1. Html中有组件，是一段可以被复用的结构代码 　　　　　　2. Css中有组件，是一段可以被复用的样式 　　　　　　3. Js中有组件，是一段可以被复用的功能 　　　　　　4. Vue中也有组件，指的就是一个模块，是一个独立的，完整的（包含html，css，js等），可以直接拿来用的 　　2、使用组件分成三步 　　　　1、第一步 定义组件容器 （定义自定义元素） 　　　　2、第二步 定义组件Vue.extend方法 　　　　　　　　1. 参数是组件对象，对象属性跟vue实例化时候传递的参数对象的属性是一样的，例如 data，methods，computed 　　　　　　　　2. 在vue实例化时候，data属性的属性值是一个对象，在组件中，data属性值是一个函数，返回值是一个对象 　　　　　　　　3. 组件中，可以通过template定义模板，通常模板写在一个根元素内 　　　　3、第三步 将组件注册到页面中 Vue.component 　　　　　　　　第一个参数表示容器元素的名称 　　　　　　　　第二个参数表示组件类 　　3、组件特性 　　　　　　　　1. 组件的实例化对象，跟vue实例化对象一样，因此，我们也可以将vue实例化对象看成组件 　　　　　　　　2. 组件间是独立的，因此数据要独立存储，方法要独立定义

标准文档流介绍 我们在制作 HTML 网页的时候，都必须遵循一个 流 的规则如：从左至右、从上至下规则。 让我们进入 HTML 网页的标准文档流基本原理实践。 代码块 <!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>标准文档流</title> </head> <body> <h1>微笑是最初的信仰</h1> <span>微笑是最初的信仰</span> </body> </html> 结果图 标准文档流要注意的事项 空白折叠现象。 高矮不齐，底部对齐。 让我们进入空白折叠现象实践。 代码块 <!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

Vue开发去哪网App 用到的了Vue中的知识点 Axios –Ajax数据的获取 Vue Router –做多页面之间的路由 Vuex –各个组件之间的数据共享 异步组件 —代码上线，性能更优 Stylus –编写前端的样式 递归组件 –实现组件自身调用自己 slider 插件实现轮播图 开始！ Hello Vue <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello Vue</title> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script> </head> <body> <div id="app1"> </div> <div id="app"> {{content}} </div> <script> var dom = document.getElementById('app1'); dom.innerHTML = "Hello Vue" setTimeout(function () { dom.innerHTML = 'Bye Vue' },2000) // 创建Vue实例 var

<!DOCTYPE HTML> <html> <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>获取视频播放结束</title> </head> <body> <video id="media" controls width="400px" heigt="400px"> <source src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4" > </video> <script> var md=document.getElementsByTagName("video")[0]; md.addEventListener("ended",function(){ alert("播放结束"); }) </script> </body> 来源： CSDN 作者： &星期八& 链接： https://blog.csdn.net/qq_38881495/article/details/79874918