- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 手写一个new吧！理解下new的执行流程
/ 将新对象的__proto__赋值为构造函数的prototype。// 如果构造函数返回非空对象，则返回该对象;否则返回新创建的对象。// 构造函数的this指向新对象,并执行代码赋值。// 创建一个新对象。
2022-09-22 18:18:46
152
原创 关闭input自动填充解决方案
问题：使用 vue2.x +iview 3.x 在谷歌浏览器保存网站密码之后，打开项目，项目中的表单页面自动填充账号
2022-08-10 11:55:46
3037
原创 antd3.x版本table使用fixed错位问题修复
问题如图：修复后如下：解决思路：fixed栏位高度没有自适应（即和子表格高度一致），通过获取元素ant-table-expanded-row，拿到子表格的高度（盒子a），且子表格在fixed栏位也插入了以ant-table-expanded-row命名的盒子（(盒子b)高度固定，导致错位）。通过观察，将a盒子的高度给b盒子，且设置定位，可以修复 expandedRowsChange = () =>{ setTimeout(()=>{ const d = docum
2022-04-09 01:27:46
2727
原创 js数组对象去重
双循环 splice 删除重复 let arr = [ {id:1,name:'vue'}, {id:2,name:'react'}, {id:2,name:'react'}, {id:3,name:'node'}, {id:4,name:'html'}, {id:5,name:'javascript'}, {id:6,name:'div'}, {id:6,name:'div'} ] function deduplication(o){.
2022-03-11 17:56:35
214
原创 moment当前周的第一天是周日？
获取当前周的第一天moment().startOf('week').format('YYYY-MM-DD HH:mm:ss')// 2022-01-16 00:00:00 周日？怎么获取周一为第一天的正确时间呢？moment().startOf('isoweek').format('YYYY-MM-DD HH:mm:ss')// 2022-01-17 00:00:00 周一...
2022-01-20 11:04:08
1248
原创 vue3 h函数的使用
使用说明h函数返回一个虚拟节点即虚拟DOMrender() { return h('h1', {}, 'Some title')}接收 type,props,children 三个参数type：String | Object | Function （必填项）String：即html标签，‘button’，‘span’Object：组件（比如使用第三方UI库）Function：函数式组件props:Object在函数式组件中，props又被分为Props和Context，组
2022-01-14 17:15:14
3054
2
原创 vue3中ref 和 reactive的简单了解
<script lang="ts" setup>import { ref, reactive } from "vue";const num = ref(0);const obj1 = ref({ value: 1 });const num2 = reactive(0) // 直接提示错误，建议Object 类型const obj2 = reactive({ value: 1 });console.log("num :>> ", num);// RefImpl{_sha
2022-01-06 18:03:08
1031
原创 了解nginx(2)
日志切割 （跳过，暂时用不到，后续补充）静态资源提供服务server { listen 90; server_name localhost; // location / 是请求路径 location / { // root 为资源路径 html文件夹名 root assets; } }3.文件压缩 gzip#开启压缩，提高传输效率，节约.
2021-12-27 17:59:31
764
原创 了解nginx（1）
一、概念代理1.正向代理：代理配置在客户端就是正向代理，vpn2.反向代理：代理配置在服务端就是反向代理， nginx负载均衡轮循加权轮循iphash动静分离动态资源静态资源二、安装win10下载，解压 直接打开三、常用命令``nginx -v 查看版本nginx -s stop 关闭nginx -s quit 退出nginx -s reload 重新加载ps aux|grep nginx 查看进程``四、配置文件1、配置的文件的位置 （nginx-
2021-12-15 17:35:46
66
原创 vue表格的字段校验
需求：表格中某个栏位为输入框，且是必填项！要求进行校验设计如下：// 校验字段const checkFieldArr = ['groupBuy', 'actualPrice', 'adjustPrice', 'skuQuantity']// 返回信息 const messages = { groupBuy (index) { return `表格第${index + 1}行团购信息有误，请重新选择！！！` }, actualPrice (index) { return `表格第${in
2021-12-07 12:00:11
1294
原创 Nuxt触发了即将销毁组件的生命周期钩子函数
2021年11月22日15:30:56nuxt项目中，接口重复请求！！！一番查看，方法都调用了一次，但唯独接口调用了两次，未解决！！！另外发现，点击浏览器返回按钮，竟然触发了即将销毁的组件的mounted函数，还是3次，我惊呆了！！！ 经过一番玄学测试，竟然是transition这个罪魁祸首，简直伤心病狂！！！删除之后上述问题消失。解决问题，跳转页面钱触发loading，导致页面闪烁！...
2021-11-22 15:37:19
837
原创 ts 学习笔记（三）类【上】
es6之前 JavaScript程序使用函数和基于原型的继承来创建可重用的组件es6之后 JavaScript程序员将能够使用基于类的面向对象的方式。/eg01 类的创建class Greeter { greeting:string constructor(message:string){ this.greeting = message } greet(){ return 'hello,' + this.greeting }}
2021-11-21 22:29:53
490
原创 ts 学习笔记（二）变量声明和接口
// ? var let const js语法规则/*var：1、没有作用域块，声明在全局作用域是全局变量，声明在函数内部就是局部变量2、有变量提升let：1、有作用域块2、没有变量提升3、已经声明的变量 不可再次声明const:1、有作用域块2、没有变量提升3、一旦声明切不可改变4、已经声明的变量 不可再次声明*/// { // var num1:number = 10 // }// console.log('num1 :>> ', num1); //
2021-11-20 19:24:37
1166
原创 ts 学习笔记（一）基础类型
//! 基础类型声明，（相比js 变量名多加了一个类型修饰）//? 数值let num:number = 0//? 布尔值let flag:boolean = false//? 字符串let str: string = ‘’//? 数组/*数组：有两种方式定义1、修饰符(元素的类型)后面直接加中括号2、修饰符（数据类型）加尖括号（元素类型),又被称为数组泛型*/const list:number[] = [1,2]const list1:Array = [‘a’]//? 元组：
2021-11-19 13:53:06
397
原创 解决element表格跨页面多选的另一种方案
在不使用 element 内部提供的reserve-selection属性的情况下，实现跨分页多选模板代码代码如下：<div class="table"> <j-table ref="multipleTable" :data="tableData" :row-key="row=>row.id" @selection-change="handleSelectionChange" > <j-table-column type="selectio
2021-11-11 16:18:54
225
原创 2021-10-28 promise的执行
1、promise状态的定义和改变2、回调函数的执行和promise状态改变谁先执行3、.then 的链式调用（.then的执行是根据前一个方法的返回状态，确定调用resolve，rejected，异步要返回promise，同步直接返回值）...
2021-10-28 16:58:59
80
原创 promise常用的api
promise.all():传递多个参数，成功之后，接受value 为数组，一旦有一个promise对象失败，会调用失败原因，不会返回其他函数执行结果promise.reject() :直接调用失败函数promise.resolve() 直接调用成功函数promise.rece()：传递多个promise参数，只返回第一个执行结束的参数。...
2021-10-28 15:50:15
207
原创 promise的理解
promise 是什么？promise是js中进行异步编程的新的解决方案，在此之前异步编程的解决方案是回调函数；Promise是一个构造函数，通过promise对象封装一个一步操作并获取结果。promise 有三种状态 pending resolved rejectedpending 到 resolvedpending 到 rejected状态不可改变且只能改变一次。promise的基本使用const p = new Promise((res,rej)=>{ setTimeo
2021-10-28 15:29:39
126
原创 js常见内置错误
1、错误类型ReferenceError： 引用变量不存在TypeError： 数据类型不正确RangeError： 数据值不在允许范围内SyntaxError：语法错误2、错误处理捕获错误 try catchconst a =1try(){ console.log(b)} catch(error){ console.log(error)}抛出错误 throw error3、错误对象...
2021-10-28 14:51:12
59
原创 回调函数(同步和异步）
同步回调：立即执行，完全执行完了才结束，不会进入回调列队中const arr=[1,3,5]arr.forEach(i=>{ console.log(i)})console.log('forEach()之后')/* 1 3 5 forEach()之后*/异步回调：不会立即执行，会放入回调列队中执行setTimeout(()=>{ console.log('setTimeout')},0)console.log('setTimeout()之后')/* s
2021-10-28 11:41:27
135
原创 函数对象与实例对象
实例对象：new函数产生的对象，为实例对象function Fn(name){ this.name = name}const obj = new Fn('zs')// obj是实例对象 又称 对象函数对象：将函数作为对象使用时，简称为函数对象function Fn(name){ this.name = name}console.log(Fn.prototype) // Fn 是函数对象...
2021-10-28 11:32:18
78
原创 flex布局之下使用overflow失效解决方案
需求点：要求展示区域的盒子高度不能超出父盒子，超出部分滚动展示问题：页面布局使用的是flex布局，使用overflow：auto，当高度超出父盒子时，出现滚动条。可是视或不生效。解决效果展示代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&
2021-08-24 10:43:44
2656
原创 vue使用rem适配（亲测有效）
1.使用插件当前插件版本：postcss^8.3.6 postcss-pxtorem^5.1.1 npm i postcss postcss-pxtorem -D2. 在vue.config.js中配置 css: { loaderOptions: { postcss: { plugins: [ require("postcss-pxtorem")({ // 换算基数， rootValue: 16
2021-08-05 10:20:10
3453
原创 ES6中的Class类（1）
类的定义类就是原型和构造函数概念的语法糖；定义类有两种方式：类声明和类表达式。== 注意 ==类表达式不存在变量提升，不能在声明前引用 console.log('Test1 :>> ', Test); // undefined var Test = class {} console.log('Test2 :>> ', Test); // Test{}函数受函数作用域限制，而类式受块作用域限制（var声明的类表达式不受限制，因为var没有作用域块） {
2021-08-01 17:22:15
78
原创 使用最多的继承方式：组合继承
组合继承只由 原型链继承和盗用构造函数继承 组合两者的优点。实现了比较完美的一种继承方式。除了上图中总结的三点之外，也解决了子类构造函数不能向父类构造函数传递参数的问题
2021-08-01 00:20:54
101
原创 盗用构造函数继承
盗用构造函数继承（对象伪装或经典继承），个人觉得的盗用构造函数继承这个名字更语义化，听到这个名字就能想到。子类构造函数调用父类构造函数，利用函数在特定上下文中执行的特性，去创建一个对象实例主要使用call或者apply方法以先创建的对象为上下文执行构造函数。优点：解决了子类构造函数可以向父类构造函数传参的问题缺点：子类不能访问父类的原型，同样也不能访问父类的方法使用call方法，让父类构造函数在子类构造函数中执行，更像创建对象的工厂模式，是直接在子类构造函数中，创建一个新的对象以this承接上
2021-07-31 23:31:02
263
原创 原型链继承
实现继承是ECMAScript 唯一支持的继承方式，而这主要是通过原型链实现的基本思想是通过原型继承多个引用类型的属性和方法构造函数、原型和实例的关系： 构造函数有一个原型对象（prototype），原型对象有一个属性（construtor）指向构造函数，实例有一个__proto__指向构造函数的原型 const F1 = function (){} // 构造函数F1中的原型对象的constructor执向构造函数F1本身 console.log('F1 ===
2021-07-30 16:40:59
198
原创 创建对象的三种模式
使用 Object 构造函数或对象字面量可以方便地创建对象，但这些方式也有明显不足：创建具有同样接口的多个对象需要重复编写很多代码。工厂模式用方法接收参数，并返回一个对象 function createCar(n, p, like) { let o = new Object() o.name = n o.price = p o.isLike = like o.say = function () { console.log(`${this.name}${this.price}
2021-07-30 14:49:58
89
原创 vue-i18n语言，页面刷新字体恢复默认问题解决
用vue-i18n实现多语言翻译，简单方便！然而在实现多语言切换后，发现一个问题，就是切换语言后，刷新页面后，页面又恢复到默认语言，这很尴尬。在查阅资料后，寻找到一种解决办法。废话少说，上代码1、第一步把 切换语言储存到localStorage // 语言切换 handleCommand(command) { if (command == "ZH") { ...
2019-08-12 11:07:11
3130
2
原创 echarts图标跟随页面大小变化
场景一单个组件在页面中，让echarts大小自适应 window.resize =（）=>{ myChart.resize() } //myChart 是获取的dom元素场景二单个页面含有多个echarts组件，用上面的代码，只能是最后一个ercharts组件自适应。用下面代码可实现。window.addEventListenner('resize',()=>{ myCa...
2019-06-27 08:31:44
792
原创 echarts X轴时间刻度自定义
当前示例版本 [email protected] 自定义系列-Profile默认X轴显示样式 xAxis: { min: startTime, scale: true, axisLabel: { formatter: function (val) { return Math.max(0, v...
2019-06-13 16:29:42
25009
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人