Avan's Blog

Avan 的博客

前言

我们知道当在浏览器输入 9999999999999999999999 + 9999999999999999999999 时,它的结果是一个科学计数法。往往我们不需要也看不懂科学计数法。所以需要实现一个函数来实现大数相加。

分析

阅读全文 »

浅析过程

快速排序的原理是,通过定一种中间基准值。与这个基准值进行比较,即可区分成比该值大的一组,以及比该值小的一组。然后继续对区分好的数组进去取基准,在进行比较。直到该数组无法切分后,再将一层层向上合并,最终返回结果。

时间复杂度为 O(nlogn)

阅读全文 »

浅析过程

计数排序的原理是通过统计给定数组中,每个值出现的次数,最后通过统计后对应值出现的次数,从小到大返回一个新的数组。

代码实现思路

阅读全文 »

1、前言

本篇文章循序渐进带大家实现VueRouter的实现原理,阅读前需要对vue的使用有基本的认识,学习过class了解其基本概念。

实现注意点:

阅读全文 »

1、前言

本篇文章循序渐进带大家实现Vuex的主要功能,阅读前需要对vue的使用有基本的认识,学习过class了解其基本概念。

下面我们就开始吧

阅读全文 »

1、介绍

之前文章介绍了使用Props进行参数和函数引用的传参达到组件通信的效果。这次使用context来实现这个效果。

2、创建组件

阅读全文 »

HTTP 状态码

在日在开发中,前端需要通过后端接口请求数据。在响应中存在标识该资源的状态的状态码。虽然该状态码可以随意修改,但是为了规范化,我们还是需要了解一下常见的状态码意思。

2XX 成功

阅读全文 »

1、原生也有组件?

现在Vue、React的大规模流行。前端组件化已经成为潮流,但是原生的组件又有多少人了解了。下面通过几个代码示例,让你快速了解原生怎么写组件。

2、通过继承 HTML 实现组件

阅读全文 »

1、大致思路

获取#app根节点,创建VNode类用于创建虚拟DOM,创建vDom函数,用于生成虚拟DOM对象。根据元素的 nodeType 判断类型,对真实DOM的参数进行处理创建虚拟DOM。对每个元素的 childNodes 进行遍历,递归的进行 vDom 的创建。

2、代码实现

阅读全文 »

1、前言

因公司需求,需要使用uni进行平台同步开发。其中字节跳动的真机调试就很烦人。
ios无法进行真机调试,及时用安卓进入调试也只能看到发送请求。响应你就别想看了。
以至于你想看每个请求的响应数据,都要用console出来。所以引出来今天这篇文章。
如何使用charles进行小程序抓包。

2、下载

阅读全文 »

1. 传统表单提交与AJAX比较

1.1 Form表单

1
2
3
4
5
<form action="/form.html" method="post">
<input type="text" name="username" placeholder="username" />
<input type="password" name="password" placeholder="password" />
<input type="submit" />
</form>
阅读全文 »

1、前言

通常前端开发的时候,我们的页面已经开发完成。但是后端的接口不一定已经写完就了。这时候我们就可以自己去伪造一些符合规范的数据,用于前期的测试,等到后端接口完成的时候我们可以在进行一个接口联调。

2、Mock数据的方法

阅读全文 »

1、如何让元素使用grid布局

给元素添加 grid 或 inline-grid 样式

2、设置行和列

阅读全文 »

1、如何让元素使用flex布局

给元素添加 flex 或 inline-flex 样式

  • flex 在宽度不够使,直接换行显示
  • inline-flex 在宽度不够时,显示一半,剩下的下一行接着显示。
阅读全文 »

1、创建正则表达式

1
2
3
let 变量名 = new RegExp(/123/)
或者
let 变量名 = /表达式/

2、使用

阅读全文 »

一、什么是虚拟DOM

一个能表示DOM树的对象,通常含有标签名、标签上的属性、事件监听和子元素们,以及其他属性

二、虚拟DOM有什么优点

阅读全文 »

一、特点

对Vim的使用者极其友好。如果你会Vim那么学习使用这个浏览器插件将很快上手。如果不会也没关系,我这里总结一些常用的快捷键供大家学习。

插件地址

阅读全文 »