战斗暴龙兽的博客

原创 TS变量初始

变量类型number 表示数字类型的值boolean 表示布尔类型的值string 表示字符类型的值any 表示一个任意类型的值（慎用，会影响其他的变量的类型）unknown 表示一个未知的值void 表示空值never 表示没有值object对象array数组enum枚举类型tuple元祖类型在使用any的时候需要注意，在赋值的时候可以影响被赋值的变量，不会触发ts的错误评判。Unknown，其实是一种类型安全的any，不能直接赋值给其

原创 流水线的主要问题之资源相关

资源相关

原创 记一次跌宕起伏的面经

跟谁学面经（12.8 下午3点）本来没打算写这个东西的，但是还是觉得想要从本次面试中汲取一定的经验，所以还是强忍着悲伤写下了这个面经。面试总共时长一小时多一丢丢。原本准备拿这个公司当练手的，以前还偷偷想过开门红啥的，没想到刚上来就碰壁，不过这样也好，总好比过面过了就开始飘了的好。（PS：自己安慰自己）。在本次面试中，我发现了自己的一些不足，虽然只有一面技术面，但是反映了一些问题。面试过程首先就是自我介绍环节，刚开始出现了一些小问题，但都是小事。面试官基本介绍之后，我也介绍了下自己的基本情况，就

原创 OSI七层协议模型和TCP/IP四层模型

OSI七层协议模型和TCP/IP四层模型对于一个请求，用户一般只会在乎他的请求响应结果是啥，往往都不都不知道在这个请求背后发生了什么。now，我们来了解一下背后的故事之请求去哪了。神图镇楼。。。OSI七层协议模型OSI（Open System Interconnect），即开放式系统互联。 这个开放式系统互联，是ISO（国际标准化组织）在1985年研究的网络模型。ISO为了更好的使网络应用更为普及，推出了OSI参考模型。其含义就是推荐所有公司使用这个规范来控制网络。这样所有公司都有相同的规范，

原创 数组去重

数组去重数组去重一直是我们老生常谈的东西了，但是真正的让我们对某个数组去重，我们是不是能毫无畏惧呢，哈哈哈。来让我们一起来看看这个东西，达成一个新的成就点吧。????什么是数组去重俗话说，知己知彼，我们才能百战百胜。我们在对一个数组进行去重之前我们要知道数组去重到底是什么。好，那现在就来好（hu）好（bian）说（luan）下（zao）啊，这个数组去重啊，其实就是。。。????数组去重。好了，正经起来。其实数组去重，就是将一列数组进行去重，顾名思义，数组中可能有很多重复的元素，我们将这些重复

原创 回溯算法

回溯算法常常用于多种结果的查询，树的遍历，深度优先搜索求根到叶子节点数字之和给定一个二叉树，它的每个结点都存放一个0-9 的数字，每条从根到叶子节点的路径都代表一个数字。例如，从根到叶子节点路径 1->2->3 代表数字 123。计算从根到叶子节点生成的所有数字之和。说明: 叶子节点是指没有子节点的节点。示例 1:输入: [1,2,3]1/ 2 3输出: 25解释:从根到叶子节点路径 1->2 代表数字 12.从根到叶子节点路径 1->3 代表数字

原创 滑动窗口算法——剑指offer 48.最长不含重复字符的子字符串

题目我们首先来看看这个题目，我了解到这道题目是在一个同学的面经上，刚看到这道题，想着完了，我碰到这道题必死。但是当我真正看懂了这个题的时候其实觉得还好，不算超级难。ps:那位小伙伴面的是字节前端呦，有兴趣的话可以去看看他的面经呀????请从字符串中找出一个最长的不包含重复字符的子字符串，计算该最长子字符串的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无

原创 ES6中的变量声明

ES6中的变量声明ES6声明变量方面与ES5的不同之处let 与const 命令let命令let命令基本用法只在let命令所在的作用域中有效我们原来经常使用的用于定义变量的var的作用域是在全局上的，而let是在块级作用域内的。比如下面这个例子：{ let a=10; var i=1;}a //ReferenceError: a is not defined.i //1在这个例子中我们可以看出，代码中在同一个代码块中中定义的两个变量，在同时被引用时，却

原创 响应式布局

响应式布局为什么要有响应式布局越来越多的智能移动设备（ mobile, tablet device ）加入到互联网中来，移动互联网不再是独立的小网络了，而是成为了 Internet 的重要组成部分。响应式网络设计 （ RWD/ AWD）的出现,目的是为移动设备提供更好的体验，并且整合从桌面到手机的各种屏幕尺寸和分辨率，用技术来使网页适应从小到大（现在到超大）的不同分辨率的屏幕。响应式布局是什么偶然在知乎上看见一位大佬对这个的解释很直观，就把这张图引过来让大家看看详情可见这位大佬的知乎Resp

原创 数组扁平化

在我们写算法，或者面试的时候，我们经常会见到数组扁平化，今天我们就来介绍一下什么是数组扁平化以及常用的几种数组扁平化方法。数组扁平化什么是数组扁平化[1,2,3,4,5,6]这是一维数组[1,2,[3,4],5,[6,7,[8,9]]]这是多维数组将多维数组转化为一维数组的过程就是数组扁平化。数组怎么扁平化接下来我们一起来看看如何将数组扁平化。总结为四种方法，递归法，暴力法，字符转化法，使用ES6提供的新方法。1.递归法let arr = [1, [2, 3],

原创 防抖节流

防抖节流我们可能都会遇到这样的一个问题，网页卡了的时候，或者是闲着无聊，胡乱点击按钮，但是这样的结果就是这个按钮绑定的事件函数将会根据你点击的次数不断触发。这样无疑会给性能带来一些问题，甚至有些手速快的同hai，一分钟能点一百多次。那我们就需要想点办法来改进一下，防止这样的同hai对我们的网页产生不好的印象。<!--首先我来定义一个按钮，这个按钮绑定了一个点击事件--><div><button id='btnClick'></button>&lt

原创 TCP协议和UDP协议

面试时候我们经常可能会被问到网络相关的知识，我们来看看TCP协议和UDP协议到底是怎么工作的吧!TCP协议和UDP协议TCP协议传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议。特点在一个TCP连接中，仅有两方进行彼此通信。TCP使用校验，确认和重传机制来保证可靠传输TCP使用数据分节进行排序，并使用累积确保数据的顺序不变和非重复使用滑动窗口机制实现流量控制，通过动态改变窗口的大小来进行拥塞控制T

原创 URL详解

不想做将军的士兵不是好士兵，那么不知道什么是URL的前端人也不是优秀的前端人，我们现在就来详细讲讲什么是URL。统一资源定位符URL（Uniform Resoure Locator：统一资源定位符），每个有效的资源都对应着唯一的一个URL，它是用来检索Web上公布的任何资源的机制。我们来剖析一下URL：一般的URL都有下面几个部分组成：传送协议（protocol）服务器/主机名（hostname）端口号（port）路径（path）参数（;parameters）查询（?query）[可

原创 从URL到页面加载

从URL到页面加载我们都知道输入一个网址之后可以进入相应的网站，那我们知道输入的这个东西到底是什么嘛，还有这东西为什么输入之后就可以到达我们想去的网站。看了这篇博文之后如果再不懂的话。。。。。。再看一遍就懂了，嘿嘿嘿概述总体上来说分为以下几个过程：DNS解析TCP连接发送HTTP请求服务器处理请求并返回返回HTTP报文浏览器解析渲染页面连接结束具体过程DNS解析DNS解析的过程就是寻找哪台机器上有需要的资源的过程。我们在浏览器输入的的地址，并不是网站真正意义上的地址。我们都知道

原创 浅谈深浅拷贝

深浅拷贝我们处理数据的时候经常需要拷贝(copy)数据，那你们知道什么是深拷贝和什么是浅拷贝嘛？面试的时候也会经常问的，嘻嘻嘻，今天我们就来谈谈这个深浅拷贝。区别我们先来说一下这两个的区别，相信看了区别，大家就能立马理解什么是深拷贝，什么是浅拷贝了。我们在拷贝数组时候可能会这样做：var arr1=[1,2,3,4];var arr2=[];for(let i in arr1){ arr2[i]=arr[i];}console.log(arr2);//[1,2,3,4]数组拷

原创 什么是路由

前端路由前端路由就是在页面不跳转的情况下，在局部进行页面的刷新根据锚点的变化，从而替换他们的innerHTML的代码。前端路由和后端路由的区别前端路由会比后端路由加载更快，需要加载的页面元素会更少，用户体验会更好...

原创 vue手动刷新页面跳转到指定路由

我们使用vue创建页面时候，往往想要刷新时跳转到指定的页面，我们首先可能想到的就是在index.js文件中，设置路由默认跳转，但是这样经常可能会出错。//vue手动刷新页面跳到指定路由( 我这里是刷新后回到首页 )mounted() { this.$router.push("/home");}...

原创 Vue踩坑记录

问题1. 在使用路由的时候，路由跳转却没有显示这种情况我们可以去查看我们的index.js中对于路由的配置是否有单词的拼写错误或者是关键词是否出错。如果都没错的话，我们可以想想是否写了<router-view></router-view>这个标签，这个标签是渲染子路由的标签，如果缺少这个标签，将无法渲染子路由。2.在vue项目中如何设置标签头部的小图标解决方法如下：第一步在静态文件下引入我们要更换的的照片第二步在index.html文件中添加这样一段代码

原创 驼峰标识在组件部分的注意点

在子组件向父组件发射事件时，我们不能使用驼峰标识定义事件名。这样写是正确的写法，我们会得到我们想要的num1和num2的值的改变。！！！！这是错误写法

原创 new操作符的原理

每当我们需要创建一个对象的新实例时，我们常常会用到new操作符，但是我们是否真正的明白new操作符的原理呢？我们先来康康书上是怎么说的????：在创建一个对象的新实例时候，必须使用new操作符。在以这种方式调用构造函数时候会经历以下四个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象；(3) 执行构造函数中的代码；(4) 返回新对象；其实第二步中的作用域赋给新对象...

原创 vue的基本用法（一）

原始HTML我们可以在Vue的返回找对象中添加属性为html 创建新的元素.使用v-html属性 new Vue({ el: '#app', template: `<div> <h1 v-html="myText"></h1> <!--元素部分-->...

原创 Vue入门以及生命周期

vue的简单介绍为什么要使用vue?单页应用并不会刷新整个页面vue.js较为简单，功能大都相同vue正在作为主流框架被广泛应用在这里插入图片描述如何引入Vue文件<script src="文件的路径ipt>标签引入CDN对于制作原型或学习，你可以这样使用最新版本：<script src="https://cdn.jsdelivr.net/npm/vue/d...

原创 博客学算法——合并两个有序链表

首先我们来看一下我们的题目，今日份的题目比较简单说，这道题目就是链表的简单操作，说难很简单，说简单，但是它却并不是那么容易。将两个链表链接并不是那么难。第一种方法：/** * Definition for singly-linked list. * struct ListNode { * int val; * struct ListNode *next; * };...

转载 浅谈ES6字符串拓展

字符串的拓展与新增方法字符串拓展字符串的表示法论表示一个字符我们可以使用的方法有什么？'\z' === 'z' //true'\172' === 'z' //true' \x7A' === 'z' //true' \u007A'==='z' //true' u{7A}'=== 'z' //true 上面描述的方法都是可以用表示字符的。在ES6中加强了对Unicode的支...

转载 localstorage的使用以及体会

localstorage什么是localstorage？JavaScript提供2个方法在浏览器端储存数据：sessionStorage 和 localStorage。sessionStorage：保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；localStorage：保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据。除了保存期限的长...

转载 JavaScript高程学习——闭包

闭包什么是闭包？简单来说，闭包就是指有权访问另一个函数作用域中的变量的函数。闭包是一种特殊的对象，由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。环境由闭包创建时在作用域中的任何局部变量组成。产生一个闭包创建闭包最常见方式就是在一个函数内部创建另一个函数。例：function func( ) { var a = 1,b = 2; funct...

原创 浅谈垃圾回收

新生代

原创 一个简单的购物车样例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原创 博客专用图层

原创 JavaScript高程学习——JSON

JSON什么是JSON？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性，更易理解为什么要使用JSON？JSON 比 XML 更小、更快，更易解析。对于 Ajax应用程序来说，JSON 比 XML 更快更易使用：使用 XML1.读取 ...

原创 javascript高程学习——事件(一)

事件什么是事件众所周知，我们在写页面时候有时会用到一些交互，而交互通常是在JavaScript与HTML之间进行的，进一步说，他们两个的交互就是通过事件进行的。那么，说了半天事件到底是什么。答案即将揭晓。。。事件就是，文档或者浏览器窗口发生的一些特定的交互瞬间。是不是有点失望，没事，正常，干货即将到达战场，请做好瞎混的准备

原创 JavaScript高程学习——DOM（二）

上一篇介绍了Node类型，那么这一篇我们来继续介绍其他的类型Document类型在JavaScript中，document类型表示文档，根据上一篇我们知道，document的对象是HTMLDocument（继承自Document类型），表示整个HTML实例。//接下来是一些其本身的属性：nodeType=9nodeName=#documentnodeValue=nullparen...

原创 javascript高程学习——DOM（一）

由于作者需要进行一些些项目的参加，所以先来学习DOM操作，之前的基础知识暂时没进行学习安排。DOMDOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员进行添加，移除和修改页面的某一部分。1.节点层次DOM可以将任何HTML和XML的文档描绘成一个有多个节点构成的结构，这个层次结构可以被叫做文档树。节点之间的各种关...

原创 CSS动画学习（二）

CSS动画——过渡与多帧动画过渡（transition）首先我们来文绉绉的讲一下定义哦通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。那么如何使用它呢？<!DOCTYPE html><html><head><style> div{width:...

原创 CSS3动画的简单例子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

原创 CSS3动画（一）

CSS3动画CSS3的意义CSS3 是层叠样式表（Cascading Style` Sheets）语言的最新版本，旨在扩展CSS2.1。带来了许多期待已久的新特性~~。~~ 例如圆角、阴影、gradients(渐变)、 transitions(过渡)与 animations(动画) 。以及新的布局方式，如 multi-columns 、 flexible box 与 grid layout...

原创 CSS学习之flex布局

flex布局（一）flex布局的作用

原创 CSS学习 伪类和伪元素

伪类，伪元素及其选择器一. 定义：在当考虑锚元素（a）时，在HTML和XHTML中会建立从一个文档到另一个文档的链接。实际上有两种基本的锚类型：已访问的和未访问的。这些类型被称作伪类（pseudo-class），使用这些伪类的选择器叫做伪类选择器（pseudo-class selector）。看了这么多复杂的定义是不是依旧不明白什么是伪类 吧？没事接着看，接下来我会用一种简单的方式帮助你理...

原创 css基础学习笔记（三）

CSS基础学习笔记（三）——颜色与字体一 .颜色(1)命名颜色假设你觉得从一个很小的基本颜色集中选择就足够了，最容易的办法就是使用你想使用的颜色名。css称这些有名字的颜色为命名颜色css规范定义了17个颜色名（包括html中的16个颜色），并外加一个橙色aquafuchsialimeoliveredblackorangesilvergray...

原创 CSS基础学习笔记（二）选择器

CSS基础学习笔记（2）——选择器一.选择器的规则结构每个规则都有两个基本部分：选择器（selector）和声明块（declaration block）。&amp;amp;lt;h1&amp;amp;gt; {color:red; background:yellow;}该例中，h1所代表的就是选择器，花括号中的元素就是声明块。而声名块是由一个或多个声明组成的，每个声明是一个CSS属性和该属性的值的组合。...