js
吕三三
程序媛。
展开
-
JSX基本语法总结
定义虚拟DOM时不用单引号标签中混入JS表达式时要用{}样式的类名指定不要用class,要用className(因为class是es6中定义的关键字)内联样式,要用style={{key:value}}只有一个根标签标签必须闭合标签首字母 a. 若小写字母开头,则将标签转为html同名元素,若html中无该元素对应的同名元素,则报错 b. 若大写字母开头,React就去渲染对应的组件,若组件没有定义,则报错...原创 2021-05-07 20:26:34 · 171 阅读 · 0 评论 -
this指向问题一丢丢笔记
方法中直接使用this function demo1() { //此时this指向window console.log(this) } function demo2() { //严格模式 'use strict' //此时this的值为undefined console.log(this) }通过实例调用类中的方法,this指向就是对象实例 class Person { //接受参数 this指向类的实例对象 constructor(name, a.原创 2021-05-04 15:25:05 · 116 阅读 · 0 评论 -
JS构造器的一丢丢总结
JS构造器的一丢丢总结类中的构造器不是必须要写的,如果要对实例进行一些初始化的操作,如添加指定属性才需要写;如果A类继承B类,且A中写了构造器,那么A类构造器中的super是必须调用的;类中所定义的方法,都放在了类的原型对象上,供实例使用。构造器解释 //创建一个demo类 class Demo{ //构造器方法 constructor(){ } }类的原型对象解释 class Demo{ } //打印结果里的__proto__就是这个累的原型对象 c原创 2021-05-04 14:44:07 · 199 阅读 · 0 评论 -
forEach与for的性能对比
代码实例验证 let arrs = new Array(10000000); console.time('for'); let len = arrs.length //大循环应该提前定义长度变量 for (let i = 0; i<len; i++) { }; console.timeEnd('for'); console.time('forEach'); arrs.forEach((arr) => { }); console.timeEnd('forEac原创 2021-04-29 16:06:42 · 983 阅读 · 0 评论 -
一个炒鸡简单的react-redux入门实例
https://b23.tv/0nERYx原创 2021-02-01 16:19:55 · 212 阅读 · 0 评论 -
Redux详解
1. redux概述redux是一个用于JavaScript状态容器,提供可与预测化的状态。redux可以让你构建一致化的应用,运行不同的环境(客户端,服务器,原生应用),并且易于测试。redux除了与react一起使用外,还支持其他界面库,而且它体积小(只有2KB)2. redux组成3. 实现过程实现点击A组件+号按钮,B页面数字++4. 总结本篇分享是我边看视频边操作再加上文档整理出来一些东西,作为自己的学习笔记,前端小白还未在实际项目运用过,有问题可以提出一起讨论~...原创 2021-02-01 11:53:58 · 2323 阅读 · 0 评论 -
防止按钮重复点击解决思路
一、问题出现场景:表单提交重复点击提交按钮,点赞、收藏等操作二、解决思路:设置一个变量用于判断是否可以点击,默认未true,当这个值为true时可以点击,点击之后设置为false,请求接口完成之后又将值设为true。不管是什么框架,还是原生这个思路都OK的~三、代码例子: import React from 'react'; class Demo extends React.Component{ constructor(props){ super(props);原创 2021-01-13 16:19:38 · 1518 阅读 · 0 评论 -
如何利用map()将字符串数组转int数组的三种方式
如何利用map()将字符串数组转int数组的三种方式方式一 let arr = ['1','2','3','4','5']; let mapArr = arr.map(Number); console.log(mapArr);方式二 let arr = ['1','2','3','4','5']; let mapArr = arr.map(str => parseInt(str)); console.log(mapArr);方式三 let arr = ['1','2','3',原创 2020-12-31 14:44:41 · 2314 阅读 · 0 评论