2023年9月21日
按需导出和默认导出
摘要： 按需导出 创建公共事件或者公共属性 export const name = '按需导出' export function greet() { console.log('按需导出函数') } 然后按需接收 import React from "react"; import {name, greet} 阅读全文
posted @ 2023-09-21 15:04 帅气丶汪星人 阅读(71) 评论(0) 推荐(0) 编辑
react基础操作
摘要： 组件之间进行参数传递 首先我们创建一个组件，在我们的主程序中把数据传递过去 import {useState} from 'react' import SOME from './g6/ant-d-g6' import './App.css' function App() { const [data, 阅读全文
posted @ 2023-09-21 10:39 帅气丶汪星人 阅读(8) 评论(0) 推荐(0) 编辑
2023年6月8日
创建react项目
摘要： react官网 https://reactjs.bootcss.com/ 创建react项目 npx create-react-app my-app cd my-appnpm start 使用vite创建react项目 npm install -g vite 使用npm npm create vit 阅读全文
posted @ 2023-06-08 09:44 帅气丶汪星人 阅读(47) 评论(0) 推荐(0) 编辑
2023年4月7日
继承
摘要： 继承有六种方法：原型链继承，构造函数继承，组合继承，原型式继承，寄生式继承，寄生组合式继承 原型链继承 原型链继承是一种继承方式，它是基于JavaScript中的原型链机制实现的。在JavaScript中，每个对象都有一个原型对象，原型对象又有自己的原型对象，直到达到顶层的Object.protot 阅读全文
posted @ 2023-04-07 21:25 帅气丶汪星人 阅读(53) 评论(0) 推荐(0) 编辑
2023年4月5日
项目打包优化-HardSourceWebpackPlugin
摘要： 项目优化的方法 HardSourceWebpackPlugin 是一个插件，安装的方式 npm i hard-source-webpack-plugin 引入文件，进行config文件的配置 进行文件的热加载的，一个项目启动或者打包的时间，超过40s的时候，可以进行项目的优化和热加载。 文件的加载， 阅读全文
posted @ 2023-04-05 21:31 帅气丶汪星人 阅读(3560) 评论(0) 推荐(0) 编辑
2023年3月26日
vue源码的总结
摘要： observe(data); // 观测这个数据 当我们new Vue之后，做了什么事情？ 1，当我们new Vue之后，调用了Vue构造函数，传入配置项 2，Vue构造函数传入的配置项，调用this._init(options)方法 // Object.defineProperty() vue2版 阅读全文
posted @ 2023-03-26 15:16 帅气丶汪星人 阅读(101) 评论(0) 推荐(0) 编辑
2023年3月25日
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
摘要： vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts 阅读全文
posted @ 2023-03-25 17:47 帅气丶汪星人 阅读(588) 评论(0) 推荐(0) 编辑
Promise源码和静态方法
摘要： Promise源码 index.html文件进行测试，Promise.js文件写源码 Promise是一个类，我们使用class进行Promise的声明 js class Promise {} html <script src="./Promise.js"></script> <script> le 阅读全文
posted @ 2023-03-25 08:57 帅气丶汪星人 阅读(337) 评论(0) 推荐(0) 编辑
2023年3月16日
虚拟dom和dif算法&&dif算法中的key有什么作用
摘要： 虚拟dom是什么 DOM就是文档树，与用户界面的控件树对应，虚拟DOM是对真实DOM的抽象表示 虚拟DOM说简单一点，就是一个普通的javaScript对象，包含了一些属性，DOM节点的层次结构，节点属性和文本内容等信息 可以最小化dom更新，支持跨平台 type：元素类型，列入div，span等 阅读全文
posted @ 2023-03-16 08:37 帅气丶汪星人 阅读(41) 评论(0) 推荐(0) 编辑
2023年3月15日
总结vue的13种传值方法
摘要： 1，父子传值，自定义属性传递参数，子组件使用props接收数据 2，子传父，父组件提供自定义事件，子组件通过$emit触发事件进行传值 3，v-mode传递属性【数据的双向绑定】只是value属性，提供一个input事件，子组件通过$emit出触发input可以 4，.sync传值，提供一个具体的属 阅读全文
posted @ 2023-03-15 08:39 帅气丶汪星人 阅读(428) 评论(0) 推荐(0) 编辑
下一页
← → ↓ ↑
点击右上角即可分享
微信分享提示