visited

本文转载于: 猿2048 网站 https://www.mk2048.com/blog/blog.php?id=bkka21j&title=WEB%E5%89%8D%E7%AB%AF+CSS 目录 WEB前端 CSS WEB前端 CSS TOC CSS简介 CSS引入方式 CSS结构 CSS选择器 标签选择器 类选择器 ID选择器 通用选择器 组合选择器 后代 子代 毗邻 弟弟 分组选择器 属性选择器 伪类选择器 伪元素选择器 CSS选择器的优先级 CSS声明 CSS非布局声明 CSS布局声明 CSS简介 CSS被用于同时控制多重页面的样式和布局 样式很多；关键在于布局的耗时和难点 通过CSS可以将html中的格式化都剥离出来。 为什么说层叠呢？ 简单说就是：一个元素标签的样式css的来源，是可以有很多来源的。把每个来源点抽象看为一个层，每个来源层根据css的标准，是有不同的优先级的。优先级低的在底层，优先级高的在高层。这样层次堆叠就有了一个从上而下的堆叠模型，或者想象成一个装修材料层板堆叠在那里。每一层都可以给元素设置任何css属性，每一层之间可以有相同的属性。只是，相同的属性会根据层次的优先级进行覆盖。可以再次想象从上帝视角，垂直向下看，上层有的会遮挡下层有的，上层没有的就会看到下层有的。这就是将一个立体的看成一平面视角。这就是层叠的含义了。 至于优先级，内联高于选择器

大家好，我是ChrisChenJL·宸叡，一个立志奔向Java的自由少年。 本文内容可能有一点点的多，建议大家点赞+收藏，也可以关注博主本人哦~ 以后有需要的时候可以翻出来看一下，我写的笔记就会变得有意义啦~ 文章目录 一、CSS简介 1、什么是CSS 2、CSS组成 1）选择器 2）属性 3）属性值 3、注释 二、CSS分类 1、行内样式表（内联样式表） 2、内部样式表 3、外部样式表 4、样式表的优先级 三、CSS选择器 1、原生选择器 1）元素选择器（标签选择器） 2）类选择器 a.单个类选择器 b.多个类选择器 c.多类选择器 3）ID选择器 4）ID选择器与类选择器的区别 a.区别1 b.区别2 c.区别3 d.区别4 e.区别5 2、原生选择器的优先级 3、衍生选择器（语法糖） 1）后代选择器（隔代关系） 2）派生选择器（直接后代） 3）选择器分组（各自） 4、其他类型选择器（了解即可） 1）通配符选择器 2）相邻兄弟选择器 3）属性选择器 四、CSS文字属性 1、font-family 属性（字体类别） 2、font-size 属性（文字大小） 3、font-variant 属性（小型大写字母替换） 4、font-style 属性（文字倾斜） 5、font-weight 属性（文字加粗） 6、文字的复合属性（个人不建议使用） 五、CSS颜色&背景属性 1、color

图的遍历和树的遍历类似，我们希望从图中某一顶点出发访遍图中其余顶点，且使每一个顶点仅被访问一次，这一过程就叫做图的遍历（Traverse Graph)。 图的遍历方法一般有两种，第一种是深度优先遍历（Depth First Search),也有称为深度优先搜索，简称为DFS。 第二种是《 广度优先遍历（Breadth First Search) 》，也有称为广度优先搜索，简称为BFS 。我们在《 堆栈与深度优先搜索 》中已经较为详细地讲述了深度优先搜索的策略，这里不再赘述。我们也可以把图当作一个迷宫，设定一个起始点，走遍所有图的顶点并打上标记，直到访问遍所有的顶点为止。如图7-5-2所示，需要注意的是结点I 是在从A->H，H->回溯->D，D->I 的时候被访问到的，而且我们是从A开始递归进入下面的路径，所以会一直回溯到原点A为止表示遍历结束。 下面只给出邻接矩阵和邻接表存储方式时的图的深度优先遍历的算法代码，没有给出整体可供测试运行的代码，其实只需要再写一个创建图的函数就可以进行整体测试了，可以参考《 邻接矩阵创建图 》和《 邻接表创建图 》 一、如果我们使用的是邻接矩阵的方式，则代码如下：（改编自《大话数据结构》） C++ Code 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

url： url(r ' books/$ ' ,views.BookView.as_view({ ' get ' : ' list ' , ' post ' : ' create ' })) 为例 当django启动的时候，会调用执行view.BookView.as_view()方法，拿到as_view的返回值view url(r ' books/$ ' ,View.view) 当用户访问books/的时候，会执行View.view(). 执行APIView.dispatch() 当用户访问books/时，django拿到request，然后对request进行了重新封装 并且进行用户认证 url(r ' books/$ ' ,View.view) ---> 执行 self.dispatch() APIView.dispatch() def dispatch(self, request, *args, ** kwargs): ... request = self.initialize_request(request, *args, ** kwargs) self.request = request try : self.initial(request, *args, ** kwargs) .... request = self.initialize_request(request,

@Import 注解 @Import 是 Spring 基于 Java 注解配置的主要组成部分。 @Import 注解提供了 @Bean 注解的功能，同时还有原来 Spring 基于 xml 配置文件里的 <import> 标签组织多个分散的xml文件的功能，当然在这里是组织多个分散的 @Configuration 的类。 下面将分别说明 @Import 注解的功能。 1. 引入其他的 @Configuration 假设有如下接口和两个实现类： package com.test interface ServiceInterface { void test(); } class ServiceA implements ServiceInterface { @Override public void test() { System.out.println("ServiceA"); } } class ServiceB implements ServiceInterface { @Override public void test() { System.out.println("ServiceB"); } } 两个 @Configuration ，其中 ConfigA``@Import``ConfigB : package com.test @Import(ConfigB.class)

CSS作用：定义html页面元素的显示形式，是一种格式化网页内容的技术 使用： 1）css的语法 选择器{属性1：值1；属性2：值2；...；属性N：值N}，选择器就是要改变页面中的哪些元素 2）CSS的样式位置 1、外部样式表 <link rel="stylesheet" href="xxx.css"/> 2、内联样式表(直接给元素添加样式) 在元素中添加style,例如<p style="color:blue">q我是一段话</p> 3、嵌入式样式表（在html中使用style标签） <style type="text/css"> h3{font-size:72px}</style> 3)选择器 元素选择器，格式：元素名 p,h3{color:barkorange;} id选择器，格式：#id #p2{font-size:72px;} 类选择器，格式：.class .c1{font-family:"华文彩云";} 后代选择器，格式：选择器1 选择器2 p.i1{font-size:36px;} 伪类标签 伪类有： :first-child ， :link :， vistited， :hover :， :active ， :focus ，:lang，:right，:left，:first 何为伪类?就是css内置类css内部本身赋予它一些特性和功能，也就是你不用再class=..

题目描述 解题思路 图中紫色节点为相遇节点，若快慢指针相遇，必定满足如下关系： 我们使用两个指针，它们起始都位于链表的头部。随后慢指针每次向后移动一个位置，而快指针向后移动两个位置。如果链表中存在环，则快 指针最终将再次与 慢指针在环中相遇。 当慢指针进入环以后，慢指针还没走完一个环的时候，快指针必定与之相遇，此时快指针可能已经走了n次环了。因此走过的距离为：s=a+n*(b+c)+b 任意时刻，快指针走过的距离都是慢指针的两倍 所以 2*（a+b）=a+n*(b+c)+b 所以得出 a=nb+nc-b 即是 a=（n-1) b+nc 即是 a=c+（n-1） （b+c） 从3可知，慢指针走完a表示着快指针走完c加n-1圈周长，因此他们会在入口节点相遇。 解题代码如下 /** * @description: * @author: lilang * @version: * @modified By:1170370113@qq.com */ public class ListSolution { public ListNode detectCycle(ListNode head) { if (head == null) { return null; } ListNode goFast, goSlow; goFast = goSlow = head; boolean isCycle =

最近重刷了一下React官方文档 关于表单的内容 ，在结尾处，官方讨论成熟的react社区表单库时 钦点 了Formik，引起了我的注意。 If you’re looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, Formik is one of the popular choices React官方钦点库，不学留着当寒假作业吗？ 通读了一遍 Formik 的官方文档 ，上手在项目中试用了一下，大喜！ —— ”这个表单库也太优秀了吧！“ 我个人认为优秀的第三方库需要符合四个标准，Formik都完美地满足了。 一，友好的文档 Formik 的官方文档 的友好程度简直让人惊喜。 首先是 overview 简要阐述了Formik作者的创作动机，基本的安装流程，还有 hello world的试玩环境（playground），以及几段基础的示例代码 但是更令我惊喜的是第二章 tutorial 。这一章，以创建一个完整且复杂的 新闻订阅注册表单 为例，一步步地“手把手”地教读者使用 Formik。由最基础的表单功能，到验证功能，到只追踪 修改过的项；接着，又以优化代码（减少样板代码）为由进一步介绍了

继上一篇html篇之后，看到小伙伴留言说期待后面整理的CSS和JS篇，工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹，囊括了目前大部分在面试当中常见的内容，包括一些易踩雷的知识点。文章篇幅较长，建议收藏慢慢细品。 文中篇概念性的内容也蛮多，小编一如既往的做了分割线，记忆力好的童鞋请自行忽略。 1.🤨标准的CSS盒子模型及其和低版本的IE盒子模型的区别？ 标准（W3C）盒子模型： width = 内容宽度 （content） + border + padding + margin 低版本IE盒子模型： width = 内容宽度 （content + border + padding）+ margin 图片展示: 区别：标准盒子模型盒子的 height 和 width 是 content （内容）的宽高，而IE盒子模型盒子的宽高则包括 content+padding+border 部分。 2.几种解决IE6存在的bug的方法 由 float 引起的双边距的问题，使用 display 解决； 由 float 引起的3像素问题，使用 display: inline -3px ; 使用正确的书写顺序 link visited hover active ，解决超链接 hover 点击失效问题； 对于 IE 的 z-index 问题，通过给父元素增加

深度优先遍历简称 DFS （Depth First Search），广度优先遍历简称 BFS （Breadth First Search），它们是遍历图当中所有顶点的两种方式。 我们来到一个游乐场，游乐场里有11个景点。我们从景点0开始，要玩遍游乐场的所有景点，可以有什么样的游玩次序呢？ 深度优先遍历 二叉树的前序、中序、后序遍历，本质上也可以认为是深度优先遍历。 第一种是一头扎到底的玩法。我们选择一条支路，尽可能不断地深入，如果遇到死路就往回退，回退过程中如果遇到没探索过的支路，就进入该支路继续深入。 在图中，我们首先选择景点1的这条路，继续深入到景点4、景点5、景点3、景点6，终于发现走不动了（景点旁边的数字代表探索次序）： 于是，我们退回到景点1，然后探索景点7，景点8，又走到了死胡同。于是，退回到景点7，探索景点10： 按照这个思路，我们再退回到景点1，探索景点9,最后再退回到景点0，后续依次探索景点2，终于玩遍了整个游乐场： 广度优先遍历 二叉树的层序遍历，本质上也可以认为是深度优先遍历。 在图中，我们首先探索景点0的相邻景点1、2、3、4 接着，我们探索与景点0相隔一层的景点7、9、5、6： 最后，我们探索与景点0相隔两层的景点8、10： <? php /* * * 图的深度优先遍历、广度优先遍历 * 图的存储结构--邻接矩阵 */ class Graph { //