上下 页面css div

html初次进入页面只刷新一次!!一次!!!!

window.onload=function (){reloadPage();} //自动刷新一次页面 function reloadPage() { if(location.href.indexOf('#reloaded') 1){ //判断是否有刷新标记 location.href=locati ......
页面 html

vscode如何设置HTML/CSS/JS保存后自动格式化?

具体操作:点击小齿轮,选择设置按钮 第二步:点击右上角按钮,进入设置页面 第三步:粘贴自动保存的js代码! "editor.formatOnType": true, "editor.formatOnSave": true, ......
格式 vscode HTML CSS JS

Codeforces Educational Codeforces Round 145 (Rated for Div. 2) C. Sum on Subarrays 题解

题意 Codeforces Educational Codeforces Round 145 (Rated for Div. 2) C. Sum on Subarrays 给你 $n$ 和 $k$ ,要求生成一个长度为 $n$ 的数组 $a$,且他的非空正子数组的数量为 $k$ ,非空负子数组的数量 ......

css绘制三角形

<style> /* 想要哪个方向的三角形,把其他方向的颜色换成transparent就ok啦 */ .box { width: 0px; height: 0px; border-top: 100px solid orange; border-left: 100px solid pink; bord ......
三角形 css

Educational Codeforces Round 131 (Rated for Div. 2)

题目连接 C 核心思路 这个题目乍一看是一个模拟题其实这是一个可以使用二分的题目,因为这其实只需要我们找到答案就好了。 那么二分怎么去check呢,我们可以计算出来每一位工人在x小时可以完成的任务量。 首先我们可以搞出来某一个工人擅长哪几种任务,对于这几种任务它可以一个小时就完成一个,而对于他不擅长 ......
Educational Codeforces Round Rated 131

Codeforces Round 864 (Div. 2)

地址:cf round 864 赛后碎碎念,打的时候问题很多,就不一一列举了 A.Li Hua and Maze 怎么围得最少?你把一个点上下左右四个方向均放一个即可,但注意,边界处不需要放,之后对于两个点取小即可 B.Li Hua and Pattern 怎么想? 首先,遍历给定区域,判断给定取余 ......
Codeforces Round 864 Div

CF R864 div2

A 发现最劣的方案就是把其中一个围起来,答案为 $4$,当 $x=1/x=n/y=1/y=m$ 时答案有可能为 $2/3$ 分类讨论即可 B 要将原图形变为中心对称,若$(x,y)!=(n-x+1,n-y+1)$我们必须操作,若步数有剩,剩余步数是偶数时对一个方块一直操作即可;剩余步数为奇数时,我们 ......
R864 div2 864 div CF

css 常用的文本样式、选择器、浮动和定位

常用的文本样式 ~ color 设置文字的颜色 color:red ~ font-size 设置文字的大小 font-size:12px ~ font-family 设置文字的字体 font-family:微软雅黑 ~ font-style 设置字体是否倾斜 font-style:“normal” ......
样式 文本 常用 css

针对form 表单 只有一个输入框的时候 使用回车查询会刷新页面问题

<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> <el-form-item label="表单名" ......
表单 只有 时候 页面 问题

Codeforces Round 865 (Div. 2)

Preface 这周一周二没事情干就只好在水课上口胡点题目了,然后今天一口气把口胡的都写了 这场感觉A~D感觉都不难,我称之为构造题大赛,不过说实话D想了挺久的,比赛时不一定写得出来 A. Ian Visits Mary 很显然当我们一次跳的$\Delta x,\Delta y$满足$\gcd(\D ......
Codeforces Round 865 Div

css 基本语法

CSS:层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,不仅可以修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 基本语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 选择器:需要改变样式的HTML 元素 声明:由一个属性和一个值组成,每个属性有一个值 ......
语法 css

Codeforces Round 864 (Div. 2)

Preface 周六的最后一战,感觉脑子确实有点混沌了一个C题好多细节没考虑好心态差点爆炸 最后还好20min速切了D稳了手排名,不然已经回到蓝名了 感觉最近打比赛老是犯一些很离谱的失误,题目老是想不清楚导致好几场没法在比赛时写掉Div2的E了 嘛说白了还是练得少了,多刷题解决一切问题的说 A. L ......
Codeforces Round 864 Div

CSS层叠样式表

CSS层叠样式表 主要用来调节html标签的各种样式 """ 思考:页面都是由HTML构成的 并且页面上有很多相同的HTML标签 但是相同的HTML标签在不同的位置可能有不同的样式 我们如何区分标签 标签的两大重要属性>>>:区分标签 1.class属性 分门别类 主要用于批量查找 2.id属性 精 ......
样式 CSS

vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载

<template> <div id="main" ref="workbench" v-loading="loading" class="echartsPdf"> 需要的内容 </div> </template> <script> import html2canvas from 'html2canv ......
htmlCanvas 页面 图片 Jspdf vue

Codeforces Round #628 (Div. 2)

A. EhAb AnD gCd 给定 $x$ 求解任意一个数对 $(a,b)$ 使得 $gcd(a,b)+lcm(a,b) = x$ $1\le a,b\le1e9,2\le x\le1e9$ 签到,$a,b$ 可以为 $1$ 所以直接输出 $1,x - 1$ 即可 void AC() { int ......
Codeforces Round 628 Div

Codeforces Round 862 (Div. 2)

Codeforces Round 862 (Div. 2) Date: 04/07/2023 Link: Dashboard - Codeforces Round 862 (Div. 2) - Codeforces A|We Need the Zero Brief: 给定非负整数序列,求一个 $x$ ......
Codeforces Round 862 Div

@Controller 跳转页面时报错

springboot项目跳转页面时报错,具体如下 报错: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Circular view path [login]: wo ......
Controller 时报 页面

Codeforces Round 863 (Div. 3) E. Living Sequence 题解

题意 Codeforces Round 863 (Div. 3) E. Living Sequence 如果正整数中不能存在 $4$,那么新生成的数中的第 $k$ 个数为多少? 思路 $4$ 不能够选,也就是每一位只能选择 $0,1,2,3,5,6,7,8,9$ 。可以发现,这就是一个九进制。 当需 ......
题解 Codeforces Sequence Living Round

JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。

JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。 1、常用: window.location.href //返回当前页面的 href (URL) window.location.host // 或 window.location.hostname ......
页面 JavaScript Location 地址 Window

CSS基础:块状元素、内联元素、内联块状元素(行内元素)

css基础:块元素、内联元素、内联块元素 CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 1.常用的块状元素有: <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquot ......
元素 块状 基础 CSS

CSS修改input中的placeholder默认颜色

使用 input-placeholder 属性来修改placeholder的默认颜色: 为了兼容不同的浏览器内核,要添加不同的前缀 input::input-placeholder { color: #999; } input::-webkit-input-placeholder { /* Chro ......
placeholder 颜色 input CSS

CSS杂谈——flex布局里面的auto到底多长

本篇博客将以 “ flex 布局里设置 auto 的区块怎么让文案超出省略的问题” 作为切入点,来分析一下 flex 布局里面各子项的具体长度到底怎么计算。 从需求出发谈 flex 布局 我们有一个 H5 项目,类似于微信的通讯录界面,前面是头像,后面是昵称。 所以我们一开始的代码是这么写的: <d ......
杂谈 布局 面的 flex auto

如何在html页面计算某列数值的和

相关步骤 1、先在html页面上定义一个span标签,并为其定义一个id;别忘记为table标签定义一个id 2、定义一个script模块,里面获取到table的id 并定义上之后要求的和为0 3、采用for循环,获取到除去表头tr的td内容,我这里是指定获取某一列的总和 4、在加和的时候要注意:S ......
数值 页面 html

Codeforces Round 864 (Div. 2) 题解

A. Li Hua and Maze 题目保证了两个点的哈密顿距离至少为 $2$,所以他们不会相邻。 只要有点在角上答案就是 $2$,在边上但不在角上就是 $3$,否则就是 $4$。 #include <bits/stdc++.h> #include <ext/pb_ds/assoc_contain ......
题解 Codeforces Round 864 Div

记录-css实现交融文字效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS是有魔法的,我们今天来实现一个CSS的动画效果,只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
效果 文字 css

css steps实现文本一个字一个字显示

大致思路: 使用相对定位的div覆盖文本内容,并用animation控制宽度,位置。 换行步骤在外层div上控制高度即可。 css的steps与animation一起使用可以控制文字单个显示,类似于文本输入,不过显示频率是线性。 添加一些css变量控制步骤宽度、高度和时间等,便于vue中也通过组件的 ......
文本 steps css

微信小程序返回上一个页面并刷新页面

应用场景: 比如在详情页面编辑或者删除等操作后,点击返回按钮到列表页,此时希望列表页刷新,代码如下: Taro.navigateBack({ delta: 1, success: () => { const page = Taro.getCurrentPages().pop(); if (!page ......
页面 程序

实现页面点击复制功能

DOM结构 <el-button @click="handleCopy(scope.row.code)" icon="el-icon-document-copy" type="text"></el-button> js逻辑 handleCopy(feeCode) { const input = do ......
页面 功能

如何隐藏一个元素?&&css中出现了两个一样的类定义,如何避免冲突?

1.如何隐藏一个元素? 1.使用display属性:设置元素的display属性为none,这样元素在页面上不会占用任何空间,同时也不会对其他元素造成影响 2.使用visibility属性:设置元素的visbility属性为hidden,这样元素在页面上不可见,但仍然占用空间 3.使用opacity ......
amp 元素 两个 css

JS上下文和作用域链

开发中我们可能会不小心将写多个相同名称的变量,也经常会写一个递归调用的方法, 上述示例中程序执行顺序如下图,程序会按照顺序执行第一个子元素内部所有的程序,当最底层执行结束后,会逐渐抛出返回值,然后执行第二个子元素的程序 要解释清楚上述原因,除了JS的单线程顺序执行外,还需要了解什么是上下文和作用域链 ......
上下文 上下 作用