- 博客(57)
- 收藏
- 关注
原创 屏幕视口变化监听,resize不生效时可以用orientationchange
orientationchange事件,该事件在设备的方向发生变化时触发,比如从纵向到横向或从横向到纵向的变化。可以用resize,但是有时候监听不到高度变化,这个时候可以用。
2024-05-16 16:54:11
380
原创 vue+elementui(笔记)
vue+elementui表格 <div class="tableStyle"> <el-table :data="pointsSettingsTableData" style="width: 70%" :stripe="true" size="mini" header-cell-class-name="headerClassName" :cell-style="{ 'text-align': 'center' }" :border=
2024-04-29 17:21:47
776
原创 ::符号的使用
方法引用是一种更简洁地表示特定方法的Lambda表达式的方式。它允许直接通过方法的名称引用已经存在的方法,而不是像Lambda表达式那样提供一个匿名函数。使用方法引用可以使代码更加简洁易读。:: 是 Java 8 引入的方法引用(Method Reference)操作符。类名或对象名:表示要引用的方法所属的类名或对象名。方法引用的语法格式为:类名/对象名::方法名。实例方法引用:对象名::实例方法名。方法名:表示要引用的方法的名称。静态方法引用:类名::静态方法名。构造方法引用:类名::new。
2023-12-29 16:00:39
557
原创 【java笔记】
/方法1(最快)//方法2//方法3HttpServletRequest 对象代表客户端的请求当客户端/浏览器通过 HTTP 协议访问服务器时,HTTP 请求头中的所有信息都封装在这个对象中通过这个对象的方法,可以获得客户端这些信息HttpServletRequest 类图HttpServletRequest 常用方法getRequestURI() 获取请求的资源路径 http://localhost:8080/servlet/loginServlet。
2023-12-22 16:19:24
517
原创 Error in D:\项目react\library\node_modules\antd\lib\style\color\bezierEasing.less (line 110, column 0)
Error in D:\项目react\library\node_modules\antd\lib\style\color\bezierEasing.less (line 110, column 0)ERROR in ./src/login/login.less (./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/login/login.less)Module build failed (
2023-03-31 09:42:57
219
原创 React页面跳转
第一种方法 window.location.href = "./managerMain/managerMain.html"如果想跳转到根路径:http://localhost:3000/ 可以这样写-> window.location.href = "/"
2022-05-06 14:16:51
360
原创 React原型链解析
前言使用原型链的作用:当我们需要创建很多对象且这个对象都有一个相同的方法我们可能会需要写很多遍这个方法。但是有了原型链,我们可以将这个方法写在函数的prototype里,这样每个新创建的对象都能直接拿到这方法。原型链首先,我们要知道每个方法 都有一个prototype每个对象都有一个__proto__和constructor方法也是对象,所以方法也有__proto__和constructor ,即方法有__proto__和constructor和prototype假设存在方法foo和对象
2022-04-08 14:01:15
1019
原创 引用带有‘-’符号的样式的方法
react引入样式的方法①导入样式import layoutStyles from '../../styles/layout.less'②使用 <Header className={headerStyles.header}> <NavToolButton2 /> </Header>header是这个less文件里的一个类名使用带有‘-’符号的类名样式此时就不能再用.了应该这样:<Content className={lay
2022-04-07 17:18:24
1391
原创 React getDerivedStateFromProps() 方法
作用为了替换 componentWillReceiveProps,让组件在 props 变化时更新 state。getDerivedStateFromProps 会在调用 render 方法之前调用,即在渲染 DOM 元素之前会调用,并且在初始挂载及后续更新时都会被调用。class Header extends React.Component { constructor(props) { super(props); this.state = {favoritesite: "runo
2022-04-02 13:07:59
1685
原创 React里的函数加与不加括号的区别
import './App.css';function App() { const handleClick=()=>{ console.log(111); } return ( <div className="App"> <button onClick={handleClick()}>button</button> </div> );}export default App;加括号不.
2022-03-30 09:41:42
1369
原创 关于React里使用bind时的this指向问题
关于React里使用bind时的this指向问题在上图被框起来的地方,为什么要绑定this呢?当我们想在这个函数里修改这个组件的状态的时候this.setState=({ count:this.state.count+1})此时是会报错的,此时的this代表的是handleClick方法,而这个方法里没有state,所以会报错。如果我们不想用bind绑定的话,也可以直接用箭头函数。用箭头函数的话,在函数里使用this是直接使用的该组件的this。...
2022-03-29 18:41:55
1038
原创 React默认路由实现重定向
<HashRouter> <Switch> <Route exact path='/studentMain/studentMain/toCompany' component={ToCompany}></Route> <Route exact path='/studentMain/studentMain/resume' component={Resume}></Route> <Route exact ..
2022-03-29 10:42:51
581
转载 react路由跳转
React中几种页面跳转方式1、使用 react-router-dom 中的 Link 实现页面跳转一般适用于,点击按钮或其他组件进行页面跳转,具体使用方式如下:<Link to={{ pathname: '/path/newpath', state: { // 页面跳转要传递的数据,如下 data1: {}, data2: [] }, }}> <Butt
2022-03-29 10:05:42
25207
原创 antd的Radio设置默认选中
当时用antd组件库的Radio单选框时,设置默认选中const Demo = () => { return ( <Form name="validate_other" {...formItemLayout} onFinish={onFinish} //通过该字段设置 initialValues={{ 'radio-group': 'c', }} > <Form.
2022-03-24 11:14:53
3053
原创 antd组件的list表单渲染button公用一个回调函数出错
渲染的列属性const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', width: 100, }, { title: '性别', dataIndex: 'sex',
2022-03-18 17:20:37
173
原创 React属性值拼接字符串和变量
<Form.Item label="岗位" name={'post'+n} style={{ width: 150 }}> <Input /></Form.Item>
2022-03-16 15:26:40
1504
原创 antd的Form表单如何取到表单里的数据以及如何设置默认值
获取表单数据第一步创建ref实例//在render外面,类里面就可以formRef = React.createRef()第二步给form表单赋值 <Form style={{ width: 600, marginLeft: 30, marginTop: 20 }} ref={this.formRef}> </Form>第三步给每个Form.Item添加name属性<Form.Item name="username" label="姓名"
2022-03-15 19:59:38
6200
1
原创 React使用antd组件Modal的两种方法
1、使用pubSub订阅(使用immutable.js)发布 onClick = () => { const form = Immutable.fromJS(this.state.resumeInfo) PubSub.publish(FORM_EDIT_MODAL_OPEN, { status: 'edit', form }) } //发布的同时可以传递一个参数(此处是form),这里用的是immutable //可以深层次比较订阅st
2022-03-15 19:52:05
2468
原创 react_路由的使用
1.第一部分是路由的出口 这里一定要用BrowserRouter包裹住import { Redirect, Route, Switch } from 'react-router'import { BrowserRouter } from 'react-router-dom';<Content> <BrowserRouter> <Switch> <Route path='/studentMain/student
2022-03-10 16:42:26
742
原创 redux的使用
redux的使用redux的使用主要包括三部分store仓库 reduce函数 actionstore仓库里储存着所有公共状态,通过dispatch触发action,reduce函数一直处于监听状态,当有匹配的type时返回其状态。storestore.js// applyMiddleware: redux通过该函数来使用中间件// createStore: 用于创建store实例import {createStore,applyMiddleware} from 'redux'//thunk
2022-03-03 19:24:29
168
原创 react生命周期
constructor(props) { console.log('constructor'); super(props); }// 将要装载,调用在constructor之后,在render之前,每一个组件render之前就会调用 componentWillMount() { console.log('componentWillMount'); }//方法在组件挂载后(插入 DOM 树中)立即调用 componentDidMount() { conso.
2022-03-01 15:36:40
247
原创 js函数常见的写法以及调用方法
文章目录1:常规写法2:匿名函数写法3:将方法作为一个对象4.构造函数中给对象添加方法5.自执行函数1:常规写法//函数的写法function run{ alert("常规写法") //这里是你函数的内容}//调用run()2:匿名函数写法var run = function(){ alert("这是一种声明函数的写法,左边是一个变量,右边是一个函数的表达式, 意思就是把一个匿名函数的表达式赋值给了一个变量myrun,只是声明了一个变量指向了一个函数对象")//
2022-02-28 13:26:20
261
原创 java_内部类
文章目录一、内部类二、非静态成员内部类对内部类的理解如何创建内部类对象总结三、静态成员内部类使用方法总结私有内部静态类三、局部内部类总结四、匿名内部类总结匿名内部类的作用和使用场合一个类的成员:成员变量、成员方法、构造方法、代码块、内部类内部类主要分为:成员非静态成员内部类、静态成员内部类、局部内部类、匿名内部类匿名内部类是局部内部类的一种一、内部类内部类是一类特殊的类,指的是写在类的内部的类package Day6;public class Dog { //静态成员内部类
2021-11-08 13:03:31
189
原创 java_final和抽象类/方法和接口
文章目录final一、final关键字的作用二、常用的final类三、final的命名规则四、关于使用final定义方法五、关于final修饰对象引用抽象类和抽象方法接口要点总结1:接口的组成总结2:jdk1.8之后的变化总结3:实现非抽象方法的目的final一、final关键字的作用修饰变量被他修饰的变量不可以改变,一旦赋了初始值,就不能被重新赋值。只能赋值一次修饰方法该方法不可以被子类重写,但是可以被重载。final不能修饰构造方法修饰类修饰的类不能被继承。二、常用的final类
2021-11-07 15:11:55
143
原创 java_多态
文章目录一、多态的概念*要点二、向下转型三、简单工厂模式一、多态的概念多态是指同一个方法调用,由于对象不同可能会有不同的行为。多态可以拿父类做一个方法的形参 实参可以传入他的任何一个子类 还可以拿父类作为一个方法的返回值多态创建的对象,可以调用父类特有的方法,也可以调用子类继承父类的方法(不同多态对象结果可能不同),但是不能调用子类特有方法。*要点1.多态是方法的多态,不是属性的多态。2.多态存在要有三个必要条件,继承,方法重写,父类引用指向子类对象。3.父类引用指向子类对象后,用该父类引
2021-11-05 20:16:03
90
原创 java_组合
组合就是拿着一个类做另一个类的成员变量Computer类package composite;//组合public class Computer { //组合就是拿着一个类做另一个类的成员变量 private Cpu cpu = new Cpu(); private Memory memory = new Memory(); private MainBoard mainBoard = new MainBoard(); public void work(){
2021-11-05 16:56:48
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人