qq_43569680的博客

原创 pycharm：新建虚拟环境和安装依赖

小编深有体会，在刚开始用pycharm跑python的项目的时候，一时间不知道如何下手，特别是作为一个新手小白，这里总结了一份新手避坑指南，主要是新建虚拟环境（生成一个项目对应的解释器）以及安装依赖的问题，需要的自取~

原创 【matlab】获取文件夹下文件名或路径保存到txt

保存路径就是在上面的基础上将文件名和前面的路径进行一个拼接即可，这里用到的是strcat函数，拼接好的数据直接进行保存即可，和上面的操作是一样的。

原创 交响乐排布及乐器音色特点

音色

原创 vuex状态管理相关知识点

vue是单向数据流，子组件不能直接修改父组件的数据，而通过vuex状态管理实现：把组件的共享状态抽取出来，以一个全局单例模式管理。

原创 python自动根据当前文件夹提取生成同名的txt文件

有时候我们经常遇到某一文件夹下的很多文件文件名比较复杂，而我们又需要针对每一个文件生成同名的其他文件，一个个复制粘贴太折腾人了，可以尝试使用python小工具写一个脚本，运行一下，就全部自动生成了，是不是很方便，那我们一起来看看吧。

原创 JS的继承方式

【代码】js的继承方式。

原创 项目开发必备git操作

个人仓库，从develop fork的开发分支，开发人员确保功能完整、可评审后，可发起MR合并到develop，合并后删除；项目名：项目发布分支。项目经过PV评审后，从develop创建，以供后续项目运维分支，后续所有该项目的软件从此分支发布；仓库创建时，默认创建了master分支，master分支的每一个版本都必须是可发布的；如果不小心提交了不需要提交的文件，如果在不增加 commit 次数的情况下去除不需要的文件。经过评审的开发分支。从master创建，且上面的提交是经过MR评审后的；...

原创 前端性能优化指标

随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。最近在学习整理前端性能优化方面的知识，看了一些文章，感觉文章多了比较零散，这里做个总结，可能有一些不全面的地方，欢迎大家进行补充～🎉：在用户输入url到站点完整把整个页面展示出来的过程中，通过各种优化策略和方法，让页面加载更快；在用户使用过程中，让用户的操作响应更及时，有更好的用户体验。主要是从浏览器的加载和渲染两方面入手。...

原创 修改Linux/macOS的shell从默认的bash切换为zsh/其他的shell

楼主最近因为bash和shell的切换有一些困扰，在bash里面时，有一些已经安装过的工具并没有找到，比如前端经常使用的包管理工具npm，怎么能被这种虾兵蟹将给困住呢，这就找到了设置方法。注意：下面两个方法的命令直接在bash里面输入就OK。方法一方法二查看当前系统支持的shells发现没有我们想要的，比如zsh时进行下一个操作。切换到对应的shell特别强调！！！需要重新打开shell，zsh才可以生效。但是node下面是没有这个命令的，这个命令可以重新加载你安装的东西，执行完这

原创 微信小程序封装请求

微信小程序封装请求

原创 git和远程仓库建立连接详细过程

git和远程仓库建立连接详细过程

原创 音频信号的基波和谐波介绍

音频信号的基波和谐波

原创 同步、异步和串行、并行

串行和并行并行和串行指的是任务的执行方式。串行是指多个任务时，各个任务按顺序执行，完成一个之后才能进行下一个。并行指的是多个任务可以同时执行，异步是多个任务并行的前提条件。同步和异步同步和异步指的是能否开启新的线程。同步不能开启新的线程，异步可以开启新的线程。异步：异步和同步是相对的，同步就是顺序执行，执行完一个再执行下一个，需要等待、协调运行。异步就是彼此独立，在等待某事件的过程中继续做自己的事，不需要等待这一事件完成后再工作。线程就是实现异步的一个方式。异步是让调用方法的主线

原创 算法题：按图找最近的路（js/python3）

有一张 m*n 的地图，地图描述了起点和终点的位置，也描述了两点间分布的高山湖泊，高山湖泊挡住去路，需要绕道行走，请问从起点到终点的最短路径距离是多少

原创 js算法：怎么通过一个数组建成一个二叉树

组建二叉树

原创 彻底弄懂flex布局（面试常客）

flex布局

原创 计算机网络

网络层：为分组交换网上的不同主机提供通信服务、选择合适的路由，使源主机传输层传下来的分组，能通过路由器找到目的主机。

原创 设计模式的理解与举例

设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

原创 css3的动画属性总结

原创 Docker—一个开源的应用容器引擎

Docker介绍：Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。

原创 力扣算法之字符串

字符串算法题示例

原创 力扣算法之哈希表

哈希表是根据关键码的值而直接进行访问的数据结构，比如数组就是一张哈希表（表中关键码就是数组的索引下标，然后通过下标直接访问数组中的元素）。

原创 js实现一个EventEmitter类的完整写法

js实现一个EventEmitter类的完整写法

原创 排序算法总结JAVA详细版（复杂度和稳定性）

不稳定：快选堆希（快速排序、选择排序、堆排序、希尔排序）稳 定：插冒归计基（简单插入排序、冒泡排序、归并排序、计数排序、基数排序）

原创 操作系统相关问题：进程和线程的区别以及如何进行通信

先由进程申请一个空白的进程控制块(PCB)，并向PCB中填写用于控制和管理进程的信息；然后为该进程分配运行时所必须的资源；最后，把该进程转入就绪状态并插入到就绪队列中。

原创 防抖（debounce）、节流（throttle）以及前端锁（mutex）

监听滚动事件判断是否到页面底部自动加载更多：给 scroll 加了 debounce 后，只有用户停止滚动后，才会判断是否到了页面底部；如果是 throttle 的话，只要页面滚动就会间隔一段时间判断一次

原创 vue里面的data、props、computed和watch的区别及应用场景

因为vue遵循单项数据流规范，所以想在组件中直接修改props是不允许的，数据从父组件传的值不可以在子组件中直接修改，只可以直接使用，如果想修改props的属性值必须**通过父组件修改props的值或者赋给data**，赋给data后就相当于拷贝了一份props数据，data中的数据与props中的数据就不存在从属关系。

原创 Object.defineproperty()和proxy

数据绑定“数据绑定”的关键在于监听数据的变化，可是对于这样一个对象：var obj = {value: 1}，我们该怎么知道 obj 发生了改变呢？Object.definePropertyES5 提供了 Object.defineProperty 方法，该方法可以在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。语法：Object.defineProperty(obj, prop, descriptor)参数obj: 要在其上定义属性的对象prop: 要定义或修改

原创 什么会阻塞浏览器的渲染呢？css?js?

渲染引擎一个渲染引擎主要包括：HTML解析器，CSS解析器，javascript引擎，布局layout模块，绘图模块HTML解析器：解释HTML文档的解析器，主要作用是将HTML文本解释成DOM树。CSS解析器：它的作用是为DOM中的各个元素对象计算出样式信息，为布局提供基础设施Javascript引擎：使用Javascript代码可以修改网页的内容，也能修改css的信息，javascript引擎能够解释javascript代码，并通过DOM接口和CSS树接口来修改网页内容和样式信息，从而改变渲染

原创 从输入 URL 到页面加载的全过程

从输入 URL 到页面加载的全过程缓存解析DNS解析TCP连接浏览器发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面TCP断开连接具体过程缓存解析先去缓存里面找资源，如果缓存里面有资源直接在缓存里面拿就好缓存资源寻找路线：浏览器缓存（离线缓存、内存缓存、硬盘缓存）-> 各种中间代理服务器的缓存（如：CDN缓存）DNS解析DNS(Domain Name System, 域名系统)，是域名和IP地址相互映射的一个分布式数据库DNS 解析就是从域

原创 前端手撕系列—浅拷贝和深拷贝

深浅拷贝的简单介绍数据类型基本数据类型的特点：直接存储在栈(stack)中的数据String, Number, Boolean, Null, Undefined，SymbolSymbol是es6新增的，一般用于去设置对象的属性名，因为它产生的值是唯一的// 和 Symbol() 不同的是，用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。// Symbol.for() 并不是每次都会创建一个新的 symbol，它会首先检查给定的 key 是

原创 ES6新增-箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）基础语法一般函数的定义方法:var fn1 = function(a, b) { return a + b} function fn2(a, b) { return a + b}ES6箭头函数语法定义函数方法将原函数的“function”关键字和函数名都删掉使用“=>”连接参数列表和函数体var fn1 = (a, b) => { return a + b}// 相

原创 总结前端跨域的拦截流程

跨域的来源是同源策略，为什么要有同源策略也是为了安全着想，防止遭受一些网络攻击，比如：csrf(跨站请求伪造)等，这里不作过多解释

原创 JS中的闭包你真的了解吗？它的应用呢？

闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值

原创 详解JS中的TDZ（暂时性死区）

TDZ（temporal dead zone）暂时性死区来源：ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为。暂时性死区的定义：在代码块内，使

原创 css命名冲突怎么办？原理是啥？

CSS命名冲突通常我们在项目开发中每个人负责不同的模块，对于样式设置的时候可能设置了同样的类选择器的类名，这个时候就会出现命名冲突，那怎么解决呢？方法一：人为约定比如说在开发之前就人为的制定一下命名规则以避免冲突，例如前缀，嵌套等。方法二：CSS in JSCSS in JS是将应用的CSS样式写在JavaScript文件里面 ，而不是独立为一些 css、scss 或者 less 之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可

原创 手撕归并排序，从此不在怕的

归并排序归并排序算法是在分治算法基础上设计出来的一种排序算法，它可以对指定序列完成升序（由小到大）或降序（由大到小）排序，对应的时间复杂度为O(nlogn)。归并排序是用分治思想，分治模式在每一层递归上有三个步骤：分解（Divide）：将n个元素分成个含n/2个元素的子序列。解决（Conquer）：用合并排序法对两个子序列递归的排序。合并（Combine）：合并两个已排序的子序列已得到排序结果。// 归并排序const merge_sort = (arr) => { if

原创 力扣算法之数组

theme: github数组数组基本概念数组是存放在连续内存空间上的相同类型数据的集合数组下标都是从0开始的数组内存空间的地址是连续的数组的元素是不能删的，只能覆盖二维数组在内存的空间地址是连续的么？不一定，比如在c++中是，但是在java中不是数组方便查找，不方便插入和删除，这和它存储的空间连续有关主要方法二分法双指针（快慢指针）滑动窗口示例二分查找题目链接：[704.二分查找](Loading Question… - 力扣（LeetCode） (l.

原创 力扣算法之链表

链表基本概念链表是一种通过指针串联在一起的线性结构，每一个节点由两部分组成，一个是数据域一个是指针域（存放指向下一个节点的指针），最后一个节点的指针域指向null（空指针的意思）。链接的入口节点称为链表的头结点也就是head。链表类型单链表（上述就是单链表）：每个节点只有一个指针域，节点只能指向节点的下一个节点双链表（每一个节点有两个指针域，一个指向下一个节点，一个指向上一个节点），既可以向前查询也可以向后查询循环链表（链表首尾相连）：用来解决约瑟夫环问题约瑟夫环问题：

原创 队列实现栈，栈实现队列，你学废了吗？

队列与栈相关概念队列是先进先出，栈是先进后出。以栈为例，如图所示。例题1：用栈实现队列题目链接：[232.用栈实现队列](232. 用栈实现队列 - 力扣（LeetCode） (leetcode-cn.com))分析：需要使用两个栈实现，一个为输入栈，一个为弹出栈。由于队列的输出顺序刚好是和栈相反的，所以当输出栈为空时，就讲输入栈里面弹出，放入输出栈，这个时候输出栈的输出顺序就和队列的输出顺序一致。MyQueue.prototype.pop = function()