H5 19-序选择器下

H5 21-属性选择器下

21-属性选择器下 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>21-属性选择器下</title> <style> /* img[alt^=abc]{ color: red; } */ /* img[alt|=abc]{ color: red; } img[alt$=abc]…

18章.CSS3概述 1.从前端技术的角度把互联网的发展分为三个阶段: (1)web1.0:HTML和CSS. (2)web2.0:Ajax,Javascript/DOM/异步数据请求. (3)web3.0:HTML5和CSS3. 2.CSS3采用分工合作的模块化结构,它有各种模块来定义相关的样式和功能,这样的做的原因是避免产生浏览器对于某个模块支持不完全的情况.(这样各大浏览器可以选择对什么模块进行支持,什么模块不支持.) 19章.选择器 1.选择器概述在css2中,我们经常使用元素的cla…

19-序选择器下我是项目我是项目我是项目我是项目我是项目我是项目我是项目 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>19-序选择器下</title> <style> /* p:nth-child(odd){ color: red; } p:nth-child(even){…

H5与CS3权威下.19 选择器（2）结构性伪类选择器

1.CSS中的伪类选择器及伪元素 (1)与自定义的class类选择器不同,伪类选择器是CSS中已经定义好的选择器. eg:a:link{color:#ff0000;} (2)伪元素的使用方法: 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 2.css中常用的伪元素选择器 (1)first-line:向某元素中的第一行文字使用样式. eg: <p>伪元素选择器 <br>类选择器</p> p:first-line{background: pink;} (2)…

2015.4.19 为什么footer下a的索引值那么大

1.问题demo:为什么footer下a的索引值那么大,index不是查找兄弟级别的元素么?而且还限定了范围在footer下的a的情况下. 解决方法:alert( $("#footer a").index($(this)) ); 解析:demo那个是获取本身的节点.针对 .index()问题进一步全面讲解: 如果不给 .index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递…

jQuery中的选择器(下)

这一篇主要写过滤选择器和表单选择器在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述. 3.过滤选择器过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素.过滤规则和css中的伪类选择器语法相同.即都是已冒号(:)开头.按照不同的过滤规则,可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象过滤选择器. 3-1 基本过滤选择器 :first 用于选取第一个元素.如$("div:first")选取所有<div>元…

从零开始学习html（八）CSS选择器——下

六.子选择器 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>子选择符</title> <style type="text/css"> .food>li{border:1px solid red;}…

《剑指offer》-中序遍历下一个节点

题目描述给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回.注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针. /* struct TreeLinkNode { int val; struct TreeLinkNode *left; struct TreeLinkNode *right; struct TreeLinkNode *next; TreeLinkNode(int x) :val(x), left(NULL), right(NULL), next(NU…

jq序选择器

1.库和框架库:小而精直接操作DOM css() jquerry封装js的那些操作: 事件,属性, ajax(交互的技术),DOM,选择器框架:大而全事件,DOM,属性操作,ajax,"模板引擎" 2.jquerry 的入口函数: //等待文加载后使用 $(function{}); $(window).ready(function(){}); 3.DOM事件三步走 (1)事件源主要还是学习选择器 css大部分选择器都可以使用 $('div'); 获取出来的是jquery对象…

H5基于iScroll实现下拉刷新，上拉加载更多

前言前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果,脑海里第一反映就是微博那种效果,刚开始的理解有些偏差,以为下拉也是追加数据,上拉也是追加数据,后请教同事后发现其实下拉只是刷新最新数据而已,上拉是追加数据. 使用技巧 1.引用iScroll.js, 在初始化时添加两个事件监听:touchMove.DOMContentLoaded. 2.实现iScroll插件的onScrollEnd事件, 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加. 3.上拉加载更多请求后台时…

H5 68-伪元素选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>68-伪元素选择器</title> <style> *{ margin: 0; padding: 0; } div{ width: 200px; height: 200px; background-color: red; } /* p{ widt…

H5 20-属性选择器上

20-属性选择器上 --> 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20-属性选择器上</title> <style> /* p[id]{ color: red; } */ p[class=cc]{ color: blu…

H5 17-兄弟选择器

17-兄弟选择器我是标题我是超链接我是段落我是段落我是段落我是标题我是段落我是段落我是段落 --> 我是标题我是超链接我是段落我是段落我是超链接我是段落我是标题我是段落我是段落我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>17-兄弟选择器</title>…

H5 16-并集选择器

16-并集选择器我是标题我是段落我是段落我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16-并集选择器</title> <style> /* .ht{ color: red; } .para{ color: red; } */ .ht,.para{ color: red;…

H5 15-交集选择器

15-交集选择器我是段落我是段落我是段落我是段落我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-交集选择器</title> <style> /* p.para1{ color: red; } */ .para1#identity{ color: blue; } <…

H5 14-后代选择器和子元素选择器

14-后代选择器和子元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>14-后代选择器和子元素选择器</title> </head> <body> <!-- 1.后代选择器和子元素选择器之间的区别? 1.1 后代选择器使用空格作为连接符号子元素选择器使用>作…

H5 13-子元素选择器

13-子元素选择器 p{ color: red; } */ /* #identity>p{ color: blue; } */ div>ul>li>p{ color: purple; } --> 标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连…

19.XPath选择器

1.extract():提取数据 2./text() :获取节点内容文本 3./@href :获取节点href属性 4. @ :获取属性名称需要注意问题: 用定义的规则那所有符合要求的节点获取下来,返回的类型是列表类型. 但是如果节点只有一个就会出现错误: 大多数情况下,想要的是第一个元素的内容,通过索引获取,但是如果得到的是一个空列表就会造成数组越界. 提取单个元素: 用 .extract_first() 就不会出现数组越界的问题.…

Manjaro 19.01 kde下Tim sogou软件安装问题及解决

我的系统配置首先第一个问题是,在manjaro下Tim Thunderspeed这种deepin-wine的软件.今天我在装这些软件的时候,安装之后不能打开,闪退.苦恼了我好一会儿.终于找到了解决的方法. 安装都是一条命令, yay -S deepin.com.qq.office //Tim yaourt -S deepin.com.thunderspeed //迅雷极速版 //迅雷那个我只找到了用yaourt的方法,用 yay不行,这些都是小问题. 解决方法: sudo pacman -S …

H5测试有空了解下里面没有用过的东西

…

H5页面在IOS下不会自动播放音乐的坑

document.addEventListener(‘DOMContentLoaded‘, function () { function audioAutoPlay() { var audio = document.getElementById(‘bg-music‘); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); } audio…

vue遇到的大坑，h5在ios10版本下不能打开页面

无论是谁,在做事情的过程中总是会遇到学坑,才能成为最后的大神这个坑不说了,找了半天.希望能帮助到你们进入build文件夹: 找到webpack.prod.conf.js文件: 在UglifyPlugin的定义里添加关于mangle的选项,使它变成下面这个样子: new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false }, mangle: { safari10: true } }, sourceMap: config.…

linux mint 19 打开 Windows 下制作的 TXT 文件时‘乱码’

因为 Linux 采用的是 UTF-8 编码,Windows 的中文编码是 GB18030. 解决的办法:让 Linux 的文本编辑器支持 GB18030 1.我们安装一个小软件"Dconf 系统配置编辑器",在“软件管理器里”搜索“dconf”即可.如果在终端中使用命令安装,其软件名是 dconf-editor. 2.安装之后启动"Dconf 系统配置编辑器",点击右侧树型菜单,依次展开:org/x/editor/preferences/encodings 3.点…

H5选择器

1.标签选择器注意点:1. 标签选择器选中当前所有的标签,而不能单独选择某个标签 2.标签选择器不无多深都能被选中 3.只要是HTML中的标签就可以作为表亲啊选择器(h/a/img/ul/ol/dl/input....) 2.id选择器注意点: 1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id 2.在同一个界面中id的名称是不可以重复的 3.在编写id选择器时一定要在id名称前加上# 4.id的名称有一定的规范 4.1名称不能以数字开头,只能以字母/数字/下划…

H5下拉刷新和上拉加载实现原理浅析

前言在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等.下面是对这两种常见交互基本实现原理的阐述. 实现原理下拉刷新实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY: 监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0表示向下拉动,并借助CSS3的translateY属性使元素跟随手…

H5 18-序选择器

18-序选择器我是标题我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 我是段落6 我是段落7 我是段落8 --> 我是段落1 我是段落2 我是段落2 我是标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>18-序选择器</title> <style> /* p:fir…

H5页面下拉加载更多(实用版)

近期在做一个H5网站,需要下拉加载更多产品列表的功能.百度搜索了好久,什么说法都有,什么插件都有. 醉了.基本上每一个能直接拿来用的. 最后发现: 1.dropload.js 插件还可以,但是有个问题,只能单页使用比较方便.带有tab标签的不推荐使用. 2.自己百度了半天总结出来的一套: <script> document.addEventListener('scroll', watchScroll); var itemIndex = 0; var classid = 10; var…

CSS样式----图文详解：css样式表和选择器

主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS三种扩展选择器:组合选择器.后代选择器.伪类选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 接下来我们要讲一下为什么要使用CSS. HTML的缺陷…

jQuery(二)、选择器

1.#id 根据给定的ID匹配一个元素,如果选择器中包含特殊字符,可以用双斜杆(\\) 转义如: 查找ID 为 myDiv[bar] 的元素 HTML 代码: <div id="notMe"> <p>id="notMe"</p> </div> <div id="myDiv[bar]"> id="myDiv[bar]" </div> jQuery 代码:…

CSS样式----css样式表和选择器（图文详解）

本文最初于2015-10-03发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS几种扩展选择器:后代选择器.交集选择器.并集选择器.伪类选择器 CSS样式优先级前言现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的…