html中 祖先元素 元素关系
父元素：直接包含子元素的子元素：直接被父元素包含的祖先元素：直接或间接包含后代的，父元素也是后代元素：直接或间接被祖先元素包含的，子元素也是兄弟元素：拥有相同父元素的互相叫兄弟元素<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父子元素</title> <style type="text/css"> #d1 sp
html中 选择子元素 子元素选择器
p:first-child选择第一个子元素（p是body的子元素）但是当第一个不是p则什么都选不到 这个的意思是不仅要是第一个还要同时是p元素p:last-childlast是指所有的父元素中最后一个子元素 这里前面标签为p所以最后的子元素也得同时是p不然没用p:nth-child(2)这个可以选中指定位置的子元素 括号中填入几就会选择所有父元素中对应位置的为p的子元素当括号内填入even 则选择偶数位置的子元素填入odd 选择奇数位置的子元素p:first-of-type选择父元素中第一
伪元素 加入不可选定的文字或元素
伪元素伪元素则代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。伪元素作用伪元素用来表示 原正常元素中的 特殊位置比如first-letter就是一个伪元素 用来表示p段落(p中段落就是一个元素)中第一个字 通常借此来对一些元素中特殊位置的字符进行修改first-letterfirst-letter 选定段落中第一个字first-linefirst-line 选定一整行before选定段落最前 即就跟打字的时候把光标移动到段落最开头一样 可借
伪类 伪类选择器 link visited hover active focus selectio
伪类伪类专门用来表示元素的一种特殊状态，跟伪元素有点像 一般用于为这些特殊状态的超链接设置样式比如 访问过的超链接 获取焦点的文本框 普通的超链接伪类选择器选择伪类 多用于给连接设置样式link用于设置未点击过的链接的颜色语法 a:link{}a:link{ color: red;/*设置未点击过的链接的颜色*/ }visited语法 a:visited{}visited设置点击过的链接的颜色为保证用户的隐私 只能设置字体的颜色浏览器根据根据历史记录来判断你是否点击过
title属性 给元素增加提示 title属性选择器
titletitle属性作用title可以给任何标签使用可对元素增加一个提示作用 即 原被作用元素生效后 鼠标移入到元素生效的区域不动 会提示增加的提示内容比如 p打印出字体后 加入title属性 则当鼠标移入对应的字体后 会显示提示内容语法<p title="笋a贼">有本事把鼠标放上来别动嗷</p>效果图属性选择器选择含有指定特殊位置的属性 比如一个p元素的title设置为ABCD 另一个设置为bcde 我们想选择title中开头为A的元素 这时候
html中的块和内联元素
块元素如p / div / h1这种独占一行的元素释义：div块元素 独占一行 不设置样式 块元素一般用于设置布局可包含内联元素块元素可以包含块元素和内联元素内联元素如span这样只占文字大小的元素种类：a img iframe span释义：span是一个内联（行内元素）即只占文字大小，不会占用一行常见的内联元素有 a img iframe span块元素一般用来包括文字 一般不会用来包含块元素a可以用来包含除了本身以外的任意元素p不能用来包含任意的块元素<!DOCTYP
否定伪类 类的命名 id的命名
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p:not(.淦){ background: black; } /*否定calss为淦的p选择其他的p（.符号用于选中类 #符号用于选中id）*/ </style> </head
html 类和id class和id选择器
IDid是用于给标签加入标记的<p id="p1">哒哒哒哒哒哒</p>类<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选择器</title> <style type="text/css"> #p1{ color: aquamarine; font-size: 10px;/*选择ID
51NoD---1459 迷宫问题 （带权Dijkstra）
题目链接：http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1459你来到一个迷宫前。该迷宫由若干个房间组成，每个房间都有一个得分，第一次进入这个房间，你就可以得到这个分数。还有若干双向道路连结这些房间，你沿着这些道路从一个房间走到另外一个房间需要一些时间。游戏规定了你的起点和终点房间，你首要目标是从起点尽快到达终点，在满足...
HDU-2181 哈密顿绕行世界问题 (BFS 广度优先搜索)
基础的BFS 本人用的结构体保存路径信息 STL队列进行搜索代码都有注释 (水平不高 欢迎大佬指点)#include<stdio.h>#include<iostream>#include<string.h>#include<queue>using namespace std;int maps[25][3];//地图 maps...
LeetCode 剑指Offer 63. 股票的最大利润
题目链接：https://leetcode-cn.com/problems/gu-piao-de-zui-da-li-run-lcof/使用一个变量维护数组中的最小元素，然后每次拿当前保存的res和在当天卖出所获得的利润作比较，取较大值。/** * @param {number[]} prices * @return {number} */var maxProfit = function(prices) { let minIndex = 0; let
SpringMVC拦截器的配置
SpringMVC拦截器的配置首先是XML文件的配置 <mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/**"/> //拦截所有的请求<!-- <mvc:exclude-mapping path="/login....
Md5 与 AES加密小结
Md5 与 AES 加密的区别 学习记录Java方法中可以进行明文的MD5 加密代码如下 public static String Md5Encrypt(String text) { return DigestUtils.md5DigestAsHex((text).getBytes()); }MD5加密之后，Java方法是无法解密的，所以低于前端传入的加...
VUE学习记录（打印组件的使用）
使用VUE组件进行打印操作1、安装组件2、main.js引入代码3、调用1、安装组件npm install vue-print-nb --save2、main.js引入代码import Print from 'vue-print-nb'Vue.use(Print);3、调用<template> <div class="page-container" sty...
JS模块对外暴露函数 学习
js模块可以通过两种方式对外暴露函数1、通过返回一个函数对象或一个对象来暴露一个或者多个的内部的函数，内部函数通过闭包的方式，调用外部的属性或者其他的函数，从而能够达到对内部的属性保密的作用，调用时通过1、引入js文件 mytest2、申明变量接收js函数 var f = mytest()2、通过用window.函数名的方式暴露，这种方式可以在引入js文件后，window对象下可以直接具有对应的属性方法1、引入js文件 mytest2、直接调用方法...
js中的内存泄漏和内存溢出
内存泄漏内存泄漏时由于运行时所需要的内存大于可用内存导致的，程序会报错，可以通过不断的创建大数组来演示内存的泄漏问题内存溢出内存溢出主要是因为使用过的变量并未及时的进行清理释放，导致的内存溢出，主要形成的原因有定时器和计时器导致的内存不及时回收，闭包，和全局变量，这些可以长时间的占用内存。 可以通过让闭包生成的对象等于null来及时的将闭包占用的内存进行释放...
element-ui 的el-form的问题（回车默认提交）
element-ui 的el-form的问题（回车默认提交）element-ui的el-form的中如果只有一个input框，当按下enter键时，会默认出发提交事件，刷新页面。解决办法：在el-form中加入@submit.native.prevent 来使提交后不刷新页面，从而解决这个问题<el-form :model="test" size="mini" label-width=“70px” @submit.native.prevent>.........</el-form
今日推荐
周排行