- 博客(110)
- 收藏
- 关注
RSS订阅
原创 前端常考面试题
简要说明下浏览器拿到响应数据后的渲染过程？构建CSSOM规则树：读取css文档，字节转化成字符，确定tokens（标签），将标签转化为节点，以节点构建CSSOM树。遇到CSS加载的时候，CSS不会阻塞DOM树构建，但是会阻塞DOM树的渲染，并且CSS会阻塞下面的JS的执行原因：js里面var width = $(‘#id’).width();这里js执行前，浏览器必须保证之前的css文件已下载和解析完成(后面的不会影响)如果遇到JS，JS加载会影响DOM的解析，阻塞DOM树及CSSOM树的构建，优先加载JS
2022-06-01 11:18:48
971
原创 leetcode-304——二维区域和检索-矩阵不可变
在内的前i行前j列的元素和。以上面的数组为例：创建的新数组多一行和一列，方便计算。所以需要根据已经给定的数组创建出一个新数组，这个数组的。因为区域1的面积被减掉了两次。
2022-10-27 17:56:14
949
原创 前端——水滴实现
用到的主要css属性：box-shadowborder-radius伪元素animation<!-- * @Description: * @Version: 2.0 * @Autor: luying * @Date: 2021-11-20 15:17:35 * @LastEditors: luying * @LastEditTime: 2022-05-18 14:56:47--><!DOCTYPE html><html lang="en"&.
2022-05-18 15:04:05
257
原创 canvas鼠标跟随小球
<!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>Do.
2022-05-17 18:45:15
230
原创 canvas实现动态小球
<!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>Do.
2022-05-17 16:34:09
499
原创 canvas实现钟表
<!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>Do
2022-05-17 13:21:01
256
原创 js实现随机颜色
方法一：function coloring() { let r = Math.floor(Math.random() * 255) let g = Math.floor(Math.random() * 255) let b = Math.floor(Math.random() * 255) return `rgb(${r}, ${g}, ${b})`}document.body.style.background = coloring()方法二：function c
2022-05-16 15:59:46
2007
原创 前端——三栏布局六种实现方式
float布局<!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"> <tit
2022-05-16 13:56:37
236
原创 前端——图片懒加载
<!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</t
2022-05-16 11:04:27
212
原创 行内元素的换行会出现空格的解决办法
行内元素的换行会出现空格：方法一：上面一行的尖括号>放在下面一行的头部<div class="div1"> <span class="span1">ds</span ><span class="span1">cs</span ><span class="span1">jd</span></div>方法二：父元素设置font-size: 0px;子元素设置font-size: 2
2022-05-14 21:29:05
560
原创 等高瀑布流和等宽瀑布流
登高瀑布流实现方式：<!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>Doc
2022-05-14 20:54:22
554
原创 前后端——json字符串与json对象的转化
前端——方法一:evaldocument.getElementById("button1").addEventListener('click', ()=> { let xhr = new XMLHttpRequest(); // 请求方式， 请求地址， 是否异步 xhr.open("post", "http://localhost:8090/helloword", true) // 设置请求头 xhr.setRequestHeader("content-type", "a
2022-05-13 21:12:58
1824
原创 图像像素0-1转换为0-255
图像像素0-1转换为0-255import matplotlib.pyplot as pltfrom skimage import io,dataimport osimport cv2import pydicomimport numpy as npimport nibabel as nibimport SimpleITK as sitkimport matplotlib.pyplot as plt%matplotlib inlinefolderPath = 'new_png_256'
2022-05-07 13:48:13
5430
5
原创 8位深度转换为24位深度，24位深度转换为8位深度
8位深度转换为24位深度import osimport numpy as npimport PILfrom PIL import Imageimport cv2path = "png_512/test/img" #需要转化的文件夹路径，jpg和png都能一起批量转化（8转24）for file in os.listdir(path):# print("files:",os.path.join(root,file)) filename = os.path.join(path,
2022-05-07 13:44:15
1586
原创 npz文件转化为png
一个npz文件中包含了image和label，将他们提取出来并保存。这里label的范围是0-1，所以需要转化为0-255import numpy as npimport osfrom matplotlib import pyplot as pltimport cv2def npz_png():# 存放npz文件路径 path = 'vol_h5' image_path = 'png/image' label_path = 'png/label' for
2022-05-07 10:19:06
1969
4
原创 js-非递归实现二叉树的前、中、后序遍历
前序遍历var preorderTraversal = function(root) { if(root === null) return [] let result = [] let stack = [] while(stack.length !== 0 || root !== null) { while(root !== null) { stack.push(root) result.push(root.v
2022-04-23 11:29:23
1454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人