aaaadioppa的博客

原创 如何做服务端渲染？

node server 接收客户端请求，得到当前的请求url 路径，然后在已有的路由表内查找到对应的组件，拿到需要请求的数据，将数据作为 props、context或者store 形式传入组件。然后基于 react 内置的服务端渲染方法 renderToString()把组件渲染为 html字符串在把最终的 html 进行输出前需要将数据注入到浏览器端。浏览器开始进行渲染和节点对比，然后执行完成组件内事件绑定和一些交互，浏览器重用了服务端输出的 html 节点，整个流程结束。

原创 接口超时逻辑处理

接口超时逻辑处理，如果超时返回默认值,如果接口正常执行，取消setTimeout的执行。

原创 不透明度——十六进制值

100% — FF（完全不透明）0% — 00（全透明）

原创 mac mysql连接中断重新启动办法

遇到如图所示问题，可以用下面的命令重启mysql服务。

原创 react+koa+vite前后端模拟jwt鉴权过程

路由组件（生成token）前端请求（登录+打开主页）

原创 检测元素是否在视野内React

【代码】检测元素是否在视野内React。

原创 监听页面滚动条是否在顶部react

【代码】监听页面滚动条是否在顶部react。

原创 Swiper组件设置垂直轮播图（自动滚动+禁用手指滑动）

【代码】Swiper组件设置垂直轮播图（自动滚动+禁用手指滑动）

原创 jest学习

jest学习

原创 数字滚动组件（react）

数字滚动组件（react）

原创 防止opacity子元素继承方法

防止子元素继承父元素opacity属性方法

原创 倒排索引❌ 反向索引✅

倒排索引->反向索引

原创 git问题error: remote origin already exists.

如果你clone下来一个别人的仓库，在此基础上完成你的代码，推送到自己的仓库可能遇到如下问题：error: remote origin already exists.表示远程仓库已存在。因此你要进行以下操作：1、先输入git remote rm origin 删除关联的origin的远程库2、关联自己的仓库 git remote add origin https://gitee.com/xxxxxx.git3、最后git push origin master，这样就推送到自己的仓库了。...

原创 mac前端开发必备插件

目前我mac上用到的就这些，以后会根据情况补充1.snipaste（截图取色软件）2.time out（定时让你去休息，保护眼睛）3.scroll reverser （调整mac拓展坞连接鼠标滑轮和触控板方向）4.go2shell （在文件夹内直接打开终端）5.vscode （这就不用说了嘻嘻嘻）6.mysql workbench （数据库可视化管理）...

原创 react-amap使用地图控件，默认卫星图并隐藏控件方法(umi)

在使用react-amap高德地图时遇到一个问题，就是如何设置默认卫星地图且不显示地图类型切换插件我的初始设置方式 <Map plugins={[{ name: 'MapType', options: { defaultType: 1, visiable:false, }, }]} /&g.

原创 TypeScript中public、private、protected

private在类中如果声明一个属性为私有，则表示这个属性仅仅属于这个类。仅仅能在这个类中进行在这个属性的访问。在子类和类的实现的对象中都不能访问。protected受保护的，protected定义的变量只能在类和其子类中调用（可以被继承），通过this调用，但是在实例化的对象中是不可以调用publicpublic表明该数据成员、成员函数是对所有用户开放的，所有用户都可以直接进行调用，在程序的任何其它地方访问。...

转载 Promise实现异步串行执行

实现 mergePromise 函数，把传进去的函数数组按顺序先后执行，并且把返回的数据先后放到数组 data 中。需要的效果const timeout = ms => new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, ms);});const ajax1 = () => timeout(2000).then(() => { console..

原创 CSS超出部分隐藏，改为省略号

overflow: hidden;text-overflow: ellipsis;//超出部分用...代替display: -webkit-box;-webkit-line-clamp: 3;//在第几行显示...-webkit-box-orient: vertical;height: 62px;font-size: 14px;font-family: "Microsoft YaHei", "微软雅黑";color: #777;line-height: 20px;...

原创 Http设置超时时间&&前端数据库了解

用友面试碰到的Http设置超时时间在head设置前端数据库了解WebSQL和IndexedDB

原创 js动画及css动画区别

面试碰到的知识点，疏忽了，参考了别人的总结，记录一下。参考：https://www.zhihu.com/question/63437509总结如下：1、js是逐帧动画，css是补间动画。2、js动画控制能力很强, 可以在动画播放过程中对动画进行控制：开始、暂停、回放、终止、取消都是可以做到的。css运行过程控制较弱,无法附加事件绑定回调函数。css动画只能暂停,不能在动画中寻找一个特定的时间点，不能在半路反转动画，不能变换时间尺度，不能在特定的位置添加回调函数或是绑定回放事件,无进度报告。3、.

转载 前端面经汇总103页

经老哥同意，转载的前端面经，共103页，大家一起学习进步。转载地址：原语雀地址

原创 script标签&&图片格式&&汉诺塔&&prefetch与preload

下面的都是我在百度面试时遇到的自身问题，记录下来，做个反思。script标签概念MDN解释：HTMLscript元素用于嵌入或引用可执行脚本。这通常用作嵌入或者指向 JavaScript代码。它也能在其他语言中使用，比如 WebGL 的 GLSL 着色器语言。script意义上为脚本，可以用src指向外部文件，在跨域请求资源也有很重要的应用。属性（重点）1.script浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 J.

原创 NUAA数据融合实验课报告

数据融合实验报告学号： 161840213姓名： 刘宇迪聚类算法—K-means算法1.算法原理概念​ K-Means算法是典型的基于距离的聚类算法，采用距离作为相似性的评价指标，即认为两个对象的距离越近，其相似度就越大。该算法认为簇是由距离靠近的对象组成的，因此把得到紧凑且独立的簇作为最终目标。​ K个初始聚类中心点的选取对聚类结果具有较大的影响，因为在该算法第一步中是随机地选取任意k个对象作为初始聚类中心，初始地代表一个簇。该算法在每次迭代中对数据集中剩余的每个对象，根据其与各个簇中心

原创 NUAA模式识别实验报告

模式识别实验报告题目一​ 实现至少一个无监督算法：K-均值、ISOData算法、GMM算法等等。并通过数据集实验讨论其性能。可直接使用他人开源代码。任意自选数据集。K-均值算法1.算法原理概念​ K-均值（K-Means）算法是典型的基于距离的聚类算法，采用距离作为相似性的评价指标，即认为两个对象的距离越近，其相似度就越大。该算法认为簇是由距离靠近的对象组成的，因此把得到紧凑且独立的簇作为最终目标。​ K个初始聚类中心点的选取对聚类结果具有较大的影响，因为在该算法第一步中是随机地选取任意

原创 NUAA操作系统实验报告

操作系统实验报告1.mysys.c题目要求实现函数mysys，用于执行一个系统命令，要求如下mysys的功能与系统函数system相同，要求用进程管理相关系统调用自己实现一遍使用fork/exec/wait系统调用实现mysys不能通过调用系统函数system实现mysys测试程序#include <stdio.h>void mysys(char *command){ 实现该函数，该函数执行一条命令，并等待该命令执行结束}int main(){

原创 Typescript学习笔记

基本概念TS是在JS基础上进行改进的，被赋予JS的概念，使我们在编写时就可以发现错误。类型单一类型number，boolean，string，null，undefined，Object，Symbol，any，void，enum，never，Array联合类型 number｜string交叉类型 number & string类型使用直接在后面加上类型就可以let a: number;let b: string;let c: null;let d: undefine

原创 error: failed to push some refs to ‘xxx‘

问题error: failed to push some refs to ‘xxx’解决方法出现这种的问题，应该是没有在本地修改文件和同步保存，而是直接在gitee/github/gitlab等上面删除和修改文件导致的，导致文件不对等。直接强行推送过去更新git push -f origin master这里我们要谨慎使用，确保你要更新的是对应的。他的错误提醒是善意的，因为确实发现你文件不对等。...

转载 DragonBone和Spine互相转化指令实现

安装所需依赖$ npm install dragonbones-tools --global使用方法将当面目录下所有的 Spine JSON 格式文件转换为龙骨 JSON 格式文件。$ 2db -t spine将当面目录下所有的 Live2d JSON 格式文件转换为龙骨 JSON 格式文件。$ 2db -t live2d将当面目录下所有的龙骨 JSON 格式文件转换为最新的龙骨 JSON 格式文件。$ db2 -t new将当面目录下所有的龙骨 JSON 格式文件转换为 Spin

原创 ModuleNotFoundError: No module named ‘sklearn.externals.six‘解决

解决办法模块 sklearn.externals.six 在 scikit-learn 0.23 及以后的版本中被删除。要使用它，您必须降级到 0.22 版。在终端中输入：pip install --upgrade scikit-learn==0.22 之后就可以正常引入了！

转载 前端Vue后端Nodej通过AxiosPOST请求数据问题解决

困扰了我好久的问题，终于找到了解决方案请求数据是以流的方式从客户端（浏览器）传到服务端的，当有数据到达时，req对象会产生一个data事件，当数据传输完毕时，req对象会产生一个end事件，因此，我们只需要将data事件中得到的数据暂时保存起来，当end事件产生时表示数据已经传输完，便可以开始使用得到的请求数据。代码示例：在处理数据的部分，这样接受数据 let data = [] req.on('data', chunk => { data.push(chunk)

转载 Your branch is up-to-date with ‘origin/master‘解决办法

这个是版本分支的问题。解决办法是：新建分支，将代码提交到新的分支，再将新分支与master合并，删除新分支即可。新建一个分支git branch newBranch检查分支是否创建成功git branch然后切换到新建的分支git checkout newBranch将改动提交到新分支git add .git commit -m "the new branch"检查是否提交新分支成功git status切回到主分支git checkout master新分支提交的.

原创 Git更新代码到GitHub和Gitee

第一步查看git仓库状态git status第二步更新所有更改的部分git add *第三步更新说明 （可选）git commit -m "更新说明"第四步拉取当前分支最新代码git pull第五步推送到GitHub或Gitee上的分支git push origin master//我这里是主分支...

原创 新手简单的git指令，对于自己来说够用了

原创 最全前端面经（持续更新）

OSI的7层模型：HTTP特点、HTTPS特点等http协议支持客户端/服务端模式，也是一种请求/响应模式的协议。 简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。 灵活：HTTP允许传输任意类型的数据对象。传输的类型由Content-Type加以标记。 无连接：限制每次连接只处理一个请求。服务器处理完请求，并收到客户的应答后，即断开连接，但是却不利于客户端与服务器保持会话连接，为了弥补这种不足，产生了两项记录http状态的技术，一个叫

转载 节流函数与防抖函数简单模拟

节流function throttle(fn, interval = 300) { let canRun = true; return function () { if (!canRun) return; canRun = false; setTimeout(() => { fn.apply(this, arguments); canRun = true; }, i.

原创 localstorage本地存储的实现

直接上我的案例代码：HTML<button @click="huancun()"> 缓存数据 </button><!--每次点击按钮缓存数据-->JavaScriptlist:["写代码","吃饭饭","睡觉觉"];huancun:function(){ localStorage.setItem("s",JSON.stringify(this.list));}//以上将数组list以字符串形式存储到了本地的Local Storage对于我的案例来

原创 JS的arguments函数

arguments对象可以与剩余参数、默认参数和解构赋值参数结合使用。function foo(...args) { return args;}foo(1, 2, 3); // [1,2,3]在严格模式下，剩余参数、默认参数和解构赋值参数的存在不会改变 arguments对象的行为，但是在非严格模式下就有所不同了。当非严格模式中的函数没有包含剩余参数、默认参数和解构赋值，那么arguments对象中的值会跟踪参数的值（反之亦然）。看下面的代码：function func(a) { a

原创 &&和||

&&和||可以做函数的判断语句，还可以做递归的结束条件

原创 CSS使两个盒子并列

在两个div容器属性中添加float：left/right；但是要保证这两个div容器的width和height的和小于父元素的width和height。div1{ float: left;height: 20px;width: 30px;}div2{ float: left;height: 20px;width: 30px;}父元素div{height: >=40px;width: >=60px;}...

转载 位运算实现加减法

位运算加法： 首先不考虑进位进行相加，结果为001111010，该结果其实就是a ^ b。 再考虑进位的产生值，结果为000001010，该结果其实就是(a & b)<< 1。 将1、2产生的结果再相加，此时依然要考虑两部分：不考虑进位和只考虑进位。 一直重复上述步骤，直到进位产生的值全部消失。 int getSum(int a, int b){ if(a == 0) return b; if(b == 0