: blue } /* 这会让所有的p标签的背景变为绿色 */ p { background: green } 4.交集选择器 相交的部分就是要设置属性值的标签。...:local-link 匹配指向和当前文档同一网站页面的链接。 :is() 匹配传入的选择器列表中的任何选择器。 :not 匹配作为值传入自身的选择器未匹配的物件。...:target 匹配当前 URL 目标的元素（例如如果它有一个匹配当前 URL 分段的元素）。 :visited 匹配已访问链接。...::after 匹配出现在原有元素的实际内容之后的一个可样式化元素。 ::before 匹配出现在原有元素的实际内容之前的一个可样式化元素。...::grammar-error 匹配文档中包含了浏览器标记的语法错误的那部分。 ::selection 匹配文档中被选择的那部分。
》 圆角进化论 当设计稿上出现圆角按钮/标签页时，我们会如何应对呢？...注意 margin/border/padding/content box中相同方向的角的椭圆的圆心重叠; 当椭圆半径为0时，渲染为直角。...class="s1">div> div class="s2">div> 注意 由于margin区域无法触发点击等事件，而圆角border box所占面积必定小于直角border box，因此为保持可点击区域面积...class="s1">div> 仅仅看div.s1水平方向的椭圆半径，left和right相加300+900=1200远远大于border box的宽度200px，也就是说两个椭圆将发生重叠。...被忽视的猪脚——相交线 当设置border-left和border-top后，我们很容易预测到左边框和上边框的样式，但它俩相交部分的样式呢？这里就涉及到相交线的问题了！
width: 图片的宽 height:图片的高 (宽高两个属性只用一个会自动等比缩放.) opacity:透明度 超链接标签(锚标签): 什么是超级链接？...所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上 的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序 什么是URL？...该地址可以有几种类型： target='_blank'，指点击时，在新页面中打开目标网页地址，没有此属性时，默认在当前窗口打开目标网页地址 绝对 URL - 指向另一个站点（比如 href="...http://www.jd.com） 相对 URL - 指当前站点中确切的路径（href="index.htm"） 锚 URL - 指向页面中的锚（href="#top"） （锚即设定的...表单一般用来收集用户的输入信息 表单工作原理： 访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。
今日的代码和讲义 以及思维导图：【点击此链接下载 Day02.zip】 一. HTML结构 完整的HTML结构 1.1....alt属性:不是强制性的，有两个作用 ✓ 作用一:当图片加载不成功(错误的地址或者图片资源不存在)，那么会显示这段文本; ✓ 作用二:屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义... **元素(或称锚(anchor)元素): 定义 超链接，用于打开新的URL; a元素有两个常见的属性: href:Hypertext Reference的简称 ✓ 指定要打开的URL...锚点链接有两个重要步骤: 在要跳到的元素上定义一个id属性; 定义a元素，并且a元素的href指向对应的id; a元素 - 图片链接 在很多网站我们会发现图片也是可以点击进行跳转的 img..._parent: 在父窗口中打开URL _top: 在顶层窗口中打开URL 2.6. div/span 历史 案例 div元素、span元素的历史 在HTML中有两个特殊的元素div元素、span
过去，要检测一个元素是否可见或者两个元素是否相交并不容易，很多解决办法不可靠或性能很差。...然而，随着互联网的发展，这种需求却与日俱增，比如，下面这些情况都需要用到相交检测： 图片懒加载——当图片滚动到可见时才进行加载 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页...构造函数接收的参数 callback 当元素可见比例超过指定阈值后，会调用一个回调函数，此回调函数接受两个参数：存放 IntersectionObserverEntry 对象的数组和观察器实例(可选)。...注意 Intersection Observer API 无法提供重叠的像素个数或者具体哪个像素重叠，他的更常见的使用方式是——当两个元素相交比例在 N% 左右时，触发回调，以执行某些逻辑。...两个元素的相交部分大小发生变化时。 Observer 第一次监听目标元素的时候。
但还是得网站的可访问性，保证用户在任何环境下都能正常访问网页得核心内容或能使用基本功能（避免网页打不开、排版错误等），并为他们提供当前条件下最好的体验，这就是渐进增强得核心思想。...，是可独立分配的、可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目； nav 描述一个含有多个超链接的区域，该区域包含跳转到其他页面或页面内部其他部分的链接列表...含义： 当布尔值是 false 时（这也是默认值），表示向上冒泡触发事件； 当布尔值是 true 时，表示向下捕获触发事件； 不能冒泡的事件 有些事件是不会冒泡的。...事件对象中的方法 stopPropagation() 阻止事件冒泡，当设置后，点击该元素时父元素绑定的事件就不会再触发； preventDefault() 阻止默认事件的发生； stopImmediatePropagation...可能指向 div 元素，也可能指向它的子元素。
： 设置一个快指针，一次走两步，慢指针一次走一步，当节点个数为奇数时，意味着我的快指针指向尾节点，慢指针指向中间节点，此时的判断条件为快指针节点的next指针指向空 当节点个数为偶数时，意味着当我快指针刚好为空时...找到环的起始节点： 当slow和fast指针相遇时，我们可以确定链表中存在环。...题目链接： 160.相交链表 题目描述： 思路： 相交链表指的是两个链表在某一点开始合并成一个链表。...这意味着从相交点到链表的末尾，这两个链表都具有相同的节点 解决相交链表问题的一个有效方法是使用两个指针遍历两个链表。...这是因为p1和p2会遍历整个结构（两个链表的总长度），这样调整确保它们最终会有相同的遍历长度。当它们移动到相交点时，由于它们步调一致，因此会同时到达相交点。
下面看看它们的用法： div id="test">点击触发div> $("#test").click(function() { alert("div被点击了"); }); 当点击了id为test...的div时，就会弹出alert的内容，这就是点击事件，dbclick用法类似。...' + e.target.textContent) }) 这里的e.target表示的就是你所点击的li，当点击“范玮琪”时，就会弹出“范玮琪”。...比如一般的网站登录的时候要输验证码，当你输完验证码，就会立即提示验证码正确还是错误，而不需要点击“登录”按钮后再去判断，这就用到了Ajax。接下来就看看如何使用。...3、$.getScript(): 用法和$.getJSON()基本一样，区别在于url不是返回json格式数据的url，而是指向一个js文件，比如statis/js/sport.js，还有就是没有data
这四种组件对应爬虫生命周期中的下载、处理、管理和持久化等功能。Spider将这几个组件组织起来，让他们可以互相交互，流程化的执行，可以认为Spider是一个大容器，也是WebMagic逻辑的核心。...Pipeline：负责抽取结果的结果，包括计算、持久化到文件、数据库等。WebMagic 默认提供了“输出到控制台”和“保存到文件”两个结果处理方案。...*发布") 抽取元素 API 当链式调用结束时，我们一般都想要拿到一个字符串类型的结果。这时候就需要用到获取结果的API了。...$(“div.title”,“text”) css(String selector) 功能同$()，使用Css选择器选择 html.css(“div.title”) links() 选择所有链接 html.links...获取链接 // 获取下一列的url String bkUrl = page.getHtml().css("div.p_in li.bk").nodes().get(1).links().toString
url 可以通过 history.pushState 和 resplaceState 等，会将URL压入堆栈，同时能够应用 history.go() 等 API监听 url 的变化可以通过自定义事件触发实现...当不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。...但是Redux状态更改可回溯——Time travel，数据多了的时候可以很清晰的知道改动在哪里发生，完整的提供了一套状态管理模式。...)跳转，此时只是链接变了，并没有刷新页面而标签就是普通的超链接了，用于从当前页面跳转到href指向的另一 个页面(非锚点情况)。...div class="visible">visbilediv>当把 visbile 的值变为 false 时，就会替换 class 属性为 hidden，并重写内部的 innerText 为 hidden
Route 简单来说， Route 定义了一个特定的URL路径，并指向在访问该URL路径时应该渲染的组件。 路由组件有两个主要属性： Path：此属性接受一个字符串，用于指定 Route 的路径。...然后，在 App 组件内部， Routes 组件限制了不同的 Route 组件。 第一个路由的路径设置为("/")，当访问时将渲染 Home 组件。这个默认路由将始终在访问根URL时渲染。...404 页面 404错误是一个HTTP状态码，当请求的资源或页面无法找到时会显示出来。这可能发生在用户输入了一个不存在的URL时。...React Router 包含了一种处理 404 错误的方式，当访问一个未定义的网址时，会渲染一个自定义组件。...因此，当点击任何这些链接时，React Router会从 to 属性获取URL，匹配正确的 route 路径，并渲染指定的组件。
: Vue模板 vue实例和容器是一一对应的 中要写js表达式 且xxx可自动读取data中所有属性 一旦data中数据改变 页面用到的数据也会自动更新 div class="box"> 错误的 v-model只能应用在表单元素上(输入类元素) --> <!...Object.defineProperty数据代理方法 defineProperty(对象名, ‘添加的值’) 可以为对象添加属性值 但添加的对象不能被遍历 数据代理: 当读取obj的age属性时, get...函数会被调用, 且返回值是age的值 数据劫持: 当修改obj的age属性时, set函数会被调用, 且会收到修改的具体指 let num = 18 let obj = { name: '小城'...}, // 数据劫持 当修改obj的age属性时, set函数会被调用, 且会收到修改的具体指 set(value) { console.log('你修改了age属性,
bind(), 当指令跟DOM元素绑定的时候 inserted(),当DOM元素插入结构中的时候 update()当数据发生更新时执行 函数式：函数的名字就是指令的名字 全局:main.js...概念: 根据不同的URL请求,返回不同的内容 本质: URL请求地址与服务器资源之间的对应关系 前端路由是依靠hash值(锚链接)的变化进行实现 概念: 根据不同的事件显示不同的页面内容,即事件与事件处理函数之间的对应关系...当用户点击了页面中的路由链接时，会使链接的地址发生改变，相当于点击页面中的超链接时，链接的锚点发生改变，也叫做hash值 。路由会监听这个地址的变化，从而把这个地址对应的组件渲染到页面上。...默认a active-class:设置链接激活时使用的 CSS 类名 要注意，当 对应的路由匹配成功，将自动设置 class 属性值 .router-link-active...多级路由 概念： 我们点击一级路由会展示一个组件，但是在这个组件的内部 还会存在其余的链接/按钮，此时点击这个链接/按钮 会重新渲染一个组件，此时，一级路由组件跟这个嵌套组件的关系就是嵌套路由。
URL URL包括两部分：第一部分通过DNS定位服务器，例如当你在浏览器输入https://mail.google.com/mail/u/0/#inbox这个地址时，产生了一个mail.google.com... ] 注意，标签在div>标签内有两个，所以会返回两个。你可以用p[1]和p[2]分别返回两个元素。... ] //a可以用在更多的地方。例如，如果要找到所有div>标签的链接，你可以使用//div//a。...URL链接： //div[starts-with(@class,"reflist")]//a/@href 选择div下面的所有URL链接，并且这个div的下一个相邻元素的子元素包含文字References...过一段时间之后，可能会变成： //div[@class="preview green"]/a/img 数据指向的class优于排版指向的class 在上一个例子中，使用thumbnail和green
a标签 超链接标签 所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序...该地址可以有几种类型： 绝对URL - 指向另一个站点（比如 href="http://www.jd.com） 相对URL - 指当前站点中确切的路径（href="index.htm"） #学django...的时候会用的比较多 锚URL - 指向页面中的锚（href="#top"），博客的目录经常用到，还可以跳转到 name属性为p1的a标签上，xxx ? ...表单一般用来收集用户的输入信息 表单工作原理： 访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。 ...服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输入完成的信息。 ? ?
12)url:一个URL，从远程网站获取数据。 13)loadMsg:当从远程网站载入数据时，显示一个提示信息。...2)onLoadError:当远程数据载入发现一些错误时激活。...7)closable:当true时，该Tab面板将显示可关闭button，点击能关闭该Tab面板。...2)collapsible:当True时可显示折叠button。默认false。 3)minimizable:当True时可显示最小化button。...4)maximizable:当True时可显示最大化button。默认false。 5)resizable:当True时能重绘对话框大小。
这样我们便可找到两链表的尾节点并判断这两个节点地址是否相同，若相同则两链表相交。上面这种情况两链表呈'Y'型，那么我们想一下两链表相交是否可以呈'X'型呢？...如上图所示如果两链表相交呈'X'型的话，相交节点的next就会指向两个节点，这并不符合单链表的定义。 那么在判断了相交链表后，如何找到相交节点呢？...在我们找尾节点时，我们可以顺便计算两链表的长度，定义两链表指针slow，fast分别指向链表头节点，让指向长链表的指针先走两链表长度的差值，然后一起向后走，当slow == fast时就找到了相交节点。...接下来我将以两种方法解决此问题： 方法一： 我们可以想到当两节点相遇时，慢指针slow走过了L + X的距离，快指针fast走过了L + nC + X距离，又因为快指针的速度是慢指针的2倍，于是我们得到了一个数学公式...X的部分反转； 如图中2处，最后需要将指向原头位置的指针指向NULL。
render函数如何执行 要调用render肯定要实例化类组件，可是代码中并没有实例化类组件的代码 原因在与，当写入组件标签时，react帮你实例化了类组件 执行 ReactDOM.render发生了什么...window，但由于类中的方法会自动开启严格模式，所以this指向undefined 解决类组件的方法的this指向问题 第一种通过bind class Weather extends React.Component...重定向 放在Route标签的下方 当所有路由都没有匹配上时，执行Redirect 路由传参 1.params参数 路由链接（携带参数）：<Link to...default withRouter(Header) 经过上面的操作 Header组件就可以调用路由组件的api了 BrowserRouter与HashRouter 前端路由的操作原理就是点击链接引其浏览器...url的变化（通过BOM的历史） 在监听到这个变化，然后在路由变化的时候执行一些操作 1.
，比如python，C/C++等，点击Next，进入下一步； 点击"Install"，等待Node.js安装完成； 当看到下图所显示的情况，Node.js就成功安装完毕。...“Next” 继续安装： 选择 Git 在使用 HTTPS 时使用的库，若无特殊需求，可保持默认选项，点击 “Next” 继续安装： 选择提交与拉取记录时，对换行符的处理方式，若无特殊需要...如果页面变成了之前本地调试时的样子，说明上传以及完成了。没变的话查看一下上传时命令行窗口的信息有没有错误信息，没有的话清除一下浏览器缓存试试。...当文章没有设置特色图时，本主题会根据文章标题的 hashcode 值取余，来选择展示对应的特色图 我认为个人博客应该都有自己的风格和特色。...当站点配置文件的builtin的值为true时，生成页面的功能会嵌入到**hexo g**和**hexo s**中，在进行部署生成操作，会自动生成相应的页面。
，我们每次插入节点时，都要判断要插入的链表是否为空，空和非空的操作不一致，加上我们有两个新链表，操作起来更加的繁琐 所以我们还是用上之前学过的知识，怎么保证一个链表默认不为空？... 题目的要求就是给我们两个链表，然后让我们判断这两个链表是否相交，如果相交就返回相交的节点，否则就返回空 我们要注意到相交链表的特殊性，直线相交的话它们还会朝着不同的方向继续延伸，想象一下链表相交以后会怎么样...，它们相交后一定只有一个方向，而不会像直线相交那样有多个方向，因为如果它们相交，那么相交节点的next指针指向同一个节点，如此循环下去自然就只有一个方向 那么问题好像要简单一些了，我们遍历两个链表...，看看有没有相同的节点不就好了，可是还是有一个问题，我们看看题目的第一个示例就知道了： 这个问题就是两个链表的长度可能不同，在上面的示例中，如果同时开始遍历的话，当链表A遍历到相交节点8时.../description/ 我们来看看环形链表I的题目描述与示例： 我们首先要知道链表带环是什么意思，就是它的尾结点的next指针不指向空了，而是指向链表中的某个节点，以此成为带环链表
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
