爱学习的前端er-优快云博客

原创 onLoad、onReady、onShow的先后关系

【代码】onLoad、onReady、onShow的先后关系。

2025-03-09 15:15:00 117

原创常见前端面试

Javascript 方面。content 方面。

2025-03-06 11:45:00 462

原创 js高级面试题

可以解决原型链继承缺点；但是不能够访问父类原型定义的方法。1.借用构造函数继承。

2025-03-05 13:00:00 106

原创 reacct hook useState

useState 是一个 React Hook，允许函数组件在内部管理状态。第一个元素：当前的状态值；第二个元素：一个更新该状态的函数。在react当中不可以直接修改原数组，所以需要返回一个新数组。useState接受的参数为初始值；useState set函数是异步更新:性能优化。调用set函数会触发组件的重新渲染。基础类型：可以直接使用。

2025-02-22 23:00:00 247

原创 react hook useReducer

useReducer 是 React 中用于状态管理的 Hook，与 useState 不同，它更适合处理复杂的状态逻辑.

2025-02-21 16:36:42 417

原创虚拟dom 真实dom

虚拟dom就是用js对象去描述一个dom结构，虚拟dom不是直接操作浏览器的真实dom，而是首先对ui的更新是在虚拟dom中进行，在变更高效的同步到真实dom中。跨平台性：与平台无关的概念，映射不同的渲染目标。eg:浏览器的dom或者移动端的原生ui.性能优化：减少不必要的dom操作。

2025-02-21 15:32:11 255

原创 react目录基本介绍

原因是非空断言，告诉编辑器这个不会为空。public则不会被编译并且在同源下可进行访问。public目录的资源编译之后会存放到根目录，静态资源assets是会随着项目一起打包的。如果不这样写的话就需要加一个判断了。

2025-02-20 17:24:24 138

原创前端大文件上传

大文件上传是前端开发中常见的需求，但由于文件体积较大，直接上传可能会遇到网络不稳定、服务器限制等问题。因此，通常需要采用分片上传、断点续传、并发控制等技术来优化上传体验”

2025-02-20 14:53:27 292

原创 vue 页面全缓存编辑成功的页面保存后清除上次未保存页面缓存删除同一页面特定判断下缓存

【代码】vue 页面全缓存编辑成功的页面保存后清除上次未保存页面缓存删除同一页面特定判断下缓存。

2025-02-14 15:09:20 169

原创 ts 泛型泛型约束 typeof keyof

【代码】ts 泛型泛型约束 typeof keyof。

2023-03-29 20:45:00 297

原创 Symbol Symbol.for 区别 Reflect.ownKeys

【代码】Symbol Symbol.for 区别 Reflect.ownKeys。

2023-03-28 11:27:24 180

原创 js 减少嵌套 if..else 或 switch case

function doSomething(){ console.log('执行方法') }let a = 6if(a===6){ doSomething()}//等同于 a===6 && doSomething() //如果满足某个条件执行的方法if(a !== 5){ doSomething()}//等同于 a===5 || doSomething() //如果不满足某个条件执行的方法...

2023-03-28 09:31:08 162

较短的 If-Else 的空合并你可以使用看涨合并，而不是使用 if-else 构造来检查值是否为空。该nullish合并操作 ??，如果没有定义左侧返回右侧。如果是，则返回左侧：let maybeSomething;// LONG FORMif(maybeSomething){ console.log(maybeSomething)} else { console.log("Nothing found")}//SHORTHANDconsole.log(maybeSometh

2023-03-28 09:27:22 57

原创项目 vue 文件导出封装

文件导出通用js

2022-09-02 16:11:15 257

原创 vue3 ref reactive toRefs onMounted

<template> <div class="add"> <el-card class="add-container"> <el-form ref="form1" :model="form" label-width="120px"> <el-form-item required label="商品分类"> <el-select v-model="form.category" requ

2021-11-05 17:10:58 794

原创 js 常用的函数

// 字母转大写export function toUppcase(str) { return str.toUpperCase()}// 截取下划线之后的内容export function subStr(str) { let index = str.indexOf('_') let result = str.substring(index+1,str.length) return result}// 只能输入数字export function isNumber(numb

2021-11-02 17:41:58 123

原创 js常用的正则表达式

//正整数/^[0-9]*[1-9][0-9]*$/;//负整数/^-[0-9]*[1-9][0-9]*$/;//正浮点数/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/; //负浮点数/^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //浮点数/^(

2021-11-02 15:13:01 161

原创 elementui $prompt button默认值初始值

this.$prompt(' ', '请输入标题：', {inputValue: `${file.title}` }).then(({ value, action }) => { if(!value){ return false; } this.$message.success("操作成功") this.fileList4[i

2021-11-02 13:56:19 1969

原创 git clone LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

通过百度搜寻解决方案是是git config http.sslVerify “false” 无效原来是github没有登录，登录成功之后就可以了

2021-11-02 10:59:35 208

原创 Vue 前端代码风格

1.1.1 项目名全部采用小写方式，以短横线分隔。例：my-project-name。1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、views。1.1.3 图像文件名 HTML 文件全部采用小写方式，优先选择单个单词命名，多个单词命名以下划线分隔。1.1.4 CSS 文件名 JavaScript 文件名全部采用小写方式，优先选择单个单词命名，多个单词命名以短横线

2021-11-02 10:19:36 391

原创前端常用的方法封装

// 字母转大写export function toUppcase(str) { return str.toUpperCase()}// 截取下划线之后的内容export function subStr(str) { let index = str.indexOf('_') let result = str.substring(index+1,str.length) return result}// 只能输入数字export function isNumber(numb

2021-11-01 18:59:22 139

原创 elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop “status“

<div v-if="!pass && progress !== 0" class="img-content img-progress"> <el-progress type="circle" :percentage="progress" :status="proStatus"></el-progress

2021-11-01 14:40:33 385

原创 React Native搭建环境

刚开始学习React Native 记录一下踩坑React Native 官网地址：https://reactnative.cn/docs/environment-setup搭建环境完全按照官网的操作来就可以了，虽然说着很简单，但还是踩了很多的坑这个方法亲测有效，其他的方法我这边没什么效果React-native init 初始化时报错 info Installing required CocoaPods dependencies在网上找了下原因，主要是网络慢或网络连接的原因，解决方案如下：

2021-10-30 17:26:27 185 2

原创 react组件通信

1.父传子//父组件向子组件传值，通过props，将父组件的state传递给了子组件。/**父组件 */export default class Parent extends Component { constructor(props){ super(props) this.state={ message:"中秋节快乐呀" } } render(){ return( <Child txt={this.state.mess

2021-09-21 17:22:10 76

原创 react生命周期 constructor用法

import React, { Component } from 'react'class App extends Component { // 在js中，类在 new 实例化的时候，系统会默认调用constructor函数，在 Child类中，我们没有定义构造函数，那个系统会默认有一个constructor，并且会在里面调用super(); 当我们定义了构造函数之后，就使用我们定义的。所以我们自己定义的构造函数必须要调用super()对父类进行初始化。 // class Person {

2021-09-20 19:07:45 571

原创 react路由模式

1、BrowserRouter：浏览器的路由方式，也就是在开发中最常使用的路由方式2、HashRouter：在路径前加入#号成为一个哈希值，Hash模式的好处是，再也不会因为我们刷新而找不到我们的对应路径3、MemoryRouter：不存储history，所有路由过程保存在内存里，不能进行前进后退，因为地址栏没有发生任何变化4、NativeRouter：经常配合ReactNative使用，多用于移动端5、StaticRouter：设置静态路由，需要和后台服务器配合设置，比如设置服务端渲染时使

2021-09-14 15:21:08 473

原创 js数组遍历方法

第一种:普通for循环for(j = 0; j < arr.length; j++) { }第二种forEach（）遍历对象类型数组const arr = [ {id:1,name:'zhangsan'}, {id:2,name:'lisi'}, {id:3,name:'wangwu'} ]arr.forEach( function(item){ console.log(i

2021-08-28 16:54:11 215 1

原创 el-table 合并单元格

后台返给我这样的格式：[ {cancelTotal: 0,personnelId: 2,personnelName: "张三",personnelSalaryList:[{cancelWorkOrderCount:0,deepPackageId:null,effectiveWorkOrderCount:1,errorWorkOrderCount: 2,itemId: 4,name: null,title: "A"},{cancelWorkOrderCount:0,deepPackageId:null,e

2021-08-22 16:29:32 119

空空如也

空空如也