Avan's Blog

Avan 的博客

使用过哪些ES6语法

let、const、箭头函数、计算属性名、拓展运算符、解构赋值、export、import、export default、Promise、Reflect

1 Promise

阅读全文 »

HTTP状态码

2XX 成功

  • 200 OK,客户端的请求被正确处理
  • 204 No content,请求成功,响应报文不含实体的主体部分
  • 205 Reset Content,请求成功,响应报文不含实体的主体部分,但是需要请求方重置内容
  • 206 Partial Content,进行范围请求
阅读全文 »

1、组件通信方式

  1. 父传子:通过Props属性进行接收
  2. 子传父:父级传送一个函数,来修改父组件的数据
  3. 跨组件通信:通过使用context API,可以在组件内部向子孙级组件通信
    context.js
1
2
3
4
5
import { createContext } from 'react'
const context = createContext(undefined)
const { Provider, Consumer } = context
export { Provider, Consumer }
export default context
阅读全文 »

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、设置行和列

阅读全文 »