m0_57057282的博客

元素.parentNode获取当前元素的父元素元素.previousSibling获取当前元素的前一个兄弟节点previousElementSibling获取前一个兄弟元素，IE8及以下不支持元素.nextSibling获取当前元素的后一个兄弟节点firstElementChild获取当前元素的第一个子元素firstElementChild不支持IE8及以下的浏览器，如果需要兼容他们尽量不要使用innerHTML和innerText。

dva 首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva 还额外内置了和fetch，所以也可以理解为一个轻量级的应用框架。新建 route component添加路由信息到路由表，编辑router.js...npm start 启动服务在浏览器里打开 http://localhost:8000/#/products ，你应该能看到前面定义的标签完成 UI 后，现在开始处理数据和逻辑。

一位华裔前Google工程师开发的前端js库一个MVVM的框架核心概念数据绑定组件与angular.js类似的是声明式开发，但性能高于angular，体积小很多, 比较适合移动端开发它本身不是全能框架, 只关注UI, 如果需要router/ajax, 可以使用对应插件或使用别的库来实现基本使用引入vue.js创建Vue对象(vm), 指定选项(配置)对象el : 指定dom标签容器的选择器data : 指定初始化状态属性数据的对象 对象/函数(返回一个对象)页面中。

然后树组件和树组件对应的拖拽都完成了，该进行拖拽区域的设置了。我这里用到了pubsub.js，相关内容小伙伴可以自行百度。我直接推一手链接，直接用他的最终源码就可以。用到了事件总线总归是有些麻烦的。1.首先说树状结构的实现。menudata结构如下。然后，我这里有一些改动。就这样吧，拍拍手，下播。

就像是两个人告别，一个人先说“再见”，另一个人回应“好的”，然后另一个人说“再见”，最后第一个人回应“好的”，然后才真正分开。完成三次握手后，客户端和服务器之间的TCP连接就建立起来了，双方可以开始进行数据的传输。这个过程是为了确保双方都同意建立连接，并且双方都能够正确地收到对方的信息。如果其中任何一方在握手过程中未收到对方的确认，或者拒绝建立连接，那么连接就不会建立。记住这个过程就像是两个害羞的人初次见面，通过微笑和大拇指完成了友谊的建立。四次挥手是TCP连接的关闭过程，用于确保双方都愿意终止连接。

jsmind库的简单应用

什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。- 类似于vue2.x中的mixin。- 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

https://github.com/limingzhong61/limingzhong61.github.io/blob/dev/source/_posts/js-note/javaScript/javaScript.md JS 模块化 | BruceBlogGitHub - chuyueZhang/frontEndLearning: some notes and practices about front-end learning 编程_前端开发学习笔记/HTML+CSS+JS基础笔记/JavaScri

Redux – 李立超 | lilichao.com。

（如果只是单纯的显示数据是可以的，但是要实现拖拽节点到其它位置，我建议你找百度用原生html和css写一个树状结构，不然你想在a-tree上实现拖拽到其它div，难如登天）是一个用于缓存和保持组件状态的内置组件，在需要频繁切换或需要保持状态的组件中使用它可以提高应用程序的性能。a-table本来自己的页码，但是东西很少，你要是为了满足甲方的需求，还是要用a-pagination的。时间太过久远，远到我都忘了怎么改的，只记得用了！，但是有一点，可能官网自带的并不能满足你的要求，你要自己修改样式。

其他代码执行完毕后，需要回到async1函数去执行剩下的代码，然后把await后面的代码注册到微任务队列当中，注意此时微任务队列中是有之前注册的微任务的。然后跳出async1函数，执行其他代码，当遇到promise的时候，会注册promise.then()中的回调函数到微任务队列，注意此时微任务队列里面已经存在await后面的微任务。而微任务通常在代码运行时产生，通常是由Promise所创建的，Promise的then、catch、finally中的回调函数会作为微任务进入到微任务队列中。

2. 代码结果输出为。

渲染引擎通常会先解析 HTML，构建出 DOM（文档对象模型）树，然后根据 CSS 样式信息，计算出每个元素在页面上的位置和尺寸，最终将所有元素渲染到屏幕上。事件在冒泡的过程中会传到父节点，并且父节点可以通过事件对象获取到目标节点，可以吧子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。由于 JavaScript 是可操纵 DOM 和 css 的，如果在修改这些元素属性同时渲染界面，会造成冲突。时，直接异步下载，不会阻塞解析；树，但是会阻塞渲染，在构建渲染树时，会等。

强烈推荐b站技术up主蛋老师。

是用于对整个脚本或单个函数启用严格模式的语句。严格模式是可选择的一个限制 JavaScript 的变体一种方式。无法再意外创建全局变量。会使引起静默失败（silently fail，即：不报错也没有任何效果）的赋值操抛出异常。试图删除不可删除的属性时会抛出异常（之前这种操作不会产生任何效果）。要求函数的参数名唯一。全局作用域下，this的值为undefined。捕获了一些常见的编码错误，并抛出异常。禁用令人困惑或欠佳的功能。缺失许多开发人员已经习惯的功能。

懒加载的原理是通过监听用户的浏览行为，当用户滚动到可视区域内时，再进行资源的加载。这样可以避免一次性加载过多的资源，从而减少页面的加载时间和带宽消耗。懒加载适用于图片较多，页面列表较长(长列表)的场景中。

子 => 父。

防抖和节流是前端开发中常用的函数优化手段，它们可以限制函数的执行频率，提升性能和用户体验。主要用于处理高频触发的事件，例如：用户的滚动、输入、点击和表单的重复提交等。

2.如果没有，才会沿着原型链，层层向上搜索，直到找到名字的属性 3.如果找到最后原型链的末尾，即最后的原型为null，那就是没有找到该属性。我们使用这种方式实现网络请求时，如果请求内部又包含请求，以此循环，就会出现回调地狱，这也是一个诟病，后来才催生了更加优雅的请求方式。bind 也能改变对象的执行上下文，它与 call 和 apply 不同的是，返回值是一个函数，并且需要稍后再调用一下，才会执行。是函数对象独有的属性，它是在函数被创建时自动添加的，指向一个对象，该对象就是函数的原型。