- 博客(17)
- 收藏
- 关注
原创 虚拟节点介绍以及diff算法介绍
虚拟节点介绍以及diff算法介绍虚拟节点的类别diff算法创建新增的节点删除节点更新节点更新子节点虚拟节点的类别Vnode的类别注释节点文本节点元素节点组件节点函数式组件克隆组件diff算法diff 的过程就是调用名为 patch 的函数,比较新旧节点,一边比较一边给真实的DOM打补丁创建新增的节点什么时候需要创建新节点oldVNode里面不存在的数据而在newVNode里面存在的时候首次渲染页面当newVNode和oldVNode完全不是一个节点的时候删除节
2021-05-23 13:16:14 971
原创 JavaScript节流和防抖
一、节流基本原理第一次触发函数会立即执行,此后不管在一段时间间隔内触发多少次只会在一段时间之后执行一次。代码实现在浏览器窗口大小发生改变时,在极短时间内会频繁调用处理函数,使用节流可以提高性能。/** * 节流函数,在interval时间内只能执行函数fn一次 * @param fn 需要执行的业务函数 * @param interval 每次函数执行的间隔时间 */function throttle(fn, interval) { let _self = fn // 保存执行的
2021-04-09 10:46:31 138
原创 JavaScript——数组的迭代和归并
数组的迭代和归并迭代方法ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。every()对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。var numbers = [1,2,3,4,5,4,3,2,
2021-01-26 22:18:48 122
原创 JS-函数的闭包原理
函数的闭包原理一、垃圾回收的两种策略1. 标记清除JavaScript最常用的垃圾回收策略是标记清除,当变量进入环境(作用域),则将变量标记为进入环境,当变量离开环境的时候,将其标记为离开环境。垃圾收集器在运行时会给存储在内存中所有变量标记,然后去掉环境变量与被环境变量引用的变量,剩下的就是环境无法访问的变量,这些变量以及其占用的内容空间将被清理回收。2. 引用计数引用计数是不太常见的垃圾回收策略。跟踪每一个值的引用次数。当声明一个引用并将一个引用类型赋值给这个变量的时候,这个值的引用计数加1
2021-01-21 12:12:49 201
原创 Vue+Element-ui+Servlet实现宿舍信息管理系统
目录宿舍信息管理系统介绍数据库连接新建数据库以及表JDBC 连接数据库后端后端提供接口业务逻辑相关代码登录模块获取所有学生信息增加学生信息删除学生信息修改学生信息查询学生信息(模糊查询)前端页面代码逻辑代码项目源码宿舍信息管理系统介绍实现对学生信息的增、删、改、查等基本操作,其中可以根据学号、姓名、宿舍号、班级四个字段进行学生查询。数据库连接的MySQL。前端Vue+Element-ui后端Servlet页面预览登录页面主页面数据库连接新建数据库以及表直接在Navicat
2021-01-19 12:05:19 4054 15
原创 CSS之边框和背景
一、半透明边框1.疑问我们想给一个容器设置一层白色背景和一道半透明白色边框,然后使body的背景从半透明框透上来。我们会这么写: border: 10px solid rdba(255, 255, 255, .5); background: white;看到结果其实我是挺迷的,边框哪去了,使用半透明颜色为什么实现不了半透明边框啊?看到的效果就是和一个纯白的边框一样。打开...
2020-04-03 00:35:46 380
原创 HTML,CSS,JavaScript实现简易计算器
写在前面用一定的的js代码,实现一个简单的四则运算的计算器,样式大概就是下面这个样子滴, 然后是可以实现基本运算的哈!进入代码html代码 <div class="container"> <h1>HTML,CSS,JavaScript实现简易计算器</h1> <form name="calculator"> ...
2020-03-30 23:48:30 669
原创 css实现心跳图
做个小demo,熟悉一下transform和animation属性,心心图,看效果先~实现代码如下:html代码 <div class="heartbeat"> <ul> <li class="list1"></li> <li class="list2"></li> &l...
2020-03-29 21:15:40 1173 1
原创 border标签制作常见的形状
经常在做网页导航栏的时候,有二级菜单的时候,有一个小三角形表示下拉的,其实很多基础的图形我们都是可以直接用代码写出来的,下面来简单介绍几个栗子叭~1.三角形.triangle1{ width: 0; height: 0; border: 50px solid #FBAAC3; border-top-color: transparent; border-left-col...
2020-03-28 19:19:04 570
原创 复习备考数据结构与算法(五)——排序方法比较
数据结构与算法复习总结(五)写在前面明天考试了,今天是最后的复习时间,这学期以来直到期末才认认真真把教材翻完,我的教材现在被翻得糜烂的,嗯······这才是读书人的书应该有的样子,感觉真的比之前上课听天书一样的好多了,期末考试考什么内容和题型我都摸清了,估计应付考试不难,可能最后的算法设计题会有些困难,随缘吧不管了一、随便介绍几种重要的排序桶排序我们要在数据范围为1-1000的若干个数...
2019-12-16 15:11:04 254
原创 复习备考数据结构与算法(四)——查找算法
数据结构与算法复习总结(四)一、线性表的查找顺序查找既适用于线性表的顺序存储结构,又适用于线性表的链式存储结构数据元素类型定义及顺序表定义如下typedef struct{ KeyType key; //关键字域 InfoType otherinfo;}ElemType;//顺序表的定义typedef struct{ ElemType *R; ...
2019-12-13 01:15:28 335
原创 复习备考数据结构与算法(三)——树的递归
数据结构与算法复习总结(二)写在前面今天计划的是上午复习好树和二叉树然后实现一下基本算法,晚上用来学习vue的,可是计划赶不上变化,我之前学习落了太多,一复习感觉好多问题需要解决,然后我理解的比较慢得慢慢思考我才能想清楚,唉,我这脑子我也没办法!以前因为连山哥哥(我们数据结构老师啦)总是布置太多作业,又多又难,能不激起我这个18岁的花季少女的叛逆心理嘛,我简直抗拒到……嘤嘤嘤~现在自己学习感...
2019-12-09 21:06:17 344
原创 复习备考数据结构与算法(二)--栈和队列
数据结构与算法复习总结(二)写在前面今天复习栈和队列,今天学习状态不太好,我很纠结很难过,更可气的是我一觉起床居然感冒了,鼻塞的不行!(憔悴.jpg)但我强迫自己坚持一下,把自己的计划完成好(化难过为力量.jpg)一、栈的定义和特点限定仅在表尾进行插入或删除操作的线性表表尾端称为栈顶,表头端称为栈底后进先出(Last In First Out)二、栈的表示与操作实现(一)顺序...
2019-12-05 11:25:58 263 2
原创 复习备考数据结构与算法(一)!!
数据结构与算法复习总结(一)写在前面嘤嘤嘤,马上要期末考试了,我的数据结构呀!整个学期一直被数据结构与算法支配着,每天忙着老师布置的题,刷题,写预习卡(想打人.jpg),做实验,做小组作业。嗯…还不知道自己到底学了什么,好像被这种束缚和安排抑制了我对数据结构与算法的学习兴趣,但我又深知它非常重要,所以我要好好复习啦~一、数据结构与算法基本介绍我用一个思维导图概括了我每复习完一个章节,我都...
2019-12-03 11:14:46 540 1
原创 CSS中多个类叠加相同属性属性值优先级问题
今天在学习vue.js的时候发现自己CSS的权重和优先级问题没弄透彻,之前有去总结但没好好运用,发现问题了,好吧!如果一个div有多个类名,如下: <div class="activeClass errorClass"></div> <br> <div class="errorClass activeClass"></...
2019-11-12 20:47:47 4849 1
原创 CSS深入理解之overflow
overflow基本属性visiblehiddenautoscrollinheritoverflow作用前提非display:inline水平对应方位的尺寸限制对于单元格td等,还需要table为 table-layout:fixed如果overflow-x与overflow-y值相同 则等同于overflow:visible overflow-x: scrol...
2019-11-04 10:40:48 422
原创 HTML DOM学习总结
HTML DOM之前学习JavaScript的时候大概了解了HTML DOM(文档对象模型),今天在菜鸟教程上学习的时候,把它系统的总结了一下。大家一起过来康康吧~更详细的可以参考菜鸟教程。HTML DOM 节点DOM NodesHTML中所有的内容都是节点:整个文档是一个文档节点每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点...
2019-11-04 10:23:06 236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人