火锅国刘dada的博客

原创 Whistle 的使用和安装

1、简要介绍whistle 是基于 node 实现的跨平台 web 调试工具，主要用于查看、修改 HTTP、HTTPS、Websocket 的请求、响应；（同类工具有 windows 平台上的 Fiddler ）参考：代理和反向代理2、安装和使用1、安装whistle 依赖于 node ，所以安装 whistle 之前要先安装 node；然后使用 npm 安装 whistle：npm install -g whistle2、常用命令安装 whistle 后就可以启动了，常用命令：w2

原创 代理和反向代理

代理是代理的是用户（eg：浏览器）；反向代理是代理的是服务器（Nginx）；如下图：常用的代理工具：Fiddler、Whistle、Charles常用切换代理的工具：SwitchyOmega（chrome 插件）常用反向代理工具：NginxMac 使用 Whistle 和 SwitchyOmega 配置代理 chrome 浏览器：...

原创 安装的 Fiver-server 打开 HTML 文件时不会打开浏览器并预览

环境：MACVS Code问题：安装了 Five-server 插件，右键 html 文件打开时，不会弹出浏览器，在浏览器中预览；原因：html 文件所在路径使用中文命名的文件夹解决办法：将中文路径改成英文路径即可；...

原创 执行上下文和执行栈

本文是是在阅读 阅文前端团队翻译的文章的过程中的总结；1、执行上下文的定义当前 JavaScript 代码被解析和执行时所在环境；2、执行上下文的类型全局执行上下文函数执行上下文Eval 执行上下文3、JavaScript 引擎如何管理执行上下文用栈存储在代码执行期间创建的所有执行上下文；类似于函数递归调用时的递归调用栈；在 JavaScript 代码执行时，JS 引擎会先创建一个全局执行上下文，然后将其入栈，并继续执行 js 代码；当调用函数时，会为函数创建一个执行上下文 ，然后入

原创 前端学习路线与资料

在 B 站直播了三十多天，有个兄弟询问我前端学习资料，非常开心能帮助到别人~~下面来整理一下 ☄1、大神推荐的学习路线首先是前端学习路线，我在参加字节前端青训营的时候在讲 《Web标准与前端开发》的时候，大牛老师李松峰（ 红宝书和犀牛书的译者 ）推荐了一个学习路线：前端学习路线：https://roadmap.sh/frontend其次是值得我们敬佩的程序员、B 站up主 技术胖 整理的一份前端学习路线 ，这里给出 技术胖 的博客、b站账号和整理的前端学习路线：个人网站：https:..

原创 使用动态规划算法需要满足的必要条件：优化原则

1、动态规划的定义动态规划算法：多阶段决策过程，每步求解的问题是后面阶段求解问题的子问题，每步决策将依赖于以前步骤的决策结果；2、使用动态规划技术的必要条件：满足优化原则优化原则： 一个最优决策序列的任何子序列本身一定的是相对于子序列的初始和结束状态的最优决策序列；最优解不满足优化原则的问题不能使用动态规划算法；3、动态规划算法的要素划分子问题，确定子问题边界，将问题求解转变成多步判断的过程；定义优化函数，以该函数极大(或极小)值作为依据，确定是否满足优化原则；列优化函数的递推方程和.

原创 hash 路由和 history 路由的原生 JS 实现

React 和 Vue 中都有 HashRouter 和 Router；本文用来理清路由的概念，并且使用原生 JS 实现 hash 路由 和history 路由；文章的最后是对 History 对象 和 window.history 的简要介绍，以便于理解 history 路由；React-router GitHub仓库Vue-router GitHub仓库1、概述在以前的多页应用(MPA)中，路由主要由后端实现，并且每次访问新内容都要重新刷新整个页面，这对服务端造成了性能压力，也影响浏览器上用户体

原创 什么是片段标识符

片段标识符是 URL 的组成部分；URL 由协议、域名、端口、路径、查询字段、锚点 组成；举例如下：http://www.baidu.com:888/page/index?id=1&name=daxia#article协议：http协议，也可以是其它协议（https，ftp，ws等）域名：www.baidu.com端口：888查询字段：?id=1&name=daxia锚点：#article如上，在锚点中 # 后面的内容叫做片段标识符；参考资料：https://de.

原创 深入理解JavaScript面向对象：构造函数、实例对象、new 关键字

构造函数构造函数具有 prototype 属性，prototype属性指向一个对象；当添加属性和方法到 prototype 属性指向的对象时，所有使用此构造函数通过 new 出来的实例对象都可以共享这些属性和方法；prototype 属性指向的对象里有一个 construct 属性，construct 属性指向构造函数；实例对象实例对象具有原型对象 [[Prototype]]可以通过 objectName.__ptoto__ 获取名为 objectName 实例对象的原型对象 [[Prot

原创 前端基础知识（名词解释）

1、W3C​ 万维网联盟2、OpenSSL​ 提供加密工具的非营利组织3、SEO(search engine optimization、搜索引擎优化)​ 指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，从而获得更多流量，最终达成品牌建设或者产品销售的目的。4、MDN(Mozilla Developer Network)​ 是一个完整的学习平台，你可以在这里深入学习Web技术以及能够驱动Web的软件；5、CDN（Content Del

原创 Web服务是什么

1、Web服务服务：提供的某个功能；网络服务（Net Service）：使用不同的网络协议（http、ftp、stmp/pop3）提供的服务；Web服务：指使用 http 或 https 协议接受用户的服务请求并提供功能服务的方式；2、Web框架框架规定了组件的组合方式，规定了组件的工作边界；为各个组件的工作空间提供支撑；Web服务框架一个完整的Web服务包括三个参与者和六个过程；UDDI 请求UDDI 响应服务调用说明请求服务说明反馈：服务提供者向客户端返回 服

原创 什么是SOAP

SOAP协议理解为：SOAP = RPC + HTTP + XML，即采用HTTP作为通信协议，RPC（Remote Procedure Call Protocol 远程过程调用协议）作为一致性的调用途径，XML作为数据传送的格式，从而允许服务提供者和服务客户经过防火墙在Internet上进行通信交互。...

原创 JavaScript 模块化方案 详细综述

1、概述模块化要解决的问题：如何包装一个模块的的代码，使之不污染模块外的代码；如何唯一标识一个模块；如何在不增加全局变量的情况下将模块的 API 暴露出去；浏览器端模块化要解决的问题：引用的 JS 模块会预先下载，但只有使用时才会执行；引用的 JS 模块直接下载，然后执行；以前使用的模块化解决方案CommonJS：用于服务器端（实现：Node.js）；AMD(Asynchronous Module Definition)：用于浏览器端（实现：require.js、se.

原创 Go安装后的必备知识，VScode安装不上gopls的原因

1. GOROOTGOROOT 是 go 的安装路径。2. GOPATHGOPATH 是作为编译后二进制的存放目的地和import包时的搜索路径 (其实也是你的工作目录, 你可以在 src下创建你自己的go源文件, 然后开始工作)。不要把GOPATH设置成go的安装路径,3. GOPROXYGOPROXY是go模块的代理地址；当你在vs code中出现安装不上 “gopls” 工具的报错时，是因为国内连接到 github 有问题，设置代理后就能成功安装；设置Go代理：https://gop.

原创 git 实战：本地仓库的版本和远程仓库版本不一致时进行推送

本地仓库的版本和远程仓库版本不一致时进行推送会报错，那怎样解决呢，如下：1. 新建一个文件夹2. 将一个项目从远程克隆到新建的文件夹git clone 仓库地址3. 新建一个文件，加入本地暂存区，然后加入本地仓库，最后将文件推送到远程（此时远程仓库和本地仓库的版本是不一样的，即别的开发者则已经新过了远程仓库）cat > test.mdgit add test.mdgit commit -m "对提交的说明文字"git push origin master结果：报错，如下原

原创 JavaScript 语句以 ； 结尾，不然可能会报错

JavaScript 语句以 ; 结尾，也可不写分号，但建议用分号结尾每一条JavaScript 语句；写 JS 语句的时候会遇到这个报错：TypeError: (intermediate value)(...) is not a function这是因为 ECMA Script 规则中的自动插入; 的规则并没有插入;导致的；(function fun(){ console.log('function 1');})()(async () => { await cons.

原创 脚手架是什么

1. 脚手架的定义为了减少重复性工作而引入的命令行工具；2. 脚手架的作用让项目从"搭建-开发-部署"更加快速以及规范快速生成新项目的目录模板（Node.js）提升开发效率和开发的舒适性（webpack）3. 脚手架的功能生成一个通用的目录结构配上构建、编译、检查等工程环境；4. 关于脚手架现在比较流行的脚手架都是基于NodeJs编写的（Vue-CLI、create-react-app），它们基本上都是热门框架react和vue的项目脚手架；...

原创 深入了解CSS中的 z-index 属性

z-index 属性设定了一个定位元素（含有position属性的元素）及其后代元素或 flex 项目的 z-order。 当元素之间重叠的时候， z-index 较大的元素会覆盖较小的元素在上层进行显示。1、浏览器加载html元素时，元素按照如下顺序堆叠（从下到上的顺序）：根元素的背景与边框位于普通流（没有position属性的元素）中的后代块元素按照它们在 HTML 中出现的顺序层叠浮动块元素常规流中的后代行内元素后代中的定位元素按照它们在 HTML 中出现的顺序层叠注意事项普通.

原创 一个小程序在微信客户端中加载的基本过程

一个小程序在微信客户端中加载的基本过程：微信客户端从云端下载代码包到本地；建立App实例：微信客户端根据app.json文件里的配置建立一个App实例，安排全局配置和页面显示顺序等；建立Page实例（一个App实例有多个页面（Page）实例）：接下来根据主页面的.json文件建立一个Page实例；装载主页面的.wxml结构文件(加上.json中data的数据)和.wxss渲染文件；装载.js逻辑文件；...

原创 javascript的余数运算符

对于有符号数的余数运算符，不同的语言有不同的实现，分为商是趋于0取整还是趋于负无穷取整；不同的硬件对其的实现方式也不同。商趋于0取整-5 % 2 // 商是 -2 ，余数是 -1商趋于负无穷取整-5 % 2 // 商是-3 ，余数是 1JavaScript选择了商趋于0取整的方法；12 % 5 // 2-5 % 2 // -15 % -2 // 1参考资料：带符号整数的除法与余数...

原创 前端基础知识

1、W3C​ 万维网联盟2、OpenSSL​ 提供加密工具的非营利组织3、SEO(search engine optimization、搜索引擎优化)​ 指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，从而获得更多流量，最终达成品牌建设或者产品销售的目的。4、MDN(Mozilla Developer Network)​ 是一个完整的学习平台，你可以在这里深入学习Web技术以及能够驱动Web的软件；5、CDN（Conten.

原创 weui使用的BEM命名规范

BEM命名规范使每个元素的名字都是独一无二的，使不同元素的样式不会相互干扰，使开发组件变得更加轻松；1、BEM的基本规则：block__element_modifier模块(block)：独立的实体；元素名(element)：block的一部分；修饰器(modifier)：用来改变block和element的行为和状态；2、使用BEM命名规范的例子很多大公司都使用BEM命名规范，比如微信的 weui ：weui-cell__bd_in-select-before/* we-ui:

原创 图解git入门操作

1、一些版本控制系统集中式版本控制系统：CVS、SVN、ClearCase分布式：git所有的版本控制系统，只能跟踪文本文件的改动，比如TXT文件，网页，所有的程序代码等等；而不能更改二进制文件（图片、声音）强烈建议使用标准的UTF-8编码，所有语言使用同一种编码，既没有冲突，又被所有平台所支持。2、git简介分布式版本管理系统，每个人的电脑上都有一个完整的版本库，只需要向各自推送修改了的内容；（通常会使用一台主机来辅助交换修改）使用c开发版本库（仓库，reposito

原创 码农需要Typora

目录Typora简介Typora使用展示Typora使用教程使用Typora的一个问题Typora简介Typora是一款极其方便的markdown编辑器，如果你需要在各个社区平台上写博文，那你就更需要Typora了；Typora也非常适合记笔记；（你可以点击下载 Typora官网 和 了解 markdown）Typora使用展示Typora的特性是所见即可得，并没有使用常规markdown编辑器的分页；使用Typora编辑文章后，可以直接复制到博文平台（掘金、csdn等）；Ty

原创 css选择器、层叠、继承

引言：昨天仿写微信盆友圈的页面时，点赞的小爱心使用了iconfont的爱心图标，写css的时候想把爱心改成和后面的微信昵称一样大小，可是不管我怎么样在我的代码上魔改，就是改不了爱心的大小，心塞~后面看到iconfont的css文件里使用了!important，根据我的隐约印象，我知道可能就是因为这个原因，所以我才改不了爱心的大小；查资料确认了一下，使用了!important的属性的优先级将会窜到NO.1，力压群魔；于是我在我自己的css中加入了!important ，然后我的爱心就变小了，Perfec

原创 《数据结构》第五章算法设计题--树和二叉树

本系列主要为了记录在江财的暑期小学期中的刷严蔚敏、李冬梅、吴伟乐版《数据结构 c语言第2版》的算法设计题，主要包括三部分内容，第一部分为对不熟悉的知识点重新回顾总结，第二部分为算法设计题的代码，第三部分为刷题总结；共勉 ????回顾部分不熟的知识点无刷题部分5.1//统计链式存储的二叉树的叶结点个数int getLeafNum(bitree t) { if (t->left == NULL && t->right == NULL) { return 1; }

原创 《数据结构》第三章算法设计题--栈和队列

本系列主要为了记录在江财的暑期小学期中的刷严蔚敏、李冬梅、吴伟乐版《数据结构 c语言第2版》的算法设计题，主要包括三部分内容，第一部分为对不熟悉的知识点重新回顾总结，第二部分为算法设计题的代码，第三部分为刷题总结；共勉 ????回顾部分不熟的知识点无刷题部分3.1//共享栈节点结构typedef struct { int top[2], bot[2]; ElementType *T; int m;}DblStack;//初始化void IniteStack(DblStack&a

原创 《数据结构》第二章算法设计题--线性表

本系列主要为了记录在江财的暑期小学期中的刷严蔚敏、李冬梅、吴伟乐版《数据结构 c语言第2版》的算法设计题，主要包括三部分内容，第一部分为对不熟悉的知识点重新回顾总结，第二部分为算法设计题的代码，第三部分为刷题总结；共勉 ????回顾部分不熟的知识点无刷题部分#include <iostream>using namespace std;//链表结构typedef struct linkednode { int data; struct linkednode* next;}

原创 《数据结构》第八章算法设计题--排序

《数据结构》第八章–排序本系列主要为了记录在江财的暑期小学期中的刷严蔚敏、李冬梅、吴伟乐版《数据结构 c语言第2版》的算法设计题，主要包括两部分内容，第一部分为对不熟悉的知识点重新回顾总结，第二部分为算法设计题的代码；共勉 ????回顾部分不熟的知识点1、堆排序堆排序中的堆是基于顺序存储的完全二叉树的中双亲节点和叶子节点之间的内在关系建立；（a[i] 的左孩子是 a[2i]，右孩子是 a[2i+1]）堆排序只能用于顺序结构；堆排序不稳定；初始建堆所需的比较次数较多，所以堆排序适用于数据量较

原创 C++实现直接插入排序、冒泡排序、简单选择排序

代码：#include<iostream>#include<cstdlib>#include<ctime>using namespace std;//直接插入排序void directedInsertSort(int A[], int n) { int i, j; for (i = 2; i <= n; ++i) { if (A[i] < A[i - 1]) { A[0] = A[i]; for (j = i - 1;..

原创 C++实现顺序查找和非递归的二分查找

**代码：**#include<iostream>#include<cstdlib>using namespace std;#define TABLELEN 10//---------------辅助函数-----------------------//查找表结构typedef struct searchTable { int* A; int len;}STable;//初始化查找表并给生成随机数组void Inite_Greate_Array(ST..

原创 C++实现二叉树及其递归先序遍历、中序遍历、后续遍历和层次遍历

先序遍历、中序遍历、后序遍历（递归），层次遍历代码：#include <iostream>using namespace std;#define MAXSIZE 10//二叉树节点typedef struct biNode{ char data; biNode* lchild; biNode* rchild;}biNode, *biTree;//队列，层次遍历时使用class queue {public: //初始化 void InitQueue() .

原创 C++实现用邻接矩阵存储的图，求顶点的度，求两顶点是否邻接

代码：#include <iostream>using namespace std;#define MAXVERTEXNUM 20typedef enum { DG, UDG, DN, UDN }GraphKind;//图的类型{有向图、无向图、有向网、无向网}//图的邻接矩阵存储方式typedef struct MGraph { char vex[MAXVERTEXNUM];//定点集 int edge[MAXVERTEXNUM][MAXVERTEXNUM];//边集.

原创 C++实现链表及其应用

#include <iostream>using namespace std;//链表节点typedef struct node { int data; node *next;}node;//初始化void Inite(node* listedsq) { listedsq->data = 0; listedsq->next = NULL;}//插入节点(头插)bool Inserthead(node *head, int value) { node.

原创 C++实现顺序表及其应用

#include<iostream>using namespace std;#define MAXSIZE 100#define STEP 10typedef struct { int* data; int length; int maxsize;}sqlist;//初始化void Init(sqlist &s) {//引用，使得s位常态t /*if (s.data != NULL) { delete[] s.data; }*/ s.data =.

原创 C++实现顺序栈及其应用

#include <iostream>using namespace std;#define MAXSIZE 100#define ADDSIZE 10//顺序栈的结构typedef struct{ int *top; int *base; int stacksize;}sqstack;class stack {public: //初始化 void Inite() { head.base = new int[MAXSIZE]; head.top = he.

原创 定点数的乘法运算和除法运算

1、乘法运算 有的机器由硬件乘法器直接完成乘法运算，有的硬件根据乘法运算的方法用软件编程实现；当计算机没有乘(除)运算线路时，可以采用累加和右移相结合，实现乘(除)运算；笔算乘法原码乘法原码一位乘运算运算方法：符号位与数值位分开运算，符号位求异或，数值位相乘；数值位相乘：在累加寄存器和乘商寄存器这两个寄存器的基础上进行运算；数值位相乘的流程：n次累加，n次移位原码两位乘法补码乘法符号位参与运算，补码一位乘法(Booth算法)一种有符号数的乘法，.

原创 杨辉三角解析及实现

文章目录杨辉三角一、循环规则：二、实现代码队列的实现杨辉三角队列初始状态：0 1 1一、循环规则：1、出队，并将值放在temp中；2、temp中的值为0时：打印输出换行，0入队列,temp+myqueue.GetHead()入队列；temp中的值不为0时：打印输出temp，temp+myqueue.GetHead()入队列；二、实现代码(默认已经实现队列的初始化、入队、出队、取队首元素等方法；)cout << "杨辉三角" << endl;int line =

原创 关系数据库系统中的存取权限（表）

原创 多路数字信号采用同步时分复用(TDM)时复用线路需要的最小通信能力

计网考研习题如下：将1路模拟信号编码为数字信号后，和另外7路数字信号采用同步TDM方式复用到一条通信线路上。该路模拟信号的频率变化范围为0～1kHz，每个采样值使用PCM方式编码为4位的二进制数，7路数字信号的数据传输速率均为7.2 Kbps。复用线路需要的最小信道容量是______。A．7.2KbpsB．8KbpsC．64KbpsD．128Kbps答案：C解析： 1路模拟信号的最大频率为1kHz，根据采样定理可知采样频率至少为2kHz，每个样值编码为4位二进制数，因此该路模拟信号编码后的