meta标签 | 易学教程

HTML5之基础、元信息标签

阅读更多关于 HTML5之基础、元信息标签

<!DOCTYPE>标签 <!DOCTYPE> 声明位于文档中最前面的位置，处于<html>标签之前。<!DOCTYPE> 声明不是一个 HTML标签，它是告知 Web浏览器该页面使用了哪种 HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。 <!DOCTYPE> 可声明的 DTD 有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。 <!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html> <!DOCTYPE>标签的使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 在以上声明中，此文档的根元素被声明为HTML，他在公共标识符被定义为 " -//W3C//DTD HTML 4.01//EN " 的DTD中进行了定义

前端之jQuery

阅读更多关于前端之jQuery

目录 jQuery jQuery介绍 jQuery的优势 jQuery内容： jQuery版本 jQuery对象 jQuery基础语法查找标签基本选择器层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法操作标签样式操作位置操作尺寸：文本操作属性操作文档处理事件常用事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面载入与window.onload的区别事件委托动画效果补充 each .data() 插件(了解即可) jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持

Jquery

阅读更多关于 Jquery

目录前端之Jquery jQuery jQuery介绍 jQuery的优势 jQuery内容： jQuery版本 jQuery对象 jQuery基础语法例子查找标签基本选择器层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法示例：左侧菜单操作标签样式操作位置操作位置相关示例之返回顶部示例：尺寸：文本操作文本操作之登录验证示例阻止事件示例属性操作文档处理克隆示例：事件常用事件 keydown和keyup事件组合示例： hover事件示例：实时监听input输入值变化示例：事件绑定on 移除事件off 阻止后续事件执行return示例阻止事件冒泡示例页面载入与window.onload的区别事件委托动画效果自定义动画点赞示例：补充 each .data() 插件(了解即可) 前端之Jquery jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。

前端之Jquery

阅读更多关于前端之Jquery

目录前端之Jquery jQuery jQuery介绍 jQuery的优势 JQuery对象 jQuery基础语法查找标签筛选器方法操作标签事件动画效果前端之Jquery jQuery jQuery介绍 JQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jquery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化javascript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发

前端之HTML

阅读更多关于前端之HTML

1 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文档结构最基本的HTML文档： <!DOCTYPE html>

前端(5)之jQuery

阅读更多关于前端(5)之jQuery

前端(5)之jQuery jQuery介绍 1.jQuery是一个轻量级的，兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势：一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端之JQuery

阅读更多关于前端之JQuery

JQuery JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

【1016 | Day 46】前端之jQuery

阅读更多关于【1016 | Day 46】前端之jQuery

目录前端之jQuery 1. jQuery简介 2. jQuery优势 3. jQuery内容 4. jQuery版本 5. jQuery对象 5.1 定义 5.2 jQuery对象转成DOM对象 5.3 jQuery对象和DOM对象的使用 6. jQuery基础语法 6.1 语法 6.2 查找标签 6.2.1 基本选择器 6.2.2 基本筛选器 6.2.3 筛选器方法 6.3 操作标签 6.3.1 样式操作 6.3.2 位置操作 6.3.3 尺寸 6.3.4 文本操作 6.3.5 属性操作 6.3.6 文档处理 6.4 事件 6.4.1 常用事件 6.4.2 事件绑定 6.4.3 移除事件 6.4.4 阻止后续事件执行 6.4.5 阻止事件冒泡 6.4.6 页面载入 6.4.7 事件委托 6.5 动画效果 6.5.1 介绍 6.5.2 点赞特效简单示例： 6.6 拓展 6.6.1 .each 6.6.2 .data() 6.6.3 插件(了解) 前端之jQuery 1. jQuery简介 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 2.

jQuery快速入门

阅读更多关于 jQuery快速入门

jQuery快速入门 jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

四.Vue成员

阅读更多关于四.Vue成员

目录四.Vue成员 1.分隔符成员delimiters 2.计算属性成员computed 3.监听属性成员watch 4.组件 5.局部组件 6.全局组件 7.组件复用的数据隔离 8.组件信息交互父传子 9.组件信息交互子传父四.Vue成员 1.分隔符成员delimiters <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> {{ msg }} [[ msg }} ${ msg } </div> </body> <script src="js/vue.js"></script> <script> new Vue({ el: '#app', data: { msg: 'message' }, // 修改插值表达式符号 // delimiters: ['[[', '}}'], // delimiters: ['${', '}'], }) </script> </html> 2.计算属性成员computed <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <p> <input type=

订阅 meta标签