- 博客(44)
- 收藏
- 关注
RSS订阅原创 vue-cli中webpack从2.x升级到4.x
对vue-cli脚手架的webpack升级将html-webpack-plugin升级到能够被webpack兼容的版本3.2.0需要在package.json中升级babel-loader:::修改版本：保持版本：新增版本：::: tip在vue-cli工程的根目录下配置.babelrc。
2023-12-11 18:10:03
307
原创 filemanager-webpack-plugin 对构建前后文件进行操作
这个 Webpack 插件允许您在构建前或构建后复制、归档(.zip/.tar/.tar.gz)、移动、删除文件和目录。
2023-05-05 16:40:41
1036
原创 ANTD FORM表单 自定义组件 取值
开关Switch，默认值选中和未选中的checked的类型为 布尔类型，现在需要将类型改为字符串（Number同理）进行一些用户输入或者选择的行为时，我们需要拿到用户输入或选择，即将输入框设置为受控组件。
2023-04-17 14:41:52
605
原创 Object.freeze() ---性能优化
Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组本质也是对象，因此该方法可以对数组使用）。可以冻结一个对象。；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。该方法的返回值是其参数本身。需要注意的是以下两点Object.freeze() 和 const 变量声明不同，也不承担 const 的功能。
2023-03-20 15:04:26
363
原创 react 表格高度自适应
使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。一般用来设置流式布局宽高，当然，可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。vh: 相对于视窗的高度, 视窗被均分为100单位的vh;vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;: 相对于视窗的宽度或高度中较大的那个。
2023-03-15 10:35:05
630
原创 浅拷贝和深拷贝
目录浅拷贝1.对象拷贝 （李）2.拷贝的其他方法2.1 ES6 扩展运算符2.2 Object.assign()2.3 for...in 只循环第一层2.4 直接用=赋值3.练习4.数组结构5.对象结构深拷贝1.实现深拷贝1.1采用递归去拷贝所有层级属性1.2 通过JSON对象来实现深拷贝1.3 通过jQuery的extend方法实现深拷贝1.4 lodash函数库实现深拷贝1.5 Reflect法1.6 手动实现深拷贝1.7 如果
2021-10-07 20:14:07
85
原创 vue项目配置代理解决跨域
在vue项目中，会遇到这样的问题同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。解决方法：1.vue-cli2，打开项目找到config文件下的index.js,在js proxyTable中配置跨域，代码如下 proxyTable: { '/api': { target: 'htt.
2021-09-27 22:49:36
822
原创 ES6中转换为数组的方法
1.扩展运算符（...）1.1合并数组const a1 = [1, 2, 3], a2 = [4], a3 = [5, 6];const b = [...a1, ...a2, ...a3] // [1, 2, 3, 4, 5, 6]1.2解构赋值const [first, ...rest] = [1, 2, 3, 4];first // 1rest // [2, 3, 4]1.3将字符串转换为数组let obj = [...'hello'] console.log(o
2021-09-27 19:19:30
2565
原创 数组去重的方法
1. 利用双层for循环let arr = [1,4,5,8,'hello',5,4,8,2,3,'hello']let unique = (arr) =>{ // 前面一项 for( i=0;i<arr.length;i++){ // 后面一项 for( j=i+1;j<arr.length;j++){ if(arr[i]===arr[j]){ arr.splice(j,1).
2021-09-27 17:14:52
75
原创 ES6解构赋值
ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值1.数组的解构// 1.1 数组的不完全解构,左边的模式与右边不完全一样let [a,b] = [1,2,3]console.log(a,b); //a 2// 1.2 完全解构,解构赋值是可以嵌套的let [a,b,c] = [1,[2,3],4]console.log(a,b,c); //1 [ 2, 3 ] 4let [a,[b],c] = [1,[2,3],4]console.log(a,b.
2021-09-26 18:29:02
112
原创 Ajax请求的步骤
1.什么是AJAX？AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。get请求（无参数） // 1. 创建实例对象 let xhr = new XMLHttpRequest(); // 2. 打开一个链接 // 第一个参数：请求方式 // 第二个参数：请求地址 .
2021-09-26 18:12:57
66
原创 认识Promise
(一)、认识Promise1.什么是Promise Promise是异步编程的一种解决方案。 当网络请求非常复杂时，就会出现回调地狱（回调里面又回调）。 (二)、Promise基本使用1.定时器的异步事件我们将它换成Promise代码new Promise((reslove,reject)=>{ setTimeout((function(){ resolve('hello') reject('error') }.
2021-09-22 22:00:47
96
原创 箭头函数 与function的区别
箭头函数的注意点： 1. 如果形参只有一个，则小括号可以省略； 2. 函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果； 3. 箭头函数 this 指向声明时所在作用域下 this 的值； 4. 箭头函数不能作为构造函数实例化； 5. 不能使用 arguments；特性： 1. 箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值； 2. 不能作为构造实例化对象； 3. 不能使用 arguments 变量；.
2021-09-19 23:31:58
323
原创 JS高级-闭包
什么是闭包1. 如何产生闭包?* 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包2. 闭包到底是什么?* 使用chrome调试查看 Closure* 理解一: 闭包是嵌套的内部函数(绝大部分人)* 注意: 闭包存在于嵌套的内部函数中3. 产生闭包的条件?* 函数嵌套* 内部函数引用了外部函数的数据(变量/函数) function fn1 () { var a = 2 var b = 'abc' func.
2021-09-16 16:50:13
132
1
原创 H5新增标签
1.H5 新增标签语义化标签：header表达了头部的意思，在网页中任意暗含头部的结构都可以使用header标签功能性标签：2.h5新增表单属性email：必须输入邮件；url：必须输入url地址；number：必须输入数值；range：一个滑动栏，并且可以设置最大以及最小值date：选取日、月、年month：选取月、年week：选取周和年time：选取时间（小时和分钟）datetime-local：选取时间、日、月、年（本地时...
2021-09-15 14:29:19
508
原创 JS高级-原型
显式原型与隐式原型1. 每个函数function都有一个prototype，即显式原型(属性) function Fn() { // 内部语句: this.prototype = {} }console.log(Fn.prototype)2. 每个实例对象都有一个__proto__，可称为隐式原型(属性)有两种：1)new Person() 产生 2)函数（一般不这样说）new Function产生//创建实例对象 var fn = new Fn() // 内部语句
2021-09-12 18:02:53
65
原创 JS基础 - DOM
目录DOMNode 类型Document类型Element类型DOM文档对象模型，浏览器提供给js操作html文档的API兼容性 IE 程序员噩梦 Object（构造函数） Node（构造函数）Document(文档节点) Element（元素节点） Text...
2021-09-08 14:46:46
101
原创 JS基础 - 是否会改变原数组问题
栈、队列方法：改变原数组栈pop() ：移除数组中的最后一个项并且返回该项，同时将数组的长度减一，push() ：返回数组长度 添加到数组的末尾队列shift() ：移除数组中的第一个项并且返回该项unshift() ：返回数组长度 在数组的前端添加任意个项排序：改变原数组reverse()sort() sort()与map()、filter()等不同，它会直接改变原始数组默认排序：该方法会调用每个数组项的toString() 方法，然后按照字符序列排...
2021-09-01 23:11:34
721
原创 JS创建对象的五种方式
方式一: Object构造函数模式* 套路: 先创建空Object对象, 再动态添加属性/方法* 适用场景: 起始时不确定对象内部数据* 问题: 语句太多//构造函数模式 var obj2 = new Object() obj2.name = 'tom' obj2.age = 19 obj2.sayName = function(name){ this.name = name } console.log(obj2.name) obj
2021-08-30 09:54:56
139
原创 JS基础 - 数组
目录1.创建2.数组的访问3.数组的遍历4.数组的检测5.数组序列化6.数组的API数组引用数据类型作用：用来保存多个值，可以保存任意数据类型数组是以中括号[]为界限，值与值之间使用逗号分隔,数组长度属性length，数组长度是动态的1.创建 1）数组字面量 var arr = [1,2,3,4] //arr.length => 4 var arr = [123,"hello",true,null]; 2)构造函数...
2021-08-27 22:12:32
160
原创 JS基础 - 函数
1.函数的作用 1）特定功能代码的封装 2）用来创建对象 构造函数2.函数的定义1.使用函数声明来创建函数语法： function 函数名([形参1，形参2，。。。]){语句。。。 }function fun(){ console.log("hanshu"); alert("hhh"); document.write("hh...
2021-08-25 15:39:24
109
原创 JS数据类型和类型转换
数据类型六种数据类型：JS中一共分成六种数据类型 5个基本数据类型+object基本数据类型：String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 undefined和null，一般将它们看成两个特殊值。引用数据类型Object 对象 对象：狭义的对象（object） 数组（array） 函数（function）typeof运算符检...
2021-08-21 23:18:53
242
转载 CSS中可以和不可以继承的属性
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-sty
2021-08-21 16:49:31
248
原创 Linux操作系统基础操作
一、Linux操作系统1）Kernel 内核2）Shell 用户与内核之间的接口，充当解释器或者转换器 常见shell：sh、csh、bash（默认） 记忆功能 补全功能tab （文件和命令的补全功能）3）Fil...
2021-08-19 13:59:22
527
原创 git 基本操作
一、安装 git 1.创建本地仓库（安装工具） 2.打开终端 3.查看版本 ( git --version => 输出版本号，则安装成功 )二、创建本地仓库前提：创建本地仓库（创建文件夹） 1. get init => 在当前文件夹下出现 .git 的隐藏文件2. git config --global user.name" "3. git config --global user.email" "4....
2021-08-18 15:00:28
45
原创 css实现背景颜色渐变
代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-08-16 16:00:35
801
原创 css 实现动画滚动
HTML部分 <div class="box"> <ul class="ul"> <li> <span class="ff">水果：</span> <span>苹果、香蕉、橘子</span> </li> <li>
2021-08-15 20:27:18
1289
原创 动画、过渡与变形
动画1.定义动画 使用 @keyframes 关键帧：1)关键字 from ... to ... 2)百分比 0% ~ 100% @keyframes a_color { from{ color: #333; } to { color: red; } } ...
2021-08-14 20:57:27
64
原创 三种布局：float、position与flex
浮动布局 （float） 1.关于默认文档流 1）元素在页面中的显示顺序与元素在代码中出现的顺序是一致的。 2）块级元素独占一行空间，宽度默认为父级的100%，高度由其内容高度所决定。 3）行内元素与其他元素共享一行空间，宽高由其内容所决定。 浮动布局（如果一个元素添加float属性。那么这个元素就会成为一个浮动元素） float left 向左浮动 right 向右fud...
2021-08-12 18:33:14
1655
原创 css中实现元素的隐藏
1、display:none; （脱离文档流） 真正意义上的隐藏元素， 隐藏盒子的属性2、visibility:hidden； （占据屏幕空间） 隐藏盒子的属性3、opacity:0； （占据屏幕空间）占据屏幕空间，设置元素的透明度4、transform:scale(0,2) ; （占据屏幕空间）隐藏函数 变形缩放 缩小宽度5、position:absolutel; （脱离...
2021-08-11 17:20:54
94
原创 盒子模型总结
每个元素都是一个盒子 width 宽度 height 高度 padding 内边距 padding-top padding-right padding-bottom padding-left margin 外边距 margin-top margin-right margin-bottom margin-left bord...
2021-08-09 17:40:43
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人