ICode9

精准搜索请尝试: 精确搜索
  • 盒子模型2022-08-03 23:35:32

      有两种盒子模型:标准盒子 IE盒子(也称为怪异盒子) 区别: 1.怎么算宽高:标准盒子 width,height 是实际宽高(得房率是100%),IE盒子width,height是包含padding,border(新小区建筑面积) 2.盒子模型怎么转换变成怪异盒子 box-sizing: border-box;(标准盒子 content-box) 当设置为box-sizing:con

  • react-signature-canvas 签名功能2022-08-03 11:32:59

    基于移动端需要扫码签名的功能,这里记录一下。 1、使用 react-signature-canvas 插件,npm i react-signature-canvas --save 2、此功能签名后生成的图片是base64格式,如需其他格式,可参考文档修改 3、封装的组件代码   import { SignatureCanvasWrapper } from './style'; import Re

  • 元素和内容居中2022-08-02 23:02:32

    元素和内容的居中方法 元素 : <标签名>内容</标签名> 标签 : <标签名> 内容 : xxx 代码 <style>     .main {       text-align: center;     }     /* marign */     .container {       width: 300px;       height: 100px;             ma

  • jQuery颜色插件2022-08-02 00:01:27

    <!--@description--> <!--@author beyondx--> <!--@date Created in 2022/08/01/ 23:08--> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>标题</title> <style

  • css_属性1和CSS_属性2_盒子模型2022-08-01 22:34:39

    属性:   字体,文本   font-size :字体大小   color :文本颜色   text-align :对其方式   line-height :行高 背景:   background:   边框:     border :设置边框,符合属性   尺寸:     width:宽度     height:高度   <!DOCTYPE html> <html lang="en"> <head

  • jQuery_tab栏切换/自己实现2022-08-01 16:35:41

    知识点 1, jQuery的class操作 2, 索引 <!--@description--> <!--@author beyondx--> <!--@date Created in 2022/08/01/ 15:57--> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title

  • 前端截取视频第一帧作为封面2022-08-01 15:31:07

    getVideoBase64(url) { return new Promise(function(resolve, reject) { let dataURL = ''; let video = document.createElement("video"); video.setAttribute('cr

  • # vue3 hooks使用2022-08-01 11:36:01

    vue3 hooks使用 今天我们稍微说一下 vue3 项目中的 hooks 的使用,其实这个 hooks 呢是和 vue2 当中的 mixin 是类似的,学习过 vue2 的小伙伴一定对 mixin 一定比较熟悉,就算没用过也一定了解过,也就是混入,通过 mixin 混入来分发 vue 组件中的可复用功能。一个混入对象可以包含任意组

  • css固定定位2022-07-31 18:00:55

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定定位</title> <style> body{ height: 1000px; } div:nth-of-type(1){ width: 3

  • ffmpeg解码随笔2022-07-31 01:00:57

    运行资源下载: 链接:https://pan.baidu.com/s/1XEZHO5SnvvFfCfVbfqjdwQ 提取码:odie   // 写文件方式提取 11.yuv 里的 y u v void extract_yuv(const char* path,int width,int height){ FILE* fp = fopen(path,"rb+"); FILE* f1 = fopen("yuv420_y.y","wb+

  • leetcode 406. Queue Reconstruction by Height 根据身高重建队列(中等)2022-07-30 23:02:12

    一、题目大意 标签: 贪心 https://leetcode.cn/problems/queue-reconstruction-by-height 假设有打乱顺序的一群人站成一个队列,数组 people 表示队列中一些人的属性(不一定按顺序)。每个 people[i] = [hi, ki] 表示第 i 个人的身高为 hi ,前面 正好 有 ki 个身高大于或等于 hi 的人。

  • uniapp里使用web-view遮挡导航顶部问题2022-07-29 17:35:18

    <template> <view class="page-web"> <uni-nav-bar left-icon="back" :title="title" left-text="返回" @clickLeft="navigateBack" statusBar="true"></uni-nav-bar> <vi

  • 重学布局 侧边伸缩导航栏效果2022-07-29 02:03:30

    目录html结构css样式缺陷在线编辑 买了把红轴,虽然价格便宜,但是令我意外的是,红轴比青轴好用多了,而且白色真的是很经典的配色。之前收的那把青轴,没用过多少次就吃灰了。红轴打字很丝滑,声音也不算吵。 今天学习了一个侧边导航栏的效果,说实话,通过模仿别人来学,比自己摸索着学效率高很

  • WPF开发之ScreenCut截图改变大小2022-07-28 17:01:57

    前言 接着上周写的截图控件继续更新 缩放操作。 1.WPF实现截屏「仿微信」 2.WPF 实现截屏控件之移动(二)「仿微信」 正文 实现拉伸放大或缩小缩放操作需在矩形四个方向绘制8个Thumb,这里有两种方式 1)可以自行在XAML中硬编写8个Thumb 2)使用装饰器Adorner 本章使用了第二种方式 一、首

  • 3.JavaScript程序控制语句2022-07-27 19:03:42

    程序的控制语句包括了 if如果 (第一个条件)else if 如果(第二个条件)else(都不满足) 其中else if可以无限添加 而else作为最后一个只有一个 示例.. var height = prompt('请输入你的身高') if(!(height*1)){//NaNconsole.log('数据出错');}else if(height>230 || height<50){console.lo

  • Vue中html全屏背景色(height:100%不能生效时)2022-07-27 11:36:51

    Vue中html全屏背景色(height:100%不能生效时) 1、把百分比符号换成“vh”(推荐) .leaderboard{ background-color: #272A7E; height: 100vh; }                

  • 前端视频截图方法canvas.drawImage()2022-07-26 16:33:45

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh

  • leetcode42. 接雨水2022-07-25 23:01:05

    给定 n 个非负整数表示每个宽度为 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 个单位的雨水(蓝色部分表示雨水)。 示例 2:

  • pc实战小妙招(一直记录)2022-07-25 21:35:22

    line-height=width实现垂直居中方法:对具有文字的盒子以及图片有作用。 记住块级盒子默认宽度为父级盒子的宽度。 设置第一行head时,可以将a链接转换为块级元素,再进行高度、宽度、padding 、margin的设置,以及line-height=width实现(带有文字)元素居中。 实现图片和文字在盒子中同时居

  • 11. 盛最多水的容器(maxArea)2022-07-25 20:00:21

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

  • 原生js实现图片单张上传及批量上传2022-07-25 19:00:18

    效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com

  • 从零开始游戏开发——2.5 第二个三角形2022-07-24 16:32:51

      至此,我们已经拥有了控制基本几何图元的能力,那么这些基本的数学库能为我们做些什么呢?现在我来画第二个三角形。本节的代码利用了第1.1节中显示Windows窗口的部分,对于目前我们来说,利用什么API和平台显示图形并不重要,我们的目的是将图形画在一张Buffer代表的图上,有了这个基础以后

  • Canvas:矩形的绘制2022-07-24 10:33:40

     矩形的绘制  语法 (1)rect():在当前子路经添加一条弧线; 语法:context.rect(x,y,width,height); 四个参数: 起点坐标x,y:左上角坐标; 宽度width:矩形的宽度; 高度height:矩形的高度; (2)strokeRect()方法可以直接绘制一个矩形; 语法:context.strokeRect(x,y,width,height); (3)fillRect方法用

  • 图文并茂演示小程序movable-view的可移动范围2022-07-22 18:43:19

    前言 开发过小程序的同学可能对这两个内置组件并不陌生,他们配合用来实现在页面中可以拖拽滑动,其中: movable-area表示元素可移动的区域,它决定元素移动的区域范围 movable-view表示可移动的视图容器,它决定了什么元素可以移动 使用上要求movable-view必须是movable-area的直接子节

  • CSS(十七):快报模块2022-07-22 14:06:44

    效果 代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="index.css"> </head>

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有