- 博客(12)
- 收藏
- 关注
RSS订阅原创 react学习笔记
https://www.bilibili.com/video/BV1eE411W7WT?p=7一、初始react1】react原理①虚拟domreact把DOM抽象成为一个JS对象，通过这个JS对象来描述相关的页面中的真实DOM，通过这个JS对象来实时的更新真实DOM。这里的JS对象也就是虚拟DOM。②diff算法react通过Diff算法来保证当页面的DOM更新的时候，不第一时间去更新真实DOM，而是去更新虚拟DOM。（因为页面每操作一个真实dom的时间相对比较长的，这里先更新虚拟DOM来，然
2020-07-19 18:39:10
1032
原创 this指向三句话总结，以后被再问了
从本质上理解this指向问题我们先来真正了解一下js里面的函数，特点：有名字（匿名也行）支持闭包创建函数作用域*有arguments*有this*支持new语法糖是一个对象，有name/lenght/call/apply/bind属性0~n个参数、1个返回值参数相同，返回值可能不同注意：标有*的都是ES6中箭头函数不支持的。我们再来复习一下js中声明一个函数的四种方式：//使用创建函数对象的方式const f1 = new Function('x','y','r
2020-07-18 23:13:07
132
原创 react高阶组件，也就这些了
React高阶组件【什么是高阶组件】官方的定义：高阶组件是参数为组件，返回值为新组件的函数；这个概念类似于JavaScript中的高阶函数的概念，高阶函数的维基百科定义：至少满足以下条件之一：①接受一个或多个函数作为输入；②输出一个函数；JavaScript中比较常见的filter、map、reduce都是高阶函数。我们再对高阶组件进行如下的解析：首先， 高阶组件 本身不是一个组件，而是一个函数；其次，这个函数的***参数是一个组件***，返回值也是一个组件；高阶组件的调用过程类似于这样：
2020-07-18 11:13:38
532
转载 React渲染和更新机制
React渲染和更新机制【JSX原理剖析】1】JSX转换本质实际上，JSX 仅仅只是 React.createElement(component, props, ...children) 函数的语法糖。所有的 JSX 最终都会被转换成React.createElement的函数被调用。React.createElement源码如下：...
2020-07-14 18:25:12
3054
原创 react进阶分析
setState进阶分析学习途径coderwhy老师【基本使用】我们来看一个简单的使用setState的例子：import React, { Component } from 'react'export default class App extends Component { constructor(props) { super(props); this.state = { message: "Hello World" } } render()
2020-07-14 16:40:16
178
转载 前端登录终于搞懂了
前端登录在以前互联网刚推出的年代，浏览器作为互联网的入口，仅仅是用于共享一些文档资料等，但是随着互联网技术日新月异的进步，慢慢出现了很多需求，购物网站，社交平台等，这些都是需要登录才能更好的实现功能交互的。但是我们都知道浏览器的数据请求使用的是http协议，是无状态的协议，也就是说，多个客户端向一个服务器发送请求，服务器是不知道请求是谁发来的。要实现登录的需求，必须要实现状态保持。所以就慢慢出现了几种登录的实现方式：Cookie + Session 登录Token 登录SSO 单点登录OAuth
2020-07-13 21:47:58
545
原创 Generator生成器&Iterator迭代器
Generator生成器对象MDN：生成器对象是由一个 generator function 返回的,并且它符合可迭代协议和迭代器协议。generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。【语法】注意yield关键字必须放在带*指针的函数里面用next()方法会执行generator的代码，然后，每次遇到yield x;就返回一个对象{value: x, done: true/false}，然后“暂停”。返回的value就是yield的
2020-07-12 10:59:54
180
原创 Event Loop调用栈、堆内存、任务队列、消息队列
JavaScript Event Loop大家可能都知道JavaScript这门语言是单线程的语言吧，应该学过前端的都知道这个知识吧。单线程也就是说同一时间只能做一件事情。因为在JavaScript被设计出来的时候就是为了在浏览器上面运行，需要操作dom节点，如果是多个线程来操作dom节点的话，就会出现冲突的情况，如果需要解决冲突的话就要引入锁来实现，这样明显就变得很复杂了。JavaScript这门语言的设计者当成就是为了让它不那么复杂，所以就以单线程来设计它。单线程就意味着所有任务需要排队，需要按步骤
2020-07-11 21:15:54
405
原创 React类组件里面的各种问题浅析
浅析React类组件React类组件（组件名首字母大写）//创建类组件 组件名首字母大写class MyCom extends React.Component { render(){ return ( <div>类组件</div> ) }}let com=<MyCom/>ReactDOM.render(com,document.getElementById('app'));reac
2020-07-04 21:51:17
500
原创 多种方式实现双向绑定
我们使用两种方式来实现双向绑定的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双向绑定</title> <!-- 原生实现双向绑定 -->
2020-07-02 18:04:09
581
原创 浅谈操作系统中的进程和线程
操作系统中的进程和线程一、小栗子：我们生活中有许多关于进程和线程的小栗子，比如：我们使用打开微信软件，这时候就开启了一个进程，当我们在微信里面进行各种操作（查看朋友圈，扫一扫…），这么多的操作都是线程。所以我们可以说**“进程”是包含“线程”的，“线程”是“进程”的一个子集。**二、简单总结进程和线程：进程：指在系统中正在运行的一个应用程序；程序一旦运行就是进程；进程—系统资源分配的最小单位。（站在操作系统维度上）线程：系统分配处理器时间资源的基本单元，或者说进程之内独立执行的一个单元执行流
2020-07-01 17:36:15
180
原创 CSS滚动指示器
一、CSS滚动指示器滚动指示器指的是页面的顶端会有一个进度条，指示滚动的进度。效果如下GIF所示（点击播放）：CSS滚动指示器指的是不借助JavaScript，纯CSS实现滚动进度效果。二、传统的实现方法传统CSS实现方法由一个名叫 Mike的人首先提出，时间应该是16年，这个CodePen目前已经有十几万的访问量：CSS only scroll indicator传统的CSS实现非常有创意，具体原理如下。在body标签上写一个对角的线性渐变，然后用一个白色的固定定位的浮层覆盖在上面，CSS代
2020-07-01 13:07:01
482
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人