学习React基本点击事件操作(二) //这个就直接采用函数式写法,不用类的写法import React ,{Fragment,useState} from "react"function sheepNi(){ let [num,setNum] = useState(1); const addNum = ()=>{ // setNum(num++);//这种写法就是新值覆盖初始值 setNum(()=>{ //这种写法就是新值覆盖旧值 num++; }) } render(){ return(
学习React基本渲染数据操作(-) import React, { Component, Fragment } from "react";//采用类的写法,现在在版本16.8以后出现Hooks以后就几乎不用类的写法export default class App extends Component{ state = { arr:["我的小红书账号sheepNi","喜欢和大家交朋友"] } render(){ return( <> <ul> return( this
css左侧固定右侧自适应 *{ margin: 0; padding: 0; } .fixBox{ display: flex; width: 100%; height: 300px; border: 1px solid palevioletred; } .leftBox{ flex: 0 0 300px; background-color: aquamarine; } .rightBox{ background-color: blu..
css水平垂直居中5种方式实现 <style> /* .demon{ width: 200px; height: 200px; border:1px solid #e9e9e9; position: relative; } .hart{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80px; height:
什么是单点登录 //不同域名下的单点登录 详细请参考 https://baijiahao.baidu.com/s?id=1700599936444607979&wfr=spider&for=pc // 获取 token var token = result.data.token; // 动态创建一个不可见的iframe,在iframe中加载一个跨域HTML var iframe = document.createElement("iframe"); iframe.src = "http
css 变量减少样式重复定义,比如同一个颜色值要在多个地方重复使用 //随手记录下,哈哈,我朋友小康看我发一篇文章里面的介绍的<style> :root{ --bgColor: blue; --color:red; --fontSize:24px } .reduceBox{ width: 200px; height: 200px; border: 1px solid var(--bgColor); } .title, .sun,.kni{ width: 100%; height
js addEventListener监听scroll滚动条 距离底部一定距离,加载数据,超过最大高度移除监听事件 //测试dmeon .testBox{ height: 450px; border: 1px solid rebeccapurple; width: 500px; color: blueviolet; overflow-y: auto; }在这里插入代码片```<div class="testBox"> <div class="sunBox"> <div class="childBox">今天天气不错
js中reduce去重 //reduce去重请问下 prev.concat(next)?这个地方为什么不能用 prev.push(next) function parent(arr){ return arr.reduce((prev,next)=>{ console.log(prev,next,"prev") return prev.includes(next)?prev:prev.concat(next); // return prev.push(next); },[]
创建a标签,通过浏览器下载 //记录下,创建a标签,通过浏览器下载 templateStudentName(){ let a = document.createElement('a'); let evt = document.createEvent('MouseEvents'); a.download = '学生导入模板'; a.href = '/document/templateStudent.xlsx'; evt.initEvent('click',true,true
new Promise请求后台的数据返回成功以后,在去执行操作其他操作 //记录下,如果在一个函数需要保证,请求后台的数据返回成功以后,在去执行操作其他操作//addEnv是axios请求以后封装好的接口function cat(){ return new Promise((reslove,reject)=>{ addEnv({id:1}).then(res=>{ reslove(res) }).catch(error=>{ reject(error) }) })}async function sheep(){ let r
ueditor在富文本中嵌套iframe //在富文本中嵌套iframe//preChapter vue中的建立一个页面data(){ return{ arg:"/#/preChapter", }} //获取iframe中的id that.idQuestion = self.frameElement.getAttribute("id");
当表单中只有一个<el-input>的时候,操作键盘的enter浏览器出现刷新问题 记录下,在element-ui中,弹框里面的时候,当只有<el-input>的时候,操作键盘的enter浏览器出现刷新问题,需要阻止默认点击事件的传递
element-ui中,从获取后台数据渲染下拉框数据,用户需要可以选择多个 //记录下,element-ui中,从获取后台数据渲染下拉框数据,用户需要可以选择多个 <el-form-item label="授课班级" :label-width="formLabelWidth" prop="classIds"> <el-select v-model="ruleForm.classIds" multiple filterable remote reserve-keyword placeholder="请输入关键词" :remote-m
js 原型的组合继承 记录下原型的组合继承// 创建父类function Parent(name){ this.name = name ;//实例属性 this.sayHi = function(){ console.log("我是一个实例的方法"); }}//创建子类function Child(name,age){ //继承父类的实例的属性和方法 Parent.call(this,name); this.age = age}//继承父类上原型的实例//Object.create()//es6创
reduce处理数组成多层子级新数组 let arr = [ { id:1, name:'er', pid:0 }, { id:2, name:'we', pid:1, }, { id:3, name:'ert', pid:2, }, ] //处理成 let arr02 = [ { id:1,
vue2,计算属性computer //突然想起来,就记录下哈哈//需要传入初始化值的时候满足computer(){ sum(){ return function(num){ return num++; } }}sum(2);