首页 > TAG信息列表 > HEIGHT

vue制作日历

<template> <div class="calender"> <div class="calender_title"> <div class="arrow arrow-left" @click="prev()"><</div> <div class="data">{{ currentYea

Python 面向对象编程—类和对象基础知识、继承

面向对象 面向对象( 0bject 0riented )是软件开发方法,是一种程序设计规范,是一种对现实世界理解和抽象的方法。在面向对象编程思想中,一切事物皆对象,通过面向对象的方式,将现实世界的事物抽象成对象。 总的来说面向对象编程,一是属性,二是方法。   面向对象术语 1.类(class):用来描述具有

CSS基础(二)

溢出(overflow) - 值解析 - visible: 溢出的值会在容器之外显示(默认) - hidden: 溢出的值会被隐藏 - scroll: 溢出的内容会被提供滚动条,方便用户显示 - auto: 有溢出就提供滚动条,没有就不提供滚动条 - inherit: 继承父容器的overflow属性 - overflow-

42. 接雨水

42. 接雨水 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图,计算按此排列的柱子,下雨之后能接多少雨水。   示例 1:     输入:height = [0,1,0,2,1,0,1,3,2,1,2,1] 输出:6 解释:上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图,在这种情况下,可以接 6 个单位的雨水(蓝色

页首代码

/*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table t

分段进度条组件

非组件封装的 demo 组件封装代码 目前能用版 tick-progress.vue <template> <div class="progress-container" :style="{height: height / 100 +'rem'}"> <div class="progress" :style="{width: precent+'%'}&qu

css margin负值

margin,外边距,就是设置元素的从边框最外边缘向外(正值)或者向内(负值)的延申的距离。 margin是完全透明的,看不见的。但它是元素之间的边界   margin的边界线是两个元素之间真正的边界线。   元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线(或者

现在是 2022 年了,你不知道什么是单调栈和单调队列吗? (下)

报名金石计划第一次挑战——分享10万奖池,这是我的第2篇文章, 点击查看活动详情 从上面继续, 现在是 2022 年了,你不知道什么是单调栈和单调队列吗? (上)——掘金(juejin.cn) .今天我们将讨论什么是单调堆栈。 介绍 阅读本文后,您将获得: 什么是单调栈 单调栈可以解决的问题 单调栈经典问题

如何实现RTMP或RTSP播放端回调YUV/RGB数据?

​今天某乎收到个问题推荐,如何实现RTSP回调YUV数据,用于二次处理? 正好前些年我们做RTSP和RTMP直播播放的时候,实现过相关的需求,本文就以Android为例,大概说说具体实现吧。 先说回调yuv或rgb这块意义吧,不管是RTSP还是RTMP直播播放模块,解码后的yuv/rgb数据,可以实现比如快照(编码保存png

背景图像完全覆盖元素区域

Examples <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景图像完全覆盖元素区域</title> <style> div{ margin:2px; float:left; border:1px solid red; background:url(https://www.baidu.com/

前端图片等比例缩放方案

图片等比例缩放方案 在Web开发时无可避免的需要将图片进行缩放,缩放时需要保证图片不变形,也就是需要等比例缩放。 设定宽度或高度 引入图片时,仅设置图片的width或者是height就可以使另一边自适应,从而实现等比例缩放。 <section> <img id="t1" src="http://www.sdust.edu.cn/__

div圆角头像

<div class="avator" style="background: url({:format_person_photo($vo[person_photo],$vo[person_sex])});" ></div> .avator { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; display: block; margin: 10p

fixed

CSS .mobile{ position:fixed; bottom:20px; right:20px; width:50px; height:50px; background-size:cover; z-index:999; background:darkblue; border-radius:50%; padding:8px; opacity:0.6; } HTML <a class="mobile" href="tel:xxxxxxxxx

CSS样式打勾

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /**绿色勾*/ .checked { display: inline

jquery 操作样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/jquery/dist/jquery.min.js"></script> <style>

flex常用布局

公共样式: <style> * { margin: 0; padding: 0; } .has-flex { display: flex; } </style>  垂直居中 子元素左右分布 css .father-one { width: 100%; heigh

Vue+zxing实现扫二维码、条形码功能

<script setup > import { ref, reactive, toRefs } from 'vue' import { BrowserMultiFormatReader } from '@zxing/library'; import { Dialog, Notify } from 'vant'; import { useRouter, useRoute } from "vue-router" c

盒模型

CSS盒模型定义了盒的每个部分包含 margin, border, padding, content 。   根据盒子大小的计算方式不同盒模型分成了两种, 标准盒模型和怪异盒模型。   标准模型, 给盒设置 `width` 和 `height`,实际设置的是 content box。`padding` 和 `border `再加上设置的宽高一起决定整个盒子

前端学习之------浏览器兼容(CSS)

浏览器兼容指的是:由于各浏览器使用了不同的内核,使得网页在各种浏览器上的显示效果不一致,做好浏览器兼容,才能够让网站在不同浏览器上正常显示 CSS方面: 1、不同浏览器的标签默认的内外边距不同,所以,可以全部初始化为0 *{ margin: 0; padding: 0; } 2、图片<img>和<a>标签在IE9中

letcode算法--8.盛水最多的容器

给定一个长度为 n 的整数数组 height 。有 n 条垂线,第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。 找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。 返回容器可以储存的最大水量。 说明:你不能倾斜容器。 来源:力扣(LeetCode)链接:https://leetcode.

CSS美化网页元素

3.美化网页元素 3.1为什么要美化网页 1.有效的传递页面信息 2.美化网页,页面漂亮才能吸引用户 3.凸显页面的主题 4.提高用户的体验   span标签:重点要突出的字使用span标签套起来  <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <title>Title</t

python如何截长图

网上查到有个第3方接口(网页截屏大师)可以实现截取网页长图,只能针对部分网站调用 首先,先在https://www.screenshotmaster.com/ 注册一个账号,在用户中心获取到一个唯一的Token,并保存 然后使用Python脚本调用截屏大师的接口获取截图,代码示例: import urllib.parse import urllib.reque

Vue实现CSDN评论区的抽屉drawer效果,不需要用el-drawer组件。

一、效果预览 二、代码思路 1、思路:在当前页面添加一个浮动的div组件,用v-if绑定显示与否,点击评论图标的时候,显示该div <!--评论弹窗--> <div v-if="drawer" class="commentDrawer"> <span>评论区</span> <span @click="drawer = false" style=&quo

11. 盛最多水的容器

11. 盛最多水的容器 给定一个长度为 n 的整数数组 height 。有 n 条垂线,第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。 找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。 返回容器可以储存的最大水量。 说明:你不能倾斜容器。   示例 1: 输入

easyui-switchbutton 样式错位问题

我在开发中遇到的奇特现象   <td style="width:65px;">创建时间:</td> <td><input id="switch_date_entered" class="easyui-switchbutton" style="width:60px;height:25px" onText="部分" offText="全部"