qq_42063793的博客

原创 深入理解JS的继承方法

参考文献：https://blog.csdn.net/yaojxing/article/details/73612483https://juejin.im/post/58f94c9bb123db411953691b#heading-0https://www.cnblogs.com/humin/p/4556820.html1、原型链继承实现方法：子类原型对象做为父类的实例。//**********原型链继承**********function Animal(name) { this.nam

原创 浏览器 - 从输入URL到页面加载的过程

当验证通过后，才会进入实际的后台代码，此时是程序接收到请求，然后执行（如查询数据库，大量计算等）；http1.1起，默认使用长连接，使用长连接会有这一行Connection: keep-alive，在长连接的情况下，当一个网页打开完成后，客户端和服务端之间用于传输http的tcp连接不会关闭，如果客户端再次访问这个服务器的页面，会继续使用这一条已经建立的连接；http2.0中，一个tcp/ip请求可以请求多个资源，也就是说，只要一次tcp/ip请求，就可以请求若干个资源，分割成更小的帧请求，速度明显提升;

原创 浏览器渲染

所以，就算absolute中信息改变时不会改变普通文档流中render树，但是，浏览器最终绘制时，是整个复合层绘制的，所以absolute中信息的改变，仍然会影响整个复合层的绘制。因为如果不阻塞的话，渲染树渲染之后又要重新渲染CSS的样式，所以干脆就先把DOM树的结构先解析完，把可以做的工作做完，然后等你css加载完之后，再根据最终的样式来渲染render树。定位中，fixed和absolute定位会脱离文档流，元素原来的位置会被覆盖，而relative定位则不会脱离文档流，元素原来的位置还保留。

原创 API请求 接口/数据 缓存

缓存场景：接口请求时的并发缓存、接口请求后的结果缓存。

原创 浏览器 - 基础知识点

一个进程下有多个线程，同一个进行的不同线程间共享内存空间；进程是CPU资源分配的最小单位，线程是CPU调度的最小单位；1、：只有一个，主要作用：负责浏览器界面显示，与用户交互。如前进，后退等、负责各个页面的管理，创建和销毁其他进程、将渲染（Renderer）进程得到的内存中的Bitmap（位图）绘制到用户界面上、网络资源的管理，下载等；2、GPU进程：最多一个，用于3D绘制等；3、插件进程：每种类型的插件对应一个进程，仅当使用该插件时才创建；4、：即。

原创 VUE生命周期

原创 初级git命令

可以用 git reset -p, git checkout -p, or git add -p进入交互模式，也可以跳过暂存区域直接从仓库取出文件或者直接提交代码。上面的四条命令在工作目录、暂存目录(也叫做索引)和仓库之间复制文件。克隆固定分支：git clone -b 分支名 仓库地址。git pull 和 git fetch的区别。git clone 默认克隆master分支。

原创 初级git概念

项目随时间改变的快照，当文件发生了修改时（相对于上次暂存文件），我们在文件名后添加/修改整数后缀表示文件被修改了（文件名实际并没有变），如Version1中的A在Version2中变成了A1；两个地方都不在的文件就是未跟踪的文件。根据Git的工作流程的三个步骤，可以将已跟踪的文件再划分为3个状态：未修改(unmodified)、已修改(modified)、已暂存(staged)。在你每次暂存文件时，Git对已修改的文件直接拷贝，对未修改的文件保存一个之前存储文件的链接（可以更高效），这就是快照的概念。

原创 打包&编译 yarn

例如在项目中导入import qaxd from '@atsfe/qaxd，如果没有安装则会提示安装，安装成功后将会在node_modules里集成，如果包被在dependencies里引入，则在生产环境中会有编译后的qaxd源码，供项目使用。此时，导入的qaxd包实际上是导入了import qaxd from '@atsfe/qaxd/lib/index.js'，其中lib/index.js为qaxd包导出的。请求指定服务器上的资源，例如利用nrm ls查看当前的源，install的则是当前源下的资源；

原创 CI过程描述

（ jenkins 先处理 dockyard server 的 job，构建整包成功后，dockyard 触发项目上挂的 webhook，这个 webhook 就是用来触发 jenkins 中另一个 job，用于构建 docker 的 gitlab-ci）（ .yml文件中定义了脚本触发的条件，例如哪个分支有新提交时、有新tag生成时，在 GitLab-Runner 执行 .yml 中定义的 job）。

原创 cookie、sessionstorage、localstorage的区别，cookie和session的关系

名称 存储大小 有效期限 是否与服务端通信 作用域 适合场景 cookie 4k 默认关闭浏览器前有效，cookie的信息存在浏览器内存中？？？ 若设置了有效期限，则在该期限内始终有效，即使关闭了浏览器，因为设置期限时cookie的信息存在了硬盘中。 参与，每次都会携带http的头信息中 记住密码功能 sessionstorage >=5M 在当前会话下有效，关闭页面或者浏览器时会被清空.

原创 防抖与节流

参考1：https://segmentfault.com/a/1190000018428170参考2：https://www.cnblogs.com/youma/p/10559331.html

原创 阮一峰ES6 入门教程

学习地址：https://es6.ruanyifeng.com/

原创 Vue.js嵌套组件生命周期执行顺序是什么

Vue.js嵌套组件生命周期执行顺序：https://cloud.tencent.com/developer/article/1560465

原创 JS同步异步&宏任务微任务&async/await

js执行机制：https://www.jianshu.com/p/b8234b3314c8

原创 数组

数组API方法：https://blog.csdn.net/mo123456opuiop/article/details/90698072数组排序：数组去重：

原创 前端面试知识点

强缓存与协商缓存

原创 JS七种数据类型&判断变量的数据类型&对象的属性以及获取方法&Object.create()和{}区别

基本数据类型：null、undefined、Number、String、bool引用类型：Object、Array、functionSymbol类型：Symbol解析

转载 JS深拷贝与浅拷贝

https://blog.csdn.net/weixin_41910848/article/details/82144671

原创 JS的this指向理解

参考： http://www.ruanyifeng.com/blog/2018/06/javascript-this.html1、为什么函数内部要设置this？var obj = { foo: function () { console.log(this.bar) }, bar: 1};var foo = obj.foo;var bar = 2;obj.foo() // 1foo() // 2this指的是函数运行时所在的环境，那么函数的运行环境到底是怎么决定的？为什么ob.

原创 vue 向对象添加和删除属性

this.$delete(对象名,'对象属性');this.$set(对象名,'键', 值)so easy~ 妈妈再也不用担心我的学习

原创 vue + elementui + spring boot 自定义接口图片上传

根据官方文档可以用以下方法实现自定义接口要求的入参实现图片上传：用auto-upload是不想在图片加载到fileList就直接上传，在这里用submitUpload函数中的方法最后再上传注意这里打印formDatas的时候需要用.get才能打印出来。...

转载 vue：子组件与父组件互传、页面与组件传值

https://blog.csdn.net/ToBeBestPlayer/article/details/79972071https://blog.csdn.net/wxl1555/article/details/84646832https://www.cnblogs.com/sophiazhu/p/10396465.html转载文章，侵权删

原创 vue-elementUI：给循环而来的表格中按钮根据状态设置disabled

通过一句话即可完成~

原创 vue 为对象追加键值对

定义一个对象根据需求变动，总而言之就是红色框框中的方法啦

原创 vue动态显示div

通过vue-bind绑定data中的值即可；

原创 vue中axios的get和post请求带请求头(token)的情况

get请求2.post请求

原创 机器学习流程

1、从样本特征到样本标签找到计算方法，该计算方法为预测函数，用预测函数可预测结果。2、预测结果与样本标签之间的差距计算函数为损失函数。若损失函数结果较大，则要调整预测函数。当损失可接受之后，为了验证预测函数是否真正有效，另找测试样本集。若结果不佳，则需要重新训练预测函数。机器学习根据预测结果的取值范围，将预测模型分为回归模型和分类模型，其中若预测结果的值是连续的则为回归模型，若预测结果...

转载 机器学习之监督学习和 非监督学习区别

两者的不同点1.有监督学习方法必须要有训练集与测试样本。在训练集中找规律，而对测试样本使用这种规律。而非监督学习没有训练集，只有一组数据，在该组数据集内寻找规律。2.有监督学习的方法就是识别事物，识别的结果表现在给待识别数据加上了标签。因此训练样本集必须由带标签的样本组成。而非监督学习方法只有要分析的数据集的本身，预先没有什么标签。如果发现数据集呈现某种聚集性，则可...

原创 Spark与机器学习入门篇

视频学习链接：https://study.163.com/course/courseLearn.htm?courseId=1209408816#/learn/video?lessonId=1279281512&courseId=12094088161、Spark MLlib机器学习利用数据或以往经验，一次优化计算机程序的性能标准其中模型是算法用数据进行训练以后得到模型。...

原创 大数据入门学习篇

大数据包含‘快速化’、‘多样化’、‘价值化’、‘大量化’多重属性。由结构化和非结构化的数组组成，90%为非结构化数据。1、大数据计算模式及其代表产品2、大数据与云计算和物联网的关系云计算处理的主要问题：解决海量数据分布式存储和分布式处理问题、虚拟化、多租户。物联网：各种信息传感器、控制器、机器、人员和物等通过各类可能的网络接入，实现物与物、物与人的泛在连接，形...