:first 第一个 :last 最后一个 :even 偶数，索引从 0 开始计数 :odd 奇数 :not(..) 除了指定内容。...例如： 1234:not(3) --> 124 例如： div:not(div:first) :eq(index) 获取指定索引的元素 = :gt(index) 大于 n 个...("CSS 属性 "); 获取某个 CSS 属性值。...属性操作：prop()和 attr() prop(" 属性名 "); 获取元素的某个属性的值 ---------- 等同于 attr(" 属性名 ") prop(" 属性名 ", 属性值...); 设置元素的某个属性为指定值 ---- 等同于 attr(" 属性名 ", 属性值 ) removeProp("属性名 "); 删除元素的某个属性的值 -----------
2.CSS 选择器的优先级是如何工作的？3.CSS3 有哪些新特性？4.CSS 中的盒模型是什么？5.如何实现元素的垂直和水平居中？...它们使代码更容易理解和维护，也有助于搜索引擎优化（SEO）。**CSS选择器优先级：**内联样式优先级最高，其次是ID选择器，然后是类选择器、属性选择器和伪类，最后是标签选择器和通配符。...**事件冒泡和捕获：**事件冒泡是指事件从目标元素开始，然后逐级向上传播到DOM树的顶部；事件捕获则相反，事件从DOM树的顶部开始，然后逐级向下传播到目标元素。...如何使用它们？2.如何优化移动端页面的性能？3.解释一下视口（Viewport）和视口单位（Viewport Units）。...视口单位（如vw、vh、vmin、vmax）是相对于视口尺寸的单位，可以方便地实现响应式布局。# 六：版本控制### 问题:1.你如何使用 Git？2.描述一下 Git 的工作流程。
，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素...$("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素 ...:eq（匹配一个给定索引值的元素） $('ul li:eq(2)') 333 4.gt（匹配所有大于给定索引值的元素） $('ul li:gt(2)') 444...:lt （匹配所有小于给定索引值的元素） $('ul li:lt(2)') 111 222 :not(selector) 去除所有与给定选择器匹配的元素...:even 匹配所有索引值为偶数的元素，从 0 开始计 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :lang(language
否定伪类 否定伪类(negation pseudo-class) :not()的格式是:not(x) x是一个 简单选择器 元素选择器、通用选择器、属性选择器、类选择器、id选择器、伪类(除否定伪类)...首先, 我们需要通过一些渠道获取到希望使用的字体(不是开发来做的事情): 对于某些收费的字体, 我们需要获取到对应的授权; 对于某些公司定制的字体, 需要设计人员来设计; 对于某些免费的字体, 我们需要获取到对应的字体文件...精灵图的原理是通过只显示图片的很小一部分来展示的; 通常使用背景: ✓ 1.设置对应元素的宽度和高度 ✓ 2.设置精灵图作为背景图片 ✓ 3.调整背景图片的位置来展示 如何获取精灵图的位置 http...margin或者padding，通常会影响到标准流中其他元素的定位效果 不便于实现元素层叠的效果 如果我们希望一个元素可以跳出标准量,单独的对某个元素进行定位呢?...元素的定位 定位允许您从正常的文档流布局中取出元素，并使它们具有不同的行为: 例如放在另一个元素的上面; 或者始终保持在浏览器视窗内的同一位置; 认识position属性 默认值: static:默认值
使视口可以通过任意一侧的大手柄随意调整大小 特定设备。 将视口锁定为特定设备确切的视口大小，并模拟特定设备特性 媒体查询 媒体查询是自适应网页设计的基本部分。...快速预览媒体查询 点击媒体查询条形，调整视口大小和预览适合目标屏幕大小的样式 查看关联的 CSS 右键点击某个条形，查看媒体查询在 CSS 中何处定义并跳到源代码中的定义 元素面板（Elements）...面板内右键点击某个元素，然后从菜单中选择目标伪类，将其启用或停用 ?...通过鼠标悬停到某种颜色上去获取颜色值。 当前颜色。 当前值的可视表示。 当前值。 当前颜色的十六进制、RGBA 或 HSL 表示。 调色板。 当前生成的几组颜色。 着色和阴影选择器。 色调选择器。...不透明度选择器。 颜色值选择器。 点击可以在 RGBA、HSL 和十六进制之间切换。 调色板选择器。 点击可以选择不同的模板。
，就是"选择某个网页元素，然后对其进行某种操作"。...获取所有已选择到的元素中的索引为偶数的元素 selector:odd 获取所有已选择到的元素中的索引为奇数的元素 selector:eq(index) 获取所有已选择到的元素中的索引为index...的元素 selector:lt(num) 获取所有已选择到的元素中的索引值小于num的元素 selector:gt(num) 获取所有已选择到的元素中的索引值大于num的元素 selector1...在B之前追加A，作为它的兄弟元素 删除节点: remove([selector]) 从DOM中删除所有匹配的元素，返回值是一个指向已经被删除的节点的引用，可以在以后再使用这些元素...从DOM中清空集合中匹配元素的所有的子节点。
还封装了一些特殊功能的 CSS 操作方法 1.获取与修改宽高. 不带值为获取,带值为修改....width() width(value) height() height(value) 2.获取元素偏移 offset() 获取某个元素相对于视口的偏移位置 offset().left...可以给一个标签内部添加标签以及获取标签 没有值代表获取,有值代表添加标签 html(); html(value); 获取标签当中的内容 text(); text(value); 4.1.8....="">br> button>获取属性值以cn结尾的对象button>br> button>获取属性值包涵it的对象button><<...() 淡出 分别表示淡入、 淡出,当然还有一个自动切换的方法: .fadeToggle() 切换淡入淡出 上面三个透明度方法只能是从 0 到 100,或者从 100 到 0,如果我们想设置指定值就没
false情况： 0,undefined,null,-0,NaN,""空字符串,false switch使用情况，在匹配某个值相对不相等，而不是匹配某个范围的情况下。...splice()方法是修改数组的方法，可以从指定的索引开始删除若干元素，然后从位置添加，几个元素，可以只删除，不添加。...层级选择器： 匹配所有后代元素 匹配直接子元素 匹配所有在该元素后的next元素 匹配该元素的所有同辈元素 位置选择器： :first匹配第一个元素 :last获取最后一个元素 :not去除所有与给定选择器匹配的元素...:even匹配所有索引值为偶数的元素 :odd 匹配所有索引值为奇数的元素 :eq匹配一个给定索引值的元素 :gt匹配所有大于给定索引值的元素 :lt匹配所有小于给定索引值的元素 后代选择器，子代选择器...eq()获取第N个元素 hasClass()检查当前的元素是否含有某个特定的类 filter()筛选出与指定的表达式匹配的元素 页面载入 $(document).ready(function() {
container的currentIndex用于存储当前背景图像的索引值，初始值为 0。...Math.min(Math.max(index, 0), imageCount - 1)将计算出来的索引值限制在 0 到 imageCount - 1 的范围，防止出现索引越界。...getBoundingClientRect（点击查看MDN详细讲解）用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。...在事件处理函数中，首先获取了容器元素相对于视口的位置(containerRect.left;)和鼠标移动处到浏览器窗口的横距离(clientX)来计算鼠标偏移量。...图片imageCount长图中图像的数量，示例图片中是15个图像imageWidth单个图片的宽度index当前显示的图像索引。
picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> 单列选择器...---{{array[index]}} {{array[index]}} 是显示选择器中的值 js bindPickerChange: function...console.log('picker发送选择改变，携带下标为'+ e.detail.value) console.log('picker发送选择改变，携带值为...this.setData({ index: e.detail.value, }) }, this.data.array[index] 就是获取值的方法...，也可以换成this.data.array[e.detail.value] 所以，在别的方法中调用的时候就是this.data.array[this.data.index]
XPath是一种表达式语言，它的返回值可能是节点，节点集合，原子值，以及节点和原子值的混合等。...语法 选取结点 表达式 描述 / 从根节点选取 // 从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。 . 选取当前结点 .....el:多个选择器组合，查找匹配任一选择器的唯一元素，例如：div.masthead, div.logo 伪选择器selectors :lt(n): 查找哪些元素的同级索引值（它的位置在DOM树中是相对于它的父节点...）小于n，比如：td:lt(3) 表示小于三列的元素 :gt(n):查找哪些元素的同级索引值大于n，比如： div p:gt(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与...i)login) :matchesOwn(regex): 查找自身包含文本匹配指定正则表达式的元素 注意：上述伪选择器索引是从0开始的，也就是说第一个元素索引值为0，第二个元素index为1等 可以查看
实现这一点，就需要我们理解级联（cascade）,以及如何在通用选择器写的样式可以继承在其他地方。...无论视口的宽度如何，子div都将保持其纵横比（100％/ 20％= 5：1）。 ? 15、风格破碎的图像 这个技巧不是关于代码缩减，而是关于细化设计细节的。...17、隐藏未静音的自动播放视频 当您处理无法从源代码轻松控制的内容时,这对于自定义用户样式表来说是一个很好的技巧。...级别来自于CSS变量，它允许您声明一组公共属性值，这些值可以通过样式表中任何位置的关键字重用。...在CSS中反复重复这些颜色值不仅是件烦人的事情，而且还容易出错。如果某个颜色在某个时刻需要改变，你就不得不去寻找和替换，这是不可靠或不快速的，当为最终用户构建产品时，变量使得定制变得容易得多。
3.如何切换一个元素的类? ? 4.如何获取当前页面的滚动位置？ ? 5.如何平滑滚动到页面顶部 ?...6.如何检查父元素是否包含子元素？ ? 7.如何检查指定的元素在视口中是否可见？ ? 8.如何获取元素中的所有图像？ ? 9.如何确定设备是移动设备还是台式机/笔记本电脑？ ?...11.如何创建一个包含当前URL参数的对象？ ? 12.如何将一组表单元素转化为对象？ ? 13.如何从对象检索给定选择器指示的一组属性？ ? 14.如何在等待指定时间后调用提供的函数？ ?...16.如何从元素中移除事件监听器? ? 17.如何获得给定毫秒数的可读格式？ ? 18.如何获得两个日期之间的差异（以天为单位）？ ? 19.如何向传递的URL发出GET请求？ ?...20.如何对传递的URL发出POST请求？ ? 21.如何为指定选择器创建具有指定范围，步长和持续时间的计数器？ ? 22.如何将字符串复制到剪贴板？ ? 23.如何确定页面的浏览器选项卡是否聚焦？
在MySQL中，我们经常需要操作数据库中的数据。有时我们需要获取表中的倒数第二个记录。这个需求看似简单，但是如果不知道正确的SQL查询语句，可能会浪费很多时间。...在本篇文章中，我们将探讨如何使用MySQL查询获取表中的倒数第二个记录。 一、查询倒数第二个记录 MySQL中有多种方式来查询倒数第二个记录，下面我们将介绍三种使用最广泛的方法。...ID（或者其他唯一值）。...1.2、子查询 另一种获取倒数第二个记录的方法是使用子查询。我们先查询表中最后一条记录，然后查询它之前的一条记录。...-+------+-----+ | id | name | age | +----+------+-----+ | 4 | Lily | 24 | +----+------+-----+ 三、查询某个字段为最大值的整条数据
如果从该URL获取HTML时发生错误，便会抛出 IOException，应适当处理。....body p 查找在"body"元素下的所有 p元素; parent > child: 查找某个父元素下的直接子元素，比如：可以用div.content > p 查找 p 元素，也可以用body...): 查找哪些元素的同级索引值（它的位置在DOM树中是相对于它的父节点）小于n，比如：td:lt(3) 表示小 于三列的元素 :gt(n):查找哪些元素的同级索引值大于n，比如：div p:gt...(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与n相等，比如：form input:eq(1)表示包含一个input标签的Form元素 :has(seletor...i)login) :matchesOwn(regex): 查找自身包含文本匹配指定正则表达式的元素 注意：上述伪选择器索引是从0开始的，也就是 提取给定URL中的链接 Document
使用公式:(“#id”) 示例：(“#box”) //获取id属性值为box的元素 2....使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器 复合选择器将多个选择器...示例：(“tr:last”) //匹配表格最后一行 :even 说明：匹配所有索引值为偶数的元素，索引值从0开始计数...示例：(“tr:even”) //匹配索引值为偶数的行 :odd 说明：匹配所有索引值为奇数的元素，索引值从0开始计数...示例：(“tr:odd”) //匹配索引值为奇数的行 :eq(index) 说明：匹配一个给定索引值的元素
container的currentIndex 用于存储当前背景图像的索引值，初始值为 0。...Math.min(Math.max(index, 0), imageCount - 1)将计算出来的索引值限制在 0 到 imageCount - 1 的范围，防止出现索引越界。...getBoundingClientRect（点击查看MDN详细讲解） 用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。...在事件处理函数中，首先获取了容器元素相对于视口的位置(containerRect.left;)和鼠标移动处到浏览器窗口的横距离(clientX)来计算鼠标偏移量。...图片imageCount 长图中图像的数量，示例图片中是15个图像imageWidth 单个图片的宽度index 当前显示的图像索引。
屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页. 例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音....了解搜索引擎如何抓取网页和如何索引网页 你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别，搜索机器人（SE robot 或叫 web crawler）如何进行工作，搜索引擎如何对搜索结果进行排序等等...(_这个符号只有ie6会识别) 渐进识别的方式，从总体中逐渐排除局部。 首先，巧妙的使用“\9”这一标记，将IE游览器从所有情况中分离出来。..., 也可以使用getAttribute()获取自定义属性; Firefox下,只能使用getAttribute()获取自定义属性....、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性； 52. css的基本语句构成是 选择器{属性1:值1;属性2:值2;……} 53.
文章索引 4.3 控件 4.3.1 活动指示器 4.3.2 添加联系人按钮 4.3.3 日期时间选择器 4.3.4 详情展开按钮 4.3.5 信息按钮 4.3.6 标签 4.3.7 网络活动指示器 4.3.8...选择器： 是日期时间选择器的通用模式 包括一个或多个滑轮，每个滑轮含有一组值 当前选中的值在中间，以深色标识 不可以自定义大小（选择器的大小与iPhone的键盘相同） 使用选择器可以让用户更容易从一系列不同的值中间进行选择...当你需要展示一大组用户并不熟悉的选项，此种选择器可能不太适合。 尽可能让让用户在当前视图中使用选择器。不要让他们在使用选择器时还要进入其它的视图。...开关按钮： 显示了一个项存在二元状态 仅在表格视图中可用 在表格中使用开关按钮来让用户从某一项的两个互斥状态中指定一个，比如是/否(Yes/No)，开/关(On/Off)。...你可以使用开关按钮来控制视图中的其它UI元素。根据用户的选择，新的列表项可能出现或者消失，或从激活状态变为不激活状态。 4.3.17 系统按钮 系统按钮执行app中定义的行为。 ?
实现这一点，就需要我们理解级联（cascade）,以及如何在通用选择器写的样式可以继承在其他地方。...无论视口的宽度如何，子div都将保持其纵横比（100％/ 20％= 5：1）。 15、风格破碎的图像 这个技巧不是关于代码缩减，而是关于细化设计细节的。...17、隐藏未静音的自动播放视频 当您处理无法从源代码轻松控制的内容时,这对于自定义用户样式表来说是一个很好的技巧。...级别来自于CSS变量，它允许您声明一组公共属性值，这些值可以通过样式表中任何位置的关键字重用。...在CSS中反复重复这些颜色值不仅是件烦人的事情，而且还容易出错。如果某个颜色在某个时刻需要改变，你就不得不去寻找和替换，这是不可靠或不快速的，当为最终用户构建产品时，变量使得定制变得容易得多。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
