- 博客(23)
- 收藏
- 关注
RSS订阅原创 二叉树深度遍历和广度遍历
深度遍历：前序遍历：（根左右）var preorderTraversal = function(root) { let res=[] function preorder(root){ if(root==null){ return } res.push(root.val) preorder(root.left) preorder(root.right) } preo
2022-03-05 07:30:00
134
原创 获取url参数（js正则表达式实现）
//获取url中的参数方法 function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); .
2022-03-04 14:43:34
497
原创 react与vue的区别
共同点：1. 组件化React与Vue都遵循组件化思想，它们把注意力放在UI层，将页面分成一些细块，这些块就是组件，组件之间的组合嵌套就形成最后的网页界面。所以在开发时都有相同的套路，比如都有父子组件传递， 都有数据状态管理、前端路由、插槽等。2.Virtual DOMVue与React都使用了 Virtual DOM + Diff算法， 不管是Vue的Template模板+options api 写法， 还是React的Class或者Function写法,最后都是生成render函数，而.
2022-02-25 14:08:33
1109
原创 俩个装满水的8斤桶和一个空的3斤的桶分给4个人每人4斤
有三个桶，两个大的可装8斤的水，一个小的可装3斤的水，现在有16斤水装满了两大桶就是8斤的桶，小桶空着，如何把这16斤水分给4个人，每人4斤。没有其他任何工具，4人自备容器，分出去的水不可再要回来。给七个容器分别编号： A B C D E F G大桶1(8) 大桶2(8) 小桶(3) 人1 人2 人3 人4 8 8 0
2022-02-20 08:45:00
634
原创 Vue中$router和$route区别
$router :是 VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，是一个全局对象，他包含了所有的路由包含了许多关键的对象和属性；$router.push({path:'home'});//本质是向history栈中添加一个路由，在我们看来是 切换路由，但本质是在添加一个history记录$router.replace({path:'home'});//替换路由，没有历史记录$route是一个跳转的路由对
2022-02-19 14:46:00
308
原创 CSS3新增属性
1、CSS3边框： border-radius：CSS3圆角边框。 box-shadow：CSS3边框阴影。 border-image：CSS3边框图片。 2、CSS3背景： background-size：属性规定背景图片的尺寸。 background-origin：属性规定背景图片的定位区域。 背景图片可以放置于 content-box、padding-box 或 border-box 区域。 background-clip：规定背景的绘制区域
2022-02-19 08:00:00
70
原创 JQuery中find,filter,children的区别
一、 find()方法是获得当前元素集合中每一个元素的后代。是在当前元素集合中查找，但不包括当前元素本身，只能在元素后代查找。<div class="big"> <div class="small">大家好</div></div><div class="small"> <p>祖国好</p></div>$("div").find(".small").css("color""#db19...
2022-02-18 12:16:40
359
原创 async,awaite与promise的区别
什么是Async/Await?async/await是写异步代码的新方式，以前的方法有回调函数和Promise。async/await是基于Promise实现的，它不能用于普通的回调函数。async/await使得异步代码看起来像同步代码。//使用promise const makeRequest = () => getJSON().then(data => { console.log(data) return "d
2021-12-02 09:00:00
335
原创 Es6promise对象
为什么要有promise?因为promise可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。1.promise为了解决回调地狱出现，刚开始我们用setTimeOut，把异步按照你期望的顺序执行时（类似于同步），程序多了就会造成很多个setTimeOut嵌套，嵌套的特别深（有点类似栈），就造成了回调地狱。比如：sayhello("first", function () { console.log(1); sayhello("second", function () {
2021-12-01 16:14:08
522
原创 Vue的常用指令总结
v-text：更新元素的文本内容，如果要更新一部分的文本内容，用插值语法（{{内容}}）<span v-text="msg"></span><!-- 等价于 --><span>{{msg}}</span>v-html：更新元素的HTML内容<div v-html="'<h1>Hello World</h1>'"></div>v-show：根据表达式的真假值，切换元素
2021-11-30 13:21:46
299
原创 Object.defineProperty()方法的使用
在我们学习到Vue响应式原理的时候，必然要了解到JS里Object.defineProperty()方法，底层就是用这个方法来实现的。可以实现对象的简单代理。Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。Object.defineProperty(object1, 'property1', { value: 42, writable: false});第一个参数object1：是要操作的对象第二个参数
2021-11-28 16:01:31
923
原创 快速排序（JS实现）
快速排序的基本思想：通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，然后再按此方法对这两部分数据分别进行快速排序，整个排序过程可以 递归 进行，以此达到整个数据变成有序序列。1.利用双指针法function quickSort(arr,low,high){ var key=arr[low]; var start=low; var end=high; while(end>sta
2021-11-24 17:19:29
743
原创 Https协议
HTTPS 协议：可以理解为HTTP+SSL/TLS， 即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL，用于安全的 HTTP 数据传输。涉及数据的安全传输不得不提加密算法：1、对称加密：加密和解密都是使用的同一个密钥。2、非对称加密：加密使用的密钥和解密使用的密钥是不相同的。分别称为：公钥、私钥，公钥和算法都是公开的，私钥是保密的。非对称加密算法性能较低，但是安全性超强，由于其加密特性，非对称加密算法能加密的数据长度也是有限的。3、哈
2021-11-18 08:00:00
514
原创 Http协议
HTTP协议是超文本传输协议的缩写,是用于从万维网服务器传输超文本到本地浏览器的传送协议。HTTP是一个属于应用层的面向对象的协议，工作于客户端-服务端架构为上。浏览器作为HTTP客户端，通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送响应信息。特点：1、简单快速：客户向服务器请求服务时，只需传送请求方法和路径2、灵活：HTTP允许传输任意类型的数据对象。3.无连接：无连接的含义是限制每次连接只处理一个请求...
2021-11-17 14:37:59
47
原创 Css实现居中的方法
1.水平居中text-align:center方式 text-align:center可以水平居中块级元素中的行内元素，如inline，inline-block；但是如果用来居中块级元素中的块级元素时，如div中的div，一旦内层的div有自己的宽度，这种方法就会失效。只能让里面div的文字等内容居中，而div仍然是左对齐的。 缺点：这种方式不能实现垂直居中： 1.需要给 div 添加 padding 或 给 div 中的元素添加ma...
2021-11-16 08:30:00
451
原创 JSX语法总结
1.定义虚拟DOM时 不能用引号const element = <h1>Hello, world!</h1>;2，标签中混入js表达式时要用{}const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>;3，样式中类名指定 不能使用class 需要使用ClassName<div className='head'>hello<div/>
2021-11-15 13:26:15
718
原创 git中常遇到的问题
当工作区的文件和远程仓库文件冲突了怎么解决？使用 stash 缓存修改(1)使用git stash将自己修改的代码片段进行一个本地仓库的临时缓存(2)使用了git stash命令将改动的代码缓存后，就可以执行pull 将远程仓库更新到本地了(3)再将我们自己修改的代码合并到更新后的代码中去如果要回退到某个文件的某一个版本怎么解决？...
2021-11-15 11:50:12
109
原创 网络为什么分成四层，五层，七层
OSI七层模型和TCP/IP四层模型以及五层模型1.历史原因：OSI七层模型由ISO国际标准化组织提出的通信标准。TCP/IP四层模型是OSI七层模型的简化版，OSI在它被官方完善之前，民间TCP/IP早已实际使用，所以只存在于理论五层协议的体系结构是专门为介绍网络原理而设计的，与TCP/IP四层模型唯一不同的就是将网络接口层分为了数据链路层和物理层，在实际的应用中还是使用TCP/IP四层模型的2.因为每一层有它的特定功能，数据的发送或转发、打包或拆包，控制信息的加载或拆出等工作，分别由不.
2021-11-03 16:18:46
1723
原创 TCP三次握手四次挥手
TCP三次握手所谓三次握手，是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。三次握手的目的是连接服务器指定端口，建立TCP连接,并同步连接双方的序列号和确认号并交换 TCP 窗口大小信息。第一次握手:客户端发送一个TCP的SYN标志位置1的包指明客户打算连接的服务器的端口，以及初始序号X,保存在包头的序列号字段里。第二次握手:服务器发回确认包(ACK)应答。即SYN标志位和ACK标志位均为1同时，将确认序号设置为客户的I S N加1以.即X+1。第三次握手：客.
2021-10-18 00:42:28
101
原创 ES6新增内容
定义变量var 声明变量是在全局范围内有效，可以重复使用，存在变量提升let不可以重复声明，块级作用域const 声明一个只读的常量，一旦声明，常量的值就不能改变展开数组相当将数组的内容拿出来 例子:arr=[0,1,2] 就相当于 arr=0,1,2也可以当做实参传入函数function myFunction(x, y, z) { }let args = [0, 1, 2];myFunctio...
2021-09-02 00:27:38
109
原创 JS内置对象总结
目录内置对象：Math内置对象：Date内置对象：String内置对象：Array内置对象：MathMath.PI 圆周率3.14159265Math.floor() 向下取整Math.ceil()向上取整Math.round()四舍五入Math.abs() 计算绝对值Math.max(x,y) ...
2021-08-23 02:01:49
82
原创 HTML5新增标签总结
HTML5旧标签总结基础标签：<html> 定义HTML文档<meta> 定义HTML文档的基本信息<title> 定义文档的标题<body> 定义文档的主体<h1>~<h6> 定义文档的标题级别1-6...
2021-08-15 13:36:28
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人