自定义博客皮肤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——白银React

不屈白银React注:白银React是在青铜React的基础上编写的上篇文章中我们实现了一个青铜段位的react,虽然是可以渲染出视图的,但是随着项目变得愈加庞大,组件数量越来越多的时候,这一条虚拟dom树就会变得极为庞大,而这时候视图是通过执行js脚本来渲染的,js脚本的执行和浏览器布局是不能同时执行的,而我们这种递归调用渲染的方式一旦开始则无法中断,所以组件数量过多的时候js脚本在渲染视图的时候用时过长就会出现卡顿的情况。为了解决这个问题,Facebook引入了一个Fiber架构什么是Fiber架

2021-07-07 17:09:53 99

原创 手写react——青铜React

英勇青铜React准备随着使用时间的增加,我们对一个框架也会越来越熟悉,最终终归要对源码进行学习,这也是成为大佬的必经之路。官方的脚手架create-react-app是一个比较适合用来学习的脚手架,所以我们在学习源码的时候都将在这个脚手架上编写代码。create-react-app my-react在使用create-react-app搭建好项目之后我们将src目录下除了index.js之外的所有文件全部删掉,然后将index.js中的所有内容也全部删掉。我们一步一步的来实现createE

2021-07-07 17:08:55 98

原创 2020-09-13笔记

expressexpress是一个小规模的node.js框架,笔者最近在学习node,所以注意到了这个框架。要使用express首先需要保证电脑上安装了node.js,node.js可以去node官网下载并安装。可以通过下面指令安装expressnpm install express --save然后就可以使用express了,首先先新建一个app.js文件,目录结构如下:node_modulesapp.js//app.js//导入expressconst express = re

2020-09-13 22:03:45 72

原创 Promise

Promise 承诺Promise是一个承诺,并不会立即执行resolve是兑现承诺的回调,reject是拒绝兑现的回调我们可以用then来获取兑现结果,用catch回去拒绝兑现的原因比如function bigHouse(){ return new Promise(function(resolve,reject){ setTimeout(function(){ var n = Math.random();//生成随机数 if(

2020-07-04 20:48:26 121

原创 js模块的导入与导出

js模块的导入与导出导入import在js模块中通过import导入其他文件import xxx from '路径地址',在导入的时候.js后缀以及index.js可以省略不写,如果是在vue项目中.vue后缀也可以省略导入css可以只用import '路径'导入导出导出分为两种导出方式export和export defaultexport(具名导出)在第一个js文件中写下如下代码//第一个js文件var name = "名字";function fun(){ alert("

2020-06-25 17:52:58 1606

原创 Vue路由

vue路由内置组件vue中的路由有两个内置组件分别是router-link和router-viewrouter-view:router-view的作用是显示路由页面对应的组件router-link:router-link是用来跳转路由的,要在组件标签内加上to属性,to属性对应要跳转的路由路由配置在vue项目的/src/router/index.js目录中可以配置路由,路由配置主要是为了连接router-view和组件页面//目录 src/router/index.js//通过imp

2020-06-24 23:43:30 157

原创 2020-06-23

Vue基础知识Vue是用于构建用户界面的渐进式框架,借鉴了angular的指令思维和react的组件与虚拟dom思维,运用了MVVM的设计思想。组成模板(视图)业务逻辑指令特点1.易用,会html、css、js更快上手2.灵活,不断繁荣的生态系统,可以在一个库或者一个框架伸缩3.高效,使用虚拟dom,运行速度更快MVVMMVVM是Model-View-ViewModel的简写,MVVM是一种设计思想。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View代表

2020-06-23 23:17:54 419

空空如也

空空如也

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

TA关注的人

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