随笔分类 - 技术基础
1
摘要：SVG SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。 SVG 主要可以概括为以下几点： SVG 指可伸缩矢量图形 SVG 用来定义网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在
阅读全文
摘要：AntV入门 接触背景 今天是写着大论文的日子。吃饭的时候突然看到B站体验科技发了新的视频，是个好看的小姐姐——缨缨的自传，其为S2的负责人，那也正好借此机会入门AntV。简单说一下AVA产品矩阵： 常规数据统计：G2-G2Plot、S2 关系数据：G6-Graphin、X6-XFLOW 地理空间数
阅读全文
摘要：单元测试 来自维基百科的定义： 在计算机编程中，单元测试（Unit Testing）又称为模块测试，是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。 程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类
阅读全文
摘要：韩顺平视频 1、基本目录结构 linux 的文件系统是采用级层式的树状目录结构， 在此结构中的最上层是根目录“/”，然后在此目录下再创建其他的目录。 2、Vim 1.正常模式： 以 vim 打开一个档案就直接进入一般模式了(这是默认的模式)。在这个模式中，你可以使用『上下左右』按键来移动光标，可以使
阅读全文
摘要：1、Fiber： 在V15的时候，react采用的是同步更新的策略，但是当组件树庞大的时候，同步更新一鼓作气的更新就会造成组件的一些函数无法执行，浏览器主线程一直被react占用，比如键盘输入等指令就无法执行，此时的用户体验会非常差。所以V16中Fiber出现了。 破解JavaScript中同步操作
阅读全文
摘要：渲染：把完整的html结构完善并展示 服务端渲染：将完善html结构这一块放在了服务端 客户端渲染：将完善html结构这块放在客户端（或者说浏览器中） 简单的理解： //填充前 <div id="main"></div> <?php //...操作div，对div进行填充 php> //填充后 <d
阅读全文
摘要：function和method。（引用《JS忍者秘籍》） 1、函数是在对象外，属于整个文件；方法是在对象内，属于内部方法，内部的函数。方法在c++中还被称为成员函数。 2、调用时，函数可以直接调用，不是作为对象的属性调用；方法需要实例化对象，再调用对象属性的方式引用 函数：fun(); 方法：fun
阅读全文
摘要：在JS里，undefined和null都被用来表示 “无” undefined==null 其主要是有历史原因的： null像在Java里，被当成一个对象 typeof null == object 但是如果数据不匹配，null会隐式自动转换为0 Number(null) == 0 如果只有null
阅读全文
摘要：通俗来说，我们都知道new一般做了下面四件事： 1、创建一个空对象； 2、将空对象的原型，指向于构造函数的原型； 3、将空对象作为构造函数的上下文（改变this指向）； 4、对有返回值的构造函数做判断处理 我们详细来分析这四个点： 1、创建一个空对象 这个其实就在内存中开辟一个新的空间，创建一个新的
阅读全文
摘要：闭包是一个函数，加上创建函数的作用域的连接。闭包“关闭”了函数的自由变量（自由变量无法垃圾回收） 闭包内部函数可以访问外部函数的局部变量。但是可能会内存泄露 闭包自由变量的查找，是在函数定义的地方，向上级作用域查找。不是在执行的地方。 全局变量其实也相当于是自由变量，系统不会自动回收，不知道什么时候
阅读全文
摘要：真实DOM与虚拟DOM： 虚拟DOM：用JS对象描述DOM的层次结构。真实DOM中的一切属性都在虚拟DOM中有对应的属性 diff核心：精细化对比、最小量更新 新虚拟DOM和老虚拟DOM进行diff（精细化比较），算出如何最小量更新，然后反映在真实DOM上 真实DOM => 模版编译 => 虚拟DO
阅读全文
摘要：在学习JS的数据结构与算法的时候，学到二叉搜索树的先序遍历代码时，看得一脸懵逼，弹幕说这是栈什么的，根本不知道什么意思，为什么函数自己就往回走了 //4、先序遍历 BinarySerachTree.prototype.preOrderTraversal = function () { this.pr
阅读全文
摘要：emits：Vue3中emits类比于Vue2的props，也是传值，但是Vue2props不能声明事件，Vue3emits可以声明事件 //Vue2 <template> <div> <p>{{ text }}</p> <button v-on:click="$emit('accepted')">
阅读全文
摘要：1、什么是SKU、SPU SPU（Standard Product Unit）：标准化产品单元。是商品信息聚合的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。通俗点讲，属性值、特性相同的商品就可以称为一个SPU。 SKU（Stock Keeping Unit）库存量单
阅读全文
摘要：单纯的用组件封装，Vue注册， 组件引用，对于面包屑这一类层叠性较高的组件并不灵活：未来可能有更多级层的类目，顶级面包屑内容不好修改等 需要面包屑的组件： <Bread parentPath="/category/1005000" parentName="电器">空调</Bread> 通过 rend
阅读全文
摘要：主要使用到了IntersectionObserver这一个API https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver/IntersectionObserver 其主要的思路就是： 使用监测是否进入可视区域这一AP
阅读全文
摘要：一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 prop 定义的 attribute 1、attribute和property 首先要区分JS中的attribute和property：https://www.cnblogs.com/lmjZone/p/8760232
阅读全文
摘要：window.performance 接口可以获取到当前页面中与性能相关的信息 1、performance.navigation：提供了在指定的时间段里发生的操作相关信息，包括页面是加载还是刷新、发生了多少次重定向等等 引用：https://www.jianshu.com/p/1355232d525
阅读全文
摘要：1、Vue内部如何监听message数据改变？ Object.defineProperty Object.defineProperty(obj, prop, descriptor)obj：需要定义属性的对象prop：要定义或修改的属性的名称或Symboldescriptor：要定义或修改的属性描述符
阅读全文
摘要：节流：执行第一次操作，执行完毕后清除 function throttle(fn,delay){ let valid = true return function() { if(!valid){ //休息时间 暂不接客 return false } // 工作时间，执行函数并且在间隔期内把状态位设为无
阅读全文
1
