自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 react学习日记

1.组件信息的传递, 函数组件用props,类组件在render用this.props在constructor需要在super(props) 2.组件通信的三种方式 2.1 父传子 1.父组件提供要传递的state数据 2.给子组件标签添加属性为state中的数据 //父组件 class Parent extends React.Component { state = { lastName: '王', } render() { return ( <div cla

2021-07-31 13:44:11 57

原创 React学习日记

学习成果: 1.如何创建组件 :函数组件和类组件,即无状态组件和有状态组件 2.组件在调用函数时的指针问题解决 :使用箭头函数 或使用匿名函数时需要绑定指针 3.如何渲染和绑定事件:使用name和value属性进行搭配 4.如何循环表单:使用.map(item =>(这里写入表单结构,如li标签))映射 5.如何使用结构赋值搭配使用 :[{id:xxx,name:xxx,content:xxx},…comments] 6.使用setState()方法更新state 7.组件渲染:ReactDOM.re

2021-07-29 03:11:06 185

原创 js防抖原理和案例

<script> //原理 可以用于输入自行搜索 const button = document.querySelector('input') function paymoney() { console.log('hahah') console.log(this) //当单独执行它的时候它指向是button对象 但是在闭包里的settimeout后它的指向是window //所以必须在调用这个函数的函数里绑定this }

2021-07-27 21:27:08 106

原创 vue中的vueRouter源码分析

class historyRoute{ construcor() { this.current = null; } } class vueRouter { constructor(options) { this.mode = options.mode || 'hash'; //模式 this.routes = options.routes || []; //路由 this.history = new historyRouter; //current值 t.

2021-07-23 22:03:16 90

原创 vue实现双向数据绑定原理(数据劫持和发布订阅者)的个人理解注释

<script> //创建依赖收集的类 export class Dep { constructor() { this.subs = [] } //为添加依赖添加方法 我也不知道为什么要定义这个函数 直接写在depend不香么? 完成API? 或许有其他的用法 addSubs(sub) { this.subs.push(sub) } //删除依赖 or 接触监听 removesubs() { re

2021-07-23 00:17:26 171

原创 nodejs构建一个简单的服务

const http = require('http') //npm的第三方包 是个对象 // console.log(http); const hostname = '127.0.0.1'//代表本机地址 const port = 3000; //唯一端口进程 const serve = http.createServer((req,res)=>{ //请求对象 和 响应对象 res.statusCode=200; res.setHeader('Content-Type','text

2021-05-12 10:50:14 94

原创 axios源码分析

axios为何可以当作对象和函数使用 bind()方法的调用确保了this指向 dispatchRequest和adapter的构建和调用 拦截器的构建 取消ajax请求的方法 canceltoken的构建 是通过暴露promise中的resolve()方法来改变promise状态,从而调用了abort()方法 <button>请求</button> <button>取消</button> <script> //cancelTo.

2021-05-11 17:29:38 66

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除