meta标签

Meta标签无疑对网站宣传是有很大作用的，搜索引擎通过Meta标签得到网页的相关信息，如Keywords，Description等等内容。如果用Asp.Net来进行动态生成页，特别是使用模板页，似乎无法为每个网页加入Meta信息，其实不然，完全可以用编程的方式为自己的aspx页加入Meta信息。 protected void Page_Load(object sender, EventArgs e) { HtmlMeta metaKeyWords = new HtmlMeta(); HtmlMeta metaDescription = new HtmlMeta(); metaKeyWords.Name = "Keywords"; metaKeyWords.Content = "牛奶"; metaDescription.Name = "description"; metaDescription.Content = "**牌牛奶"; Header.Controls.Add(metaKeyWords); Header.Controls.Add(metaDescription); } 可以把Keywords和Description存入数据库，动态检索出来，并为网页配置即可，值得注意的是多个标记要用多个HtmlMeta进行添加，再加入到Header中。 原始路径:http://hi

第十一章前端开发 11.1 HTTP 1.1引入了许多关键性能优化：keepalive连接，请求流水线，chunked编码传输，字节范围请求等 1、keepalive连接: 1、长连接允许HTTP设备在事务处理结束之后将TCP连接保持在打开的状态，以便未来的HTTP请求重用现在的连接，直到客户端或服务器端决定将其关闭为止。2、HTTP1.1对比HTTP1.0在HTTP1.0中使用长连接需要添加请求头 Connection: Keep-Alive，而在HTTP 1.1 所有的连接默认都是长连接，除非特殊声明不支持（ HTTP请求报文首部加上Connection: close ） 2、Pipelining（请求流水线） 支持持久连接的客户端可以“流水线”它的请求（即，发送多个请求而无需等待每个响应）。服务器必须按照与收到请求的相同顺序来向这些请求发送响应。 3、chunked编码传输 1、介绍该编码将实体分块传送并逐块标明长度,直到长度为0块表示传输结束, 这在实体长度未知时特别有用(比如由数据库动态产生的数据)2、传输编码和分块编码当响应头里包含Transfer-Encoding: chunked，代表分块编码，会把「报文」分割成若干个大小已知的块，块之间是紧挨着发送的，这样就不需要在发送之前知道整个报文的大小了，也意味着不需要写回Content-Length首部了。3

上一节介绍了tornado的请求与响应，这一节介绍tornado的接口调用顺序和模板 首先都有哪些接口呢？作用是什么呢？并且都有的时候，执行顺序是怎么样的呢？ 接口 1.initialize ，表示初始化，会在执行http方法之前调用 2.prepare ，预处理，会在执行http方法之前调用，任何一种http请求都会执行预处理方法 3.http方法 ： get，get请求 　　post，post请求 　　head，类似get请求，只不过响应中没有具体内容，只获取报头 　　delete，请求服务器删除指定的资源 　　put，从客户端向服务端传送指定内容 　　patch，修改局部内容 　　options，返回url支持的所有http方法 4.set_default_headers ,设置请求头 5.write_error ,处理self.send_error 6.on_finish ,在请求处理结束之后调用，用于对资源的清理和释放，或者日志处理。并且尽量不要在该方法中响应输出 调用顺序 正常执行未抛出错误时，执行顺序从上到下为： set_default_headers initialize prepare http方法 on_finish 抛出错误时，执行顺序从上到下为： set_default_headers initialize prepare http方法 set

昨日内容回顾 BOM和DOM BOM浏览器对象模型 window.open(url,'','width=400px,height=400px') window.opener() 子页面能够直接通过该方法调用父页面中的函数 window.close() window.location.href 获取当前网页所在的url window.location.href = url 当前跳转到指定的url 通常是结合ajax一起使用 定时器相关 setTimeOut clearTimeOut setInterval clearInterval 弹出框 alert confirm prompt DOM文档对象模型与 DOM树的概念 如何查找标签 基本选择器: document.getElementById 标签对象本身 document.getElementsByClassName 数组 document.getElementsByTagName 数组 如何操作标签 变量名如果指代的是一个标签那么推荐书写格式为 xxxEle 如果指代的是一个jQuery对象那么建议在变量名前面加上一个$ 示例:P标签: pEle $pEle 节点操作: document.createElement('标签名') appendChild: 父标签.insertBefore(新创建的标签,本来就有的标签)

jQuery 1.jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 2.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库。 使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“ Write less, do more .“ 为何要用JQuery？ # 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是一个轻量级的、兼容多浏览器的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实例 数据绑定 方法 插值 指令 缩写 引入vue 下载vue.js文件：点击 下载 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> CDN线上，引入地址： https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.common.js <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.common.js"></script> 新建html文件，在head标签内引入 <!DOCTYPE html> < html > < head > < meta charset = " UTF-8 " > < title > 引入vue </ title > < script src = " ../js/vue.js " > </ script > </ head > < body > < div id = " app " > <!-- //内容 --> </ div > {{ 1+2 }} < script > new Vue ( { el : '#app' } ) </ script > </ body > </ html

原文: http://106.13.73.98/__/14/ 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. " jQuery官网

原文: http://106.13.73.98/__/30/ 目录 一、盒子模型 二、外边距 margin 三、内填充 padding 四、浮动 float 五、清除浮动 clear 六、溢出 overflow 七、定位 position 1. 无定位 static 2. 相对定位 relative 3. 绝对定位 absolute 4. 固定 fixed 八、 层叠顺序 z-index 九、透明度 opacit 一、盒子模型 margin ：用于控制元素与元素之间的距离；最基本的用途就是控制元素周围空间的间隔，从视觉上达到相互隔开的目的 padding ：用于控制内容与边距之间的距离 Border ：边框，围绕在内边距和内容外的边框 Content ：盒子的内容，显示文本和图像  二、外边距 margin 属性 描述 margin-top 上方外边距 margin-right 右方外边距 margin-bottom 下方外边距 margin-left 左方外边距 简写： ![在这里插入图片描述](http://106.13.73.98/media/ai/2019-03/a92c753d-e79f