自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 flex布局宽高被内容撑开的问题

在使用 el-table 组件时,父级容器设置flex:1布局,但是宽/高会被整体内容撑开,导致布局失调。

2023-11-01 14:49:26 2530 1

原创 谷歌 101.0.4951.67及以上(正式版本) (64 位)获取 IP 地址

新版谷歌浏览器搜索不到 enable-webrtc-hide-local-ips-with-mdns可以通过插件的方式

2022-07-07 14:55:41 1081

原创 摄像头相关资料

摄像头相关资料javacvhttps://blog.csdn.net/chuanren1991/article/details/50733119python + opencvhttps://blog.51cto.com/u_15082391/2643664opencv调用USB摄像头的类是VideoCapture,while True的死循环一直开摄像头,waitKey来监听按键即可,最后使用imwrite保存图片。import cv2 as cv# 调用内置摄像头,所以参数为0,如果有其他

2022-05-13 11:03:54 155

原创 3D全景-环境光

3D全景-环境光/* * @Author: zhangchaojun * @Date: 2022-03-07 15:10:10 * @LastEditTime: 2022-03-27 22:53:51 * @LastEditors: Please set LastEditors * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE

2022-03-27 23:05:59 452

原创 html2canvas 截图丢失部分元素的问题

1.如果是文字信息丢失,需要再加一层div包裹。2.如果以上不能解决,可以将消失的那一部分的父级,及父级的父级的背景色去掉或设置为透明即可解决元素丢失的问题。(有些元素会被父级的背景色覆盖掉,这个是插件的问题)...

2022-02-19 10:37:13 2464 1

原创 react实现vue中的双向绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti

2021-05-27 13:05:15 131

原创 实现浏览器自带的创建图片的接口

// 通过 URL.createObjectURL()将文件转成对应的url地址this.idCardSrc = URL.createObjectURL(input.files[0])

2021-05-23 23:07:08 101

原创 通过canvas提供的方法可以将画布转化为 base64 的数据

getBase64Image(img) { var canvas = document.createElement('canvas') canvas.width = img.width canvas.height = img.height var ctx = canvas.getContext('2d') ctx.drawImage(img, 0, 0, img.width, img.height) // 使用画布生成 base64 的

2021-05-23 23:06:19 660

原创 8皇后问题

8皇后问题<script> function solveNQueens(n) { const board = new Array(n) let res = [] // 棋盘初始化 for(let i=0; i<n; i++) { board[i] = new Array(n).fill('.') } // console.log(board); // 判断放置的位置是否合法 const isValid = function(ro

2021-05-11 13:30:04 81

原创 canvas

canvas<canvas id="c1" width="600" height="400"></canvas><script> // 找到画板 var canvas = document.querySelector('#c1') // 获取画笔 var ctx = canvas.getContext('2d') // 画一个圆(x:x轴上的距离,y:y轴上的距离,r:半径,开始角度,结束角度,(true:逆时针)) ctx.arc(100, 100, 5

2021-03-18 18:47:06 71

原创 svg相关知识和描边动画

svg<?xml version="1.0" standalone="no"?>xml:定义了当前的格式为 xmlversion:定义当前的版本standalone:定义是否引用了外部文件svg标签可以设置 width height,代表了svg的宽和高,(默认为 300*150)通过 path 即可设置路径<path d="M150 0 L75 200 L225 200 Z" stroke="pink" fill="#FFF"></path>M

2021-03-18 14:53:51 240

原创 VUE 相关的面试题

VUE 相关的面试题vue 的双向绑定原理:•核心是通过 Object.defineProperty() 来重写 get set 方法,通过 set 来更新值。•还有一个是实现模板编译 compile,深度遍历 dom 树来获取每一个节点,值更新之后就替换dom 节点对应的数据。•订阅池 watcher,是用来连接 数据监听器 observer 和 compile的,订阅每个属性的变化的通知,执行相应的回调函数,完成视图的更新。•最后定义一个 MVVM 入口,用来连接以上三者。

2021-03-07 00:50:45 118

原创 模式串匹配-求next和nextval

模式串:ababaaabanext:011234223方法:前两位是0和1第三位:前一位b对应的next值为1,1对应的a(在数组中第一个数为a)和b不相同,故第三位的next值为1第四位:前一位a对应的next值为1,1对应的a和a相同,故第四位的next是在前一位(第三位)的next上+1,为2第五位:前一位b对应的next值为2,2对应的b和b相同,故第五位的next是前一位(第四位)的next上+1,为3第六位:前一位a对应的next为3,3对应的a和a相同,故第六位的next是前一

2020-10-11 09:41:10 6659

原创 移动端小记

视觉窗口:viewport,是移动端特有的,这是一个虚拟的区域,承载网页。承载关系浏览器----->viewport--------->网页适配要求1.网页宽度必须和浏览器保持一致2.默认显示的缩放比例和PC端保持(缩放比例1.0)3.不允许用户自行缩放网页以上为国际上通用的适配方案,标准的移动端适配方案适配设置如果任何设置都没有,默认走的就是viewport的默认...

2019-12-10 13:25:11 120

原创 Node连接MySQL数据库

使用 Node 操作 MySQL 数据库安装:npm install --save mysql案例:var mysql = require('mysql');// 1. 创建连接var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '...

2019-12-10 13:22:26 113

原创 Node.js学习笔记

Node.js是什么Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.Node.js不是一门语言Node.js不是库、不是框架Node.js是一个JavaScript代码简单点来说就是Node.js可以解析和执行JavaScript代码以前只有浏览器可以解析执行JavaScript代码...

2019-12-10 13:18:22 328

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除