- 博客(11)
- 收藏
- 关注
RSS订阅原创 react受控组件与非受控组件
受控组件与非受控组件###1非受控组件非受控组件不需要写事件处理函数，由DOM自身进行维护。一般通过Ref进行DOM的绑定。（1）创建组件 class Login extends React.Component{ handleSubmit=(event)=>{ event.preventDefault() // 阻止默认提交事件 const {username,password} = this }
2022-05-06 22:15:50
293
转载 JavaScript-集合引用类型（Array）
文章目录一、创建数组1.1 使用 Array 构造函数1.2 使用数组字面量（array literal）表示法1.3 ES6 新增的用于创建数组的静态方法（from()、 of()）1.3.1 Array.from()1.3.2 Array.of()二、数组空位三、数组索引四、检测数组五、迭代器方法5.1 keys()5.2 values()5.3 entries()5.4 使用 ES6 的解构六、复制和填充方法（ES6新增）6.1 fill()6.2 copyWithin七、转换方法（不会改变原数组）7
2022-04-29 11:35:21
252
原创 react组件实例对象的三大核心（state,props,refs）
组件实例对象的三大核心一、stateclass Weather extends React.Component { constructor(props) { super(props); // 解决demo中this指向问题 this.test = this.this.demo.bind(this); } state = { isHort: true }; render() { const { isHort } = this.state; retu
2022-04-21 21:27:07
529
原创 typescript 贪吃蛇 案例
使用TypeScript + Webpack + Less实现贪吃蛇的案例项目搭建1、导入配置文件tsconfig.jsonpackage.jsonwebpack.config.js2、项目依赖TypeScript（1）typescript（2）ts-loaderwebpark(1)webpack(2)webpack-cli(3)webpack-dev-server(4)html-webpack-plugin(5)clean-webpack-pluginBabel(1)co
2022-04-02 14:57:32
1107
原创 react基础
React 的特点1） 声明式编程2） 组件式编程3） React Native 编写原生应用3） 高效（优秀的 Diffing 算法）_ React 高效的原因 _1） 我们的 React 它是直接去使用的虚拟 Dom，而不是直接去操作我们的真实 Dom2） 使用 Dom diff 算法，可以最小化的重绘我们的页面bable.js1） ES6 ==> ES52） JSX ==> JS在 html 中书写 react1） 引入 react 核心库 ——react.deve
2022-03-29 10:03:11
708
原创 Typescript中类和类的继承
TS创建类通过关键字 class 创建类class Person{ /* 直接定义的属性是实例属性，需要通过关键字new来访问 const per = new Person() console.log(per.name) */ name:string = '猴子'; // 在属性前使用static关键字可以定义类属性，可以直接访问 // 如 console.log(Person.age) stati
2022-03-21 21:33:33
1021
原创 typescript类型及配置文件
TS的数据类型布尔值、数字、字符串、数组、元组、枚举、any、void、null和undefined、never、object1） 数组有两种方式可以定义数组<1>可以在元素类型后面接上[] let list:string[] = ['1','2','3']<2>使用数组泛型，Array<元素类型> let list:Array<string> = ['1','2','3']枚举 enum（ 枚举用于表示固定的几个取值）
2022-03-16 21:56:41
946
原创 Vue3响应式原理及如何使用
在Vue3中的响应式与Vue2中响应式原理有着些许不一在Vue2中，Vue实现的底层是通过Object.defineProperty()方法把数据设置为getter和setter的访问形式，这样我们就可以在数据被修改时在setter方法设置监视修改页面信息，也就是说每当数据被修改，就会触发对应的set方法，然后我们可以在set方法中去调用操作dom的方法。在Vue3中，响应式ref(基本数据类型)中处理采用的是Object.defineProperty 中的set 和get方法，复杂数据类型采用的是pr
2022-03-14 21:02:56
1114
原创 V3 setUp
在beforeCreate（在创建之前）执行一次，this是undefined，所以我们应该注意this指向这个问题，避免使用this，Vue2中的data、生命周期、自定义函数都可以放置在内在setup函数中定义的变量和方法需要return出去，不然无法在模板中使用 例如：setup (){let person = retive({})return {preson}};Setup的参数·props：值为对象，包含组件外部传递过来，且组件内部声明接收的属性...
2022-03-14 14:45:36
623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人