meta

jQuery快速入门

由 陌路散爱 提交于 2019-12-22 07:44:04
一、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插件做出来的效果很炫

十分钟玩转 jQuery、实例大全

由 回眸只為那壹抹淺笑 提交于 2019-12-22 07:43:33
一、简介 定义 　　jQuery创始人是 美国 John Resig，是优秀的 Javascript 框架； 　　jQuery 是一个轻量级、快速简洁的 javaScript 库。 源码戳这 jQuery对象 　　jQuery产生的对象时jQuery独有的，只能自己调用 书写规则 　　支持链式操作； 　　在变量前加"$"符号（var $variable = jQuery 对象 ）； 　　注：此规定并不是强制要求。 二、寻找元素 选择器 基本选择器、层级选择器、属性选择器 与CSS类似，这里不再细说， 详细猛戳这里 。 基本筛选器 $('li:first') //第一个元素 $('li:last') //最后一个元素 $("tr:even") //索引为偶数的元素，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素 $("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素 内容选择器 $("div:contains('nick')") //包含nick文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(p)") /

HTML复杂动画和变形

由 一笑奈何 提交于 2019-12-22 04:04:02
1、复杂动画 （1）涉及到的属性： animation-name：动画名称； animation-duration：单次动画总时长； animation-timing-function：时间函数； animation-delay：播放前延时的时长； animation-iteration-count：播放次数（具体的数字），当设置infinite时是循环播放； animation-direction：播放顺序，其中normal是正常播放，alternate是轮流反向播放，播放次数必须在2次以上。 （2）书写方式 @keyframes 名字（自己取一个名字）{ ——>定义一个动画} <!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> <style> .box { width: 200px; height: 200px; background-color: blueviolet; border: solid

前端HTML

由 橙三吉。 提交于 2019-12-22 00:02:37
目录 HTML介绍 Web服务本质 HTML是什么？ HTML不是什么？ HTML文档结构 HTML标签格式，严格封闭 HTML注释 <!DOCTYPE> 标签 HTML常用标签 head内常用标签 Meta标签 body内常用标签（HTML中的重点） 基本标签（块级标签和内联标签） 特殊字符（还有好多其他的，可以直接百度搜HTML特殊符号对照表） div标签和span标签（常用） img标签 a标签 列表 表格 form（最后再学这个标签，先去学input标签） input（都试一下） select标签 label标签 textarea多行文本 前端HTML HTML介绍 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文件内容发给浏览器 --> 浏览器渲染页面

分布式存储入门

由 不想你离开。 提交于 2019-12-21 23:37:23
根据阿里云《分布式文件存储系统技术及实现》整理而成。 1 分布式存储的客观需求 存储容量大 考虑对1PB数据进行排序，输入输出都需要1PB，算上中间临时数据，总共需要3-4PB。考虑多用户使用，则集群需要的总的存储空间大于100PB。 高吞吐量，如1PB数据排序需要在2小时内完成，每秒需要几十GB 数据可靠性，在数据规模增长时，降低数据丢失 服务高可用，99.95%意味着每年每年只有4-5小时不可用 高效运维，将日常硬件处理做成流程化，对监控报警要有完善支持 低成本，保证数据安全，正确服务稳定前提下，降低成本，才是分布式存储的核心竞争力 2 小概率事件对分布式系统挑战 单机系统下很少发生的事件，在大规模分布式系统中就会经常发生。 可能发生的小概率问题有： 1 磁盘错误 单机下运行稳定，集群下可能出现频繁。要考虑如何发现慢节点自动规避，发现机器宕机自动绕过。 2 Raid卡故障 发生在高可用节点上的事件。Raid卡是带有电池的缓存块，写入速度很快，能够在断电时保存数据。利用raid卡先缓存数据，之后再写入磁盘中。 3 网络故障 网络架构是一种树形结构，通过顶层交换机连接下层交换机，交换机下连接多台机器。 当上连交换机节点出错时，一部分主机将与其他主机分离，无法发挥作用。 可以将关键角色分布在不同的交换机下，将数据存储多份，某些机器失效时还可以访问到数据。 4 电源故障

移动端手动控制页面高度

由 会有一股神秘感。 提交于 2019-12-21 20:59:28
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="stylesheet" href="../css/reset.css"/> <link rel="stylesheet" href="../css/style.css"/> <title>安心保</title> </head> <body> <div class="bg_container"> <a class="btn_join" href="input.html">我要加入安心计划</a> </div> <script src="../js/jquery-1.10.2.min.js"></script> <script type="text/javascript"

浏览器内核控制Meta标签

由 99封情书 提交于 2019-12-21 13:13:12
国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。 <meta name="renderer" content="webkit|ie-comp|ie-stand"> content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand"> 各渲染内核的技术细节 内核 Webkit IE兼容 IE标准 文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE) HTML5支持 YES NO YES ActiveX控件支持 NO YES YES 来源： https://www.cnblogs.com/guoyansi19900907/p/6007676.html

页面且换时的效果

由 旧时模样 提交于 2019-12-21 12:08:13
混合效果 代码如下： <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"> 盒状收缩效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"> 盒状放射效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)"> 圆形收缩效果 代码如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)"> 圆形放射效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 向上擦除效果 代码如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> 向下擦除效果 代码如下： <meta http-equiv="Page-Enter" content=

认识CSS中css背景样式设置

由 拜拜、爱过 提交于 2019-12-21 05:18:31
前端之HTML，CSS（五） 　　CSS 　　CSS背景 　　CSS可以添加背景颜色和背景图片，也可以对图片进行设置。设置的样式有： background-color 背景颜色 background-image 背景图片 background-repeat 是否平铺 background-position 背景位置 background-attachment 背景是固定还是滚动 　　 background-color： 设置背景颜色，属性值：颜色设置三种方式：red、#f00、rgb(255,0,0)。 注意CSS3中使用rgba(R,G,B,A),其中A代表透明度，属性值取值范围为0-1，0为透明，1为不透明。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>背景颜色-测试</title> 6 <style type="text/css"> 7 body { 8 background-color: red; 9 } 10 </style> 11 </head> 12 <body> 13 <p>背景颜色</p> 14 </body> 15 </html> View Code 　　 backgound-image： 设置背景图片，属性值：URL（）添加图片路径，路径设置：绝对路径，相对路径

CSS属性（float、position）

由 巧了我就是萌 提交于 2019-12-20 23:53:50
一、float属性 1、基本属性 先来了解一下block元素和inline元素在文档流中的排列方式。 　　block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； 　　inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。inline元素设置width、height属性无效 常见的块级元素有 div、form、table、p、pre、h1～h5、dl、ol、ul 等 。 常见的内联元素有span、a、strong、em、label、input、select、textarea、img、br等。 所谓的文档流 ，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。 脱离文档流 ，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候， 会当做脱离文档流的元素不存在而进行定位 。 假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素，那么A元素会被挤到下一行)；如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。此外
订阅 meta