元素4.1
4.1 网络层概述
一、网络层提供的功能 1、从发送方主机传输报文段到接收方主机。发送方主机封装报文段(segments)为数据报(datagrams) ，接收方主机递交报文段给传输层。 2、在每个主机、路由器上都需要运行网络层协议。 3、路由器会检查通过它的所有IP数据报的头部字段，然后根据目的IP地址对数据报进行转 ......
关于 css 伪元素 content属性值 为中文字符时出现乱码问题的处理
更多关于 css content属性 的介绍 点我 场景： 需要在右箭头（点击该箭头是可以跳转到详情页）的左侧补充一个“更多”的文字描述 在一些场景下，使用CSS去做改动会是最优的，比如无源码等 易出现乱码的代码示例 i.common-right-arrow-icon { position: rel ......
使用css在元素的前面或者后面添加内容
:before 在元素前面添加内容 :after 在元素的后面添加内容 <!DOCTYPE html> <html> <style> h1:after { content: '前面的内容'; } h1:before{ content:'后面的内容'; } </style> <body> <h1>** ......
数组元素排序（一）
算法概述 定义 排序：假设含有n个记录的序列为{R1，R2，...,Rn},其相应的关键字序列为{K1，K2，...,Kn}。将这些记录重新排序为{Ri1,Ri2,...,Rin},使得相应的关键字值满足条Ki1<=Ki2<=...<=Kin,这样的一种操作称为排序。 通常来说，排序的目的是快速查找 ......
Flex| 流式 布局 ，让元素两端居左，居右，别再用float:right了
主要代码是 .parent { justify-content: space-between; } } 完整代码案例 .tasklist{ height: calc(80vh); overflow-y: auto; overflow-x: hidden; border: 1px solid #ccc ......
Flex|流式 布局 缩小元素解决办法
直接在子元素上把flex-shrink设置为0，即可。 .parent div { flex-shrink: 0; } 设置前 设置后 完整代码 .kanban-list { display: flex; width:100%; flex-direction: row; overflow-y: au ......
2404. 出现最频繁的偶数元素
很简单 可以用hash表进行模拟，也可以用数组来做，因为题目已经给了数的范围 class Solution { public int mostFrequentEven(int[] nums) { int[] count = new int[100001]; int res = -1; int res ......
数组的元素查找排序
顺序查找 顺序查找：挨个查看 要求：对数组元素的顺序没要求 public static void arraySearch(int value) { int[] arr = {4, 5, 6, 1, 9}; //int value = 1; int index = -1; for (int i = 0 ......
每日打卡-4.1
一.问题描述 定义计数器Counter类，对其重载运算符 + 二.设计思路 设计counter类，包含属性i，然后重载运算符+，使其能够使两个counter类对象相加，返回一个counter类对象。 三.流程图 四.伪代码 五.代码实现 #include<iostream> using namesp ......
绝对定位实现元素居中技巧
元素水平居中可以通过 text-align: center; 实现；即水平又垂直，最简单的就是 flex 布局来实现。 以上都是对有正常的文档流元素有效果，假如是两个绝对定位的元素要实现水平垂直居中呢？如下图所示，理想是把他们重合在一起且水平垂直居中。 ✨技巧✨：两个元素的宽度和高度相差除以 2 得 ......
echarts在同一个dom元素中创建两个图表
核心：使用grid进行分区 // 直角坐标系内绘图网格 左右通过left和right分 上下通过top和bottom分 grid: [ { left: '10%', right: '55%', width: '30%' }, { left: '55%', right: '10%', width: ' ......
伪类和伪元素
相同处：伪类和伪元素都不出现在源文件和文档树中。也就是说在html源文件中是看不到伪类和伪元素的。 不同处：伪类其实就是基于普通DOM元素而产生的不同状态，他是DOM元素的某一特征。伪元素能够创建在DOM树中不存在的抽象对象，而且这些抽象对象是能够访问到的。 伪类： 伪类是基于元素的特征而不是他们的 ......
playbook核心元素之handlers、notify
playbook核心元素之handlers、notify Cloud研习社 Cloud研习社 2023-04-13 07:31 发表于山东 收录于合集 #一站式教程221个 #linux211个 #计算机186个 #云计算198个 #ansible23个 教程每周二、四、六更新 我们上面的integ ......
v-if与v-show造成部分元素丢失的问题——v-if复用元素问题
问题描述 在写tab切换时遇到了一个问题，以下为简化后的问题所在的代码： <img v-if="tabIndex 2" id="t1"> <div v-if="tabIndex 2" id="t2"></div> <div v-if="tabIndex 2" id="t3"></div> <div ......
Cef修改元素
Cef是不支持DOM的，像webBroswer可以通过DOM直接修改，例如： HTMLDocument document = WebBrowser.document.all; HTMLElement element = thedocument.getElementById("ID"); elemen ......
217. 存在重复元素
1e5的数据量，要求时间复杂度小于O(n^2) 1.可以排序后判断是否出现相同数字,O(nlogn) class Solution { public: bool containsDuplicate(vector<int>& nums) { sort(nums.begin(),nums.end()); ......
WordPress中Elementor教程 每个元素都有示例
虽然一直是做程序开发的，但一直都是从事后端开发，前端的程序也大多是Winform、小程序，对网站设计真的是一窍不通。虽然有一段时间学习过Html+Css，但苦于兴趣不高，没难坚持下来。公司是做跨境电商的，最近在别人的帮助下使用WordPress搭建个独立站，才重新拾起网站设计这块开发工作。 传送门 ......
Java中List集合元素去重
1. for循环添加去重 这个是最基本的实现了，创建一个空的 List，添加前判断一下存在不存在，不存在才添加，这样就保证了元素不重复。 public static void main(String[] args) { List<Integer> initList = Arrays.asList(1 ......
LeetCode #453 最小操作次数使数组元素相等
基本思路 每次让数组的n-1个元素加1——等价于——每次让一个元素减1； 把所有数加到相同的最大值 ——等价于——把所有的数捡到最小值； 因此最小操作次数 = 数组所有元素之和 - （ 数组长度 * 最小值）； 标程 1 class Solution { 2 public: 3 int minMov ......
python 将一个列表分为多个列表 指定分成几个列表 指定列表元素个数
l = [i for i in range(23)] def split(a, n): k, m = divmod(len(a), n) return (a[i*k+min(i, m):(i+1)*k+min(i+1, m)] for i in range(n)) l_split = split(l ......
CSS基础：块状元素、内联元素、内联块状元素(行内元素)
css基础：块元素、内联元素、内联块元素 CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 1.常用的块状元素有： <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquot ......
C语言矩阵顺时针旋转90度和力扣34. 在排序数组中查找元素的第一个和最后一个位置
#include <iostream>using namespace std;#define M 5#include<stdlib.h>//原矩阵，某元素第n行第m列，；顺时针旋转90度后，位置变成倒数第n列，第m行//即先转置再水平翻转int n = 0;void rotation_90(int ......
mouted阶段无法通过querySelectAll获取dom元素
要获取的元素是通过v-for渲染出来的时候，dom元素依赖的数据是通过异步请求获取的，mouted时v-for的数据还没有获取到，故没有元素产生，mouted无法获取元素，可以使用nexttick和watch结合来用，监听dom元素依赖的数据变化，用nextTick来管理数据，在数据获取之后再获取d ......
ansible剧本-playbook核心元素
ansible剧本-playbook核心元素 Cloud研习社 Cloud研习社 2023-04-08 10:33 发表于山东 收录于合集 #一站式教程220个 #ansible22个 #云计算196个 #计算机185个 #linux209个 教程每周二、四、六更新 hosts执行的远程主机列表 t ......
如何隐藏一个元素？&&css中出现了两个一样的类定义，如何避免冲突？
1.如何隐藏一个元素？ 1.使用display属性：设置元素的display属性为none，这样元素在页面上不会占用任何空间，同时也不会对其他元素造成影响 2.使用visibility属性：设置元素的visbility属性为hidden，这样元素在页面上不可见，但仍然占用空间 3.使用opacity ......
全栈之前端 | 5.HTML表格列表标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 4.HTML样式布局区块标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端| 6.HTML输入提交表单标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 3.HTML格式化输出标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
JavaScript 去除数组中重复的元素 得到新数组
方法一： 思路： 准备一个新数组，将原数组中的元素一一放入新数组， 放入之前判断该元素是否存在新数组中，不存在的话就直接存入新数组。 function uniqueArr(arr){ var newArr = []; for(let i = 0;i<arr.length;i++){ if(newAr ......