- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue路由原理及源码解读
随着前端的不断发展，用户对于使用体验的要求越来越高，单页面（SPA)成为前端的主流形式，在使用vue开发单页面时，离不开vue-router，今天我们就来好好聊聊前端路由，一探vue-router究竟。前端路由前端路由的实现主要就是通过地址栏url的变化，触发某些事件，然后对地址栏的url进行解析，动态的渲染html。在2014年之前前端路由只有hash模式，后来随着HTML5标准发布，也多了一个history模式。1、hash模式在url中，#后面的值称为hash值，可以通过window.loc.
2021-12-06 22:56:14
542
原创 常见的http状态码解析
1、简介状态码的职责是当客户端向服务端发送请求时，描述返回的请求结果。通过状态码用户就可以知道服务端是正常处理了还是出现了异常，通过不同的状态码我们还可以判断异常的原因是客户端还是服务端。状态码由三位数字组成，第一位指定了响应的类别，后两位没有分类，通过后两位可以判断该响应类别下的某种情况。响应类别有以下五种。项目类别原因1XXinformational（信息性状态码）接收的请求正在处理2XXSuccess（成功状态码）请求正常处理完毕3XXRedire.
2021-11-03 21:39:30
929
原创 从输入URL到页面展示发生了什么
前言刚毕业那会出去面试前端的工作，有一场面试，面试官上来就问了一个问题，浏览器地址栏中输入了URL到页面展示，中间发生了什么。当时我是一脸懵逼，因为我不是计算机专业的，一些基础知识比较欠缺，只是自己学了编程语言的语法，所以结果也可想而知????。后来随着平时的学习，知识的累加发现这个问题确实很能考查面试者的基础知识，从网络协议到浏览器等一系列知识，不愧是面试常考题，所以今天就打算把之前学的知识整理一下，串起来。一方面是自己学习的一个记录，另一方面也希望可以帮助到阅读的人，如果有什么不对的地方，欢迎指正。
2021-10-11 21:24:03
209
原创 js中的防抖和节流
1、前言在前端开发的工作中，我们经常需要给一些事件绑定处理函数，如click、resize、scroll、mousemove等，但是当我们给一些事件绑定了处理函数时，它会持续的触发处理函数，如果处理函数内部有对DOM的操作的话可能就会由于频繁的操作DOM导致浏览器的挂起，甚至崩溃。2、什么是防抖节流防抖和节流就是为了解决上述问题的两种函数。1、防抖函数防抖函数的原理：事件在被触发后n秒执行，如果该事件在n秒内又被重新触发，则会重新计时。防抖函数一共接收两个参数，一个是处理函数，还有一个是处理函数延
2021-09-29 22:19:29
251
原创 main.js中引入less文件报错
今天在一个vue项目中，打算修改vant的主题,然后出了意想不到的错误，在main.js中引入less文件，项目启动的时候报错。找了会没找出原因,然后在之前的老项目上试了一下是没问题的，从这里就可以知道肯定是某个东西版本的原因，最后发现是脚手架的原因，新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面，我们只需要到build文件下把webpack.base.conf.js文件修改一下就可以，删除或者注释掉这段代码，项目就可以正常运行了。...
2021-09-17 20:30:48
1129
原创 js实现继承的方式，以及优缺点
js实现继承的方式，以及优缺点继承继承是面向对象编程中很重要的一个概念，继承分两种：接口继承和实现继承。接口继承是继承签名，实现继承是继承属性和方法，因为js函数没有签名，所以在js中无法实现接口继承。js中只能实现继承，下面就总结一下js中几种实现继承方式，以及对应的优缺点。...
2021-07-22 21:47:02
342
原创 什么是BFC？
1、BFC的定义MDN中的定义块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。在这里插入代码片读完是一头雾水????，W3C 规范对此作了详细的描述，翻译过来大概如下浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及 overflow 值不为visiable 的块级盒子，都
2021-04-07 19:38:34
161
1
原创 es6中const定义的变量可以修改吗
前一段时间被问到一个问题，const定义的对象可以修改吗，当时只记得const定义的内容不可以被修改，就回答不可以，然后自己实践之后发现const的定义的对象是可以被修改的。const obj = { name: "Mick", age: 25}obj.name = "Jack";console.log(obj);为什么会出现这种情况了，查看了MDN发现有这样一段描述这段话的意思是const 定义的变量指针指向的地址不可以变化，指向地址的内容可以变化。这就解释了为什么const定义的对象
2021-04-06 20:41:47
2257
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人