- 博客(13)
- 收藏
- 关注
RSS订阅原创 JS版数据结构—树（学习一篇足矣）
树的深度与广度优先遍历 深度优先遍历：尽可能的搜索树的分支。广度优先遍历：先访问离根节点最近的节点。 深度优先遍历算法口诀 第一步：访问根节点第二部：对根节点的children挨个进行深度优先遍历 const dfs=(root)=>{ console.log(root.val); //递归 root.children.forEach(dfs); }; dfs(tree);//调用 广度优先遍历 第一步：新建一个队列，把根节点入队第二部：把队头出队并访问第三步
2022-02-13 23:57:41
474
原创 React学习日记---生命周期
1. 组件的三个生命周期状态: Mount：插入真实 DOM Update：被重新渲染 Unmount：被移出真实 DOM 2. 生命周期流程: * 第一次初始化显示: ReactDOM.render(<Xxx/>, containDom) constructor() componentWillMount() : 将要插入回调 render() : ...
2021-09-07 20:33:50
129
原创 React学习日记--收集表单数据时的一个小点
你长得那么好看，点个赞吧！ 没理解的欢迎提问！ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09_form</title> </head> <body> <div id="example"></div> <script type="text/javascript" src="..
2021-09-07 20:10:37
111
原创 React学习日记--组件组合-交互使用
你长得那么好看点个赞吧！ 没看明白的欢迎提问喔！ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>05_components_composing</title> </head> <body> <div id="example"></div> <script type="text/j
2021-09-07 19:46:47
131
原创 React 学习日记--组件三大属性（ref）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>07_component_refs</title> </head> <body> <br> <div id="example"></div> <script type="text/javascript" src="../js/reac.
2021-09-06 21:57:12
93
原创 React 学习日记--组件三大属性（props）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>04_component_props</title> </head> <body> <div id="example1"></div> <div id="example2"></div> <script type=.
2021-09-06 19:34:14
98
原创 React 学习日记--组件三大属性（state）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>07_component_state</title> </head> <body> <div id="example"></div> <script type="text/javascript" src="../js/react.development.
2021-09-06 18:58:31
107
原创 一篇让你明白 深拷贝浅拷贝（js）
什么是内存泄漏？ 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能:变慢，延迟大等，重则导致进程崩溃。 不再用到的内存，没有及时释放，就叫做内存泄漏（memoryleak）。 内存泄漏的识别方法 使用快捷键F12或者Ctrl+Shift+J打开Chrome浏览器的「开发者工具」。 选择Performance(老版为Timeli...
2021-06-30 15:39:25
102
原创 垃圾回收机制（js）
内存生命周期 内存分配：当我们申明变量、函数、对象，并执行的时候，系统会自动为他们分配内存 内存使用：即读写内存，也就是使用变量、函数等 内存回收：使用完毕，由垃圾回收机制自动回收不再使用的内存 垃圾回收可自动回收也可手动回收（赋值为null） 垃圾回收机制策略（标记清除算法） 这是js最常用的垃圾收集方式（标记清除），还有其他的垃圾收集算法，如引用计数算法等（这里我们只说最常用的） 此算法可以分为两个阶段，一个是标记阶段（mark），一个是清除阶段(sweep)。标记阶段，垃圾回收器会...
2021-06-29 09:05:25
143
原创 一篇让你学习 防抖与节流 足矣（js）
相同点： 在不影响客户体验的前提下,将频繁的回调函数,进行次数缩减.避免大量计算导致的页面卡顿.不同点：防抖是将多次执行变为最后一次执行，节流是将多次执行变为在规定时间内只执行一次. 使用情况：目前运用较多的是搜索框的实现 下面使用js直接上代码举例，如对您有帮助点赞收藏吧 防抖 function a(){ alert("秒前你触发了此函数") } function debounce(fn,delay){ var timer=null return function(e){...
2021-06-28 09:59:34
99
原创 简单的水波加载 css3特效 可逆的水波
这水波是可逆的水波特效 我设置了按钮触发（没有暂停效果 可自行修改喔） 过程效果： 话不多说 直接上代码 对您有帮助点赞收藏吧 div class="quan"> <div class="shui"></div> </div> <button id="a">加载</button> .quan{ position: relative; width: 180px; height: 1..
2021-06-27 09:28:16
164
原创 纯CSS3 好看的时钟案列 不需图片素材
先让我们来看看代码后的效果吧 话不多说 直接上代码开干 如有不懂的可以评论提问哦 <div class="clock"> <ul id="list"> </ul> <div class="hour"></div> <div class="min"></div> <div class="sec"></div> </div> * { marg
2021-06-27 09:15:50
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人