07 2022 档案
摘要：过渡transition 通常，我们的css样式是静态的，也就是说css中定义的属性就是页面渲染后的最终呈现效果。但发生像为某个元素设置:hover伪类并且此时改变一些属性（鼠标悬停在该元素时样式生效），或者使用JavaScript修改页面的某些元素的style这类操作，如果我们为该元素的一个或多个
阅读全文
摘要：新增语义化标签 在Html5之前，我们习惯使用<div>元素来作为一个通用的容器，而<div>是HTML文档分区元素，本身是没有语义的。Html5新增了大量语义化标签，如<header>表示页眉，<nav>表示导航区，<aside>定义文档主内容之外的内容（像侧边栏之类的）等等。 优点： 提升页面的
阅读全文
摘要：题目描述： 给定一个表示分数加减运算的字符串 expression ，你需要返回一个字符串形式的计算结果。 这个结果应该是 不可约分 的分数，即最简分数。 如果最终结果是一个整数，例如 2，你需要将它转换成分数形式，其分母为 1，所以 2 应该被转换为 2/1。 提示: 输入和输出字符串只包含 '0
阅读全文
摘要：题目描述 设计一个包含一些单词的特殊词典，并能够通过前缀和后缀来检索单词。 实现 WordFilter 类： WordFilter(string[] words) 使用词典中的单词 words 初始化对象。 f(string pref, string suff) 返回词典中具有前缀 prefix 和
阅读全文
摘要：TCP——传输控制协议 TCP是面向连接的传输层协议，在使用前要建立TCP连接，在数据传输完毕后要释放连接； 每一条TCP连接只能是点对点的； TCP提供可靠交付的服务，保证数据无差错、不丢失、不重复且按序到达； TCP提供全双工通信； TCP是面向字节流的，TCP把应用层交付下来的数据看成一连串无
阅读全文
摘要：理解拥塞控制与流量控制的区别 当网络中的链路容量（即带宽）、交换结点中的缓存和交换机等资源呈现供应不足，导致网络性能变坏，这种情况就叫“拥塞”。而拥塞控制，就是防止过多的数据注入到网络中，这样可以使网络中的路由器或链路不至于过载。相比于流量控制，拥塞控制是一个全局性过程，涉及到所有的主机、路由器以及
阅读全文
摘要：HTTP/1.1的队头阻塞 假设浏览器基于 HTTP/1.1 协议请求 script.js 文件与style.css文件，浏览器使用 Content-Length 头部来得知每个响应的结束位置和下一个响应的开始文件（在本例中，script.js是1000字节，style.css只有600字节，我们假
阅读全文
摘要：题目描述： 设计一个使用单词列表进行初始化的数据结构，单词列表中的单词 互不相同 。 如果给出一个单词，请判定能否只将这个单词中一个字母换成另一个字母，使得所形成的新单词存在于你构建的字典中。 实现 MagicDictionary 类： MagicDictionary() 初始化对象 void bu
阅读全文
摘要：题目描述： 给你一个 m x n 的矩阵，最开始的时候，每个单元格中的值都是 0。另有一个二维索引数组 indices，indices[i] = [ri, ci] 指向矩阵中的某个位置，其中 ri 和 ci 分别表示指定的行和列（从 0 开始编号）。 对 indices[i] 所指向的每个位置，应同
阅读全文
摘要：<link>标签是HTML提供的标签，不仅可以加载样式表，还可以引入站点图标、预加载资源等；而@import是CSS语法，用于导入其他样式表。 @import只在IE5以上版本才能被识别，相比之下<link>标签无兼容性问题。 link标签引入的CSS是与页面加载并行进行的，且多个CSS文件同时加载
阅读全文
摘要：单行文本溢出 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ border: 1px solid black; line-height: 20px; widt
阅读全文
摘要：理解响应式设计 页面的设计与开发能够根据用户行为（如：缩放页面尺寸）以及设备平台（如手机、平板等）进行相应的调整，这称为“响应式设计”。这样，就能避免维护多个网站来适应不同屏幕尺寸的设备。响应式设计遵循三大原则： 移动优先 由于移动版网页的限制条件更多，比如：屏幕空间受限、网络更慢。先考虑这些限制来
阅读全文
摘要：理解网格布局的基本元素 网格布局是一个由行和列组成的二维布局方式，元素放置在网格的一个单元格中或占据多行多列（网格区域）。 grid-template-column与grid-template-row：指定网格中每列每行的大小。这里可以使用一种新单位fr，代表每一列（行）的分数单位，可以理解为“1f
阅读全文
摘要：使用内外边距实现 当允许使用一个自然高度的容器(宽度随意)时，可以给容器加上相等的上下内边距实现垂直居中；同时对容器里的内容的外边距设置为margin:0 auto 可以实现元素的水平居中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset=
阅读全文
摘要：绘制梯形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ background-color: #999999; width: 300px;
阅读全文
摘要：定位 一个元素可以通过 position 属性来定义为定位元素，它有如下属性值： static：默认的初始值，可以认为元素是“未被定位的”；而使用其它值可以认为元素“已被定位”。 relative：相对定位，相对于元素原本的位置进行偏移，且原本占据的空间不会消失（可能会造成原本位置形成空白区域，或偏
阅读全文
摘要：题目描述： 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如，arr = [1,2,3] ，以下这些都可以视作 arr 的排列：[1,2,3]、[1,3,2]、[3,1,2]、[2,3,1] 。 整数数组的 下一个排列 是指其整数的下一个字典序更大的排列。更正式地，如果数组的所有排
阅读全文
摘要：题目描述： 汽车从起点出发驶向目的地，该目的地位于出发位置东面 target 英里处。沿途有加油站，每个 station[i] 代表一个加油站，它位于出发位置东面 station[i][0] 英里处，并且有 station[i][1] 升汽油。假设汽车油箱的容量是无限的，其中最初有 startFue
阅读全文
摘要：题目描述： 给你一个由数字和运算符组成的字符串 expression ，按不同优先级组合数字和运算符，计算并返回所有可能组合的结果。你可以 按任意顺序 返回答案。 示例： 输入：expression = "2*3-4*5" 输出：[-34,-14,-10,-10,10] 解释： (2*(3-(4*5
阅读全文
