chonyhaha-CSDN博客

原创 canvas颜色提取器，解决跨域问题

canvas颜色提取器，解决跨域问题canvas颜色提取<style> #canvas{ border: 1px solid black; float: left; margin-right: 30px; } #hovered-color{ border: 1px solid black; width: 100px; height: 300px; float:

2022-01-24 21:39:05 631

行级元素内联元素也叫内嵌元素或行内元素，一般是基于语义级的基本元素。特点：内联元素只能容纳文本或者其他内联元素；一般情况下，很多属性是不可变的（比如宽高、边距等）。示例：a（锚点） b（粗体） span img input select strong br big small em sub sup i textarea块级元素一般是其他元素的容器元素，能容纳其他元素块元素或内联元素示例：div ul ol li dl（定义列表）

2021-11-12 22:43:41 310

原创如何实现脑肿瘤红黄绿分割展示

ITK-snap实现seg添加到其他模态中标题写得比较土，原因是我担心很多人不知道该怎么学术地去描绘这个过程。第一步首先，你需要有数据集，比如brats 2018、brats 2019，这两个数据集数据类型是一样的，但是HGG与LGG的数目是不一致的。以上是一个简单的brats_2019展示样例，包含4种模态以及seg第二步其次，你需要一个可视化软件，或许服务器上对.nii.gz文件进行切片展示也是一个不错的主意。我个人建议使用ITK-SNAP，如图：ITK-SNAP就是最上面的那个红色快

2021-11-01 21:37:16 780 1

原创 React基础部分

react基础部分，也需要我们有深度地去掌握它。我和其他博主一样，建议先用方便初学者引用的js包，我也是初学者，以前就是这么干的。websotrm以及vscode工具都可以，三个包分别是 react.js(核心库)、react-dom.js（提供与dom相关的服务）、brower.js（将jsx语法转化为js语法）一、React基础1、ReactDOM.render()它是react的最基本方法，用于将模板转化为html语言，并插入指定的DOM节点ReactDOM.render( <

2021-10-29 17:47:24 136

原创 js的事件循环机制以及操作dom为什么代价大、耗能高

JS为什么是单线程的，多线程不香么？原因是，并行操作可能会使系统对dom节点的改动发生冲突(可以参考操作系统的互斥部分)。比如同时对一个dom节点进行增加和删除，那该怎么办呢？没法干，容易出事为了利用多核CPU的计算能力，h5提出web worker标准，允许js脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。新标准没有改变js单线程的本质。同步任务与异步任务同步任务，顾名思义，就是立即执行的任务，同步任务一般会直接进入到主线程中执行；而异步任务，就是异步执行的任务，比如ajax网络

2021-10-26 19:32:45 490

原创 h5新特性&DOM&AST的简单理解

h5新特性1、一些语义化标签header、footer、nav、aside、article、section、hgroup（h1~h6的集合）document.createElement(‘header’)2、本地存储提供了sessionStorage、localStorage和indexedDB加强本地存储，使用之前应该先判断支持情况if(window.sessionStorage){}if(window.localStorage){}localStorage与sessionStorag

2021-10-25 19:25:37 423

原创 CSS盒子模型&BFC的简单用法

css 盒子模型盒子模型包含哪些？主要是content(内容区域)、padding、margin总的分为两种类型：IE盒子模型、css标准盒子模型IE盒子模型中，width和height指的是内容区域+border+padding的宽度和高度css标准盒子模型中，width和height指的就是内容区域的宽度与高度，增加内边距、边框、外边距并不会影响内容区域的尺寸，总尺寸会发生改变如何设置两种盒子模型box-sizing: content-box; /* 标准盒子模型*/box-sizing

2021-10-24 21:53:43 2758

原创解决回调地狱问题，包括相关知识点

回调函数是什么一个函数作为参数传入另外一个函数，它只有在满足一定条件才可以执行，该函数就是回调函数。异步调用是什么样子的在本人的理解里面，js是单线程的，也就是说它必须同步执行程序中的函数，若是有部分代码需要满足一定条件才可以执行，可以暂时将它作为一个回调函数传入其他函数当中，后面的代码继续执行。回调地狱是什么样子为了在异步函数当中有序执行代码而进行一层层地嵌套调用函数setTimeout(function (name) { var catList = name + ',' se

2021-10-23 20:07:58 204

原创防抖操作基本使用方法

当我们在滑动窗口侧边栏的时候，一般，我们不会希望在滑动过程中去记录每一个位置，而是，当每次停在某个位置的时刻去记录当下位置。又或者，在输入框输入内容，还没有输入完毕，后台已经擅自获取它的值了，造成了不必要的传输损耗。防抖，就是在事件执行一次之后对数据进行记录，可以理解为，对事件的一次监听处理完毕以后记录数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...

2021-10-22 17:31:57 866

原创图片懒加载+节流

图片的懒加载在查阅一定资料以后，我发现懒加载还是蛮重要的。原因在于，一次性将所有图片加载以后，会造成一种什么情况呢，网页内容加载缓慢，毕竟，图片是需要占据比较大存储空间的。无形之中，将我们整个的加载时间延长。而且，大部分下拉式滚动条，都是在我们下拉过程中对图片进行加载的。这样子可以缩短网页加载时长，用户体验度要好一些代码源自引用，非本人所创<!DOCTYPE html><html lang="en"><head> <meta charset="UT

2021-10-21 19:39:56 141 1

原创 css将两张图片叠加（简易方法）

@开启博客之旅，记录生活css将两张图片叠加本质上的原理其实是，一个作为背景图片，另一个作为DOM节点元素添加进去。这是我本人的第一篇正式博客，我觉得，现在分享学习到的知识还不晚。刮风了，待会去吃饭1 html代码部分该部分是简单的内容结构，其实还可以省略：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C

2021-10-12 18:16:23 2286

chonyhaha的博客

原创 Vue实现简单的购物操作