wx-18538561085-优快云博客

原创 JS数组reduce()方法详解及高级技巧 ☆☆☆☆☆

js 中 reduce()的用法

2023-02-20 17:00:09 370

原创 antd select框加搜索栏 TreeSelect框加搜索框

<Select options={contractOption} allowClear showSearch optionFilterProp="children" filterOption={(input, option: any) => option.la...

2022-01-04 18:02:36 2001

原创 Antd表格滚动宽度自适应不换行 (亲测可用！！！)

方法一：<Table className={styles.table} rowKey={(record) => record.key} columns={columns} dataSource={dataSource} scroll={{ x: 'max-content' }} // 加上这条横向滚动支持此属性的浏览器内容就不会换行了 pagination={false} /&g

2021-10-18 15:04:04 10496 2

数组结构如下let data = [{ a:123, arr:[{b:true},{b:false}] }, { a:234, arr:[{b:true},{b:false}] }]要过滤掉arr数组里的b为false的值使用forEach+filterlet newArr = [ ];data.forEach((value,index) => { newArr[index] = value; newArr[index].arr = v

2021-01-27 11:01:31 3907 2

原创 ES6常用总结 (前端开发js技术进阶提升)

一、变量声明 const 和 let在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数的最顶部就在全局作用域的最顶部)。这就是函数变量提升例如：不用关心bool是否为true or false。实际上，无论如何str都会被创建声明。(如果未声明,返回的是null)而es6之后，我们通常用let和const来声明。let表示变量、const表示常量，let和const都是块级作用域。如何理解这个块级作用域？在一个函数内部在一个代码块内部通常来

2020-11-23 13:44:07 287

原创最最最详细讲解Vuex (你值得拥有!!!)

先说一下vuex到底是什么？vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。vuex中，有默认的五种基本的对象：state：存储状态（变量）getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun()mutations：修改状态，并且是同步的。在组件中使用$store

2020-10-15 22:05:17 2407 2

原创 vue中API接口的管理详解（附登录案例）

前言对axios有所了解的可跳过前言在项目中，和后台交互数据这块，有三个流行的库。1、jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}})jQuery ajax是对原生XMLHttpRequest对象的封装，除此之外还添加了对JSONP的支持（用于解决跨域问题）,使

2020-10-15 21:40:56 11238 1

原创用vue element-ui分页组件构建一个简单的分页 ( 超详细 )

element-ui分页组件:以下代码都是干货，欢迎大家互相评论学习方法一数据绑在div上:<template><div> <div v-for="(value,index) in info.slice((currentPage-1)*pagesize,currentPage*pagesize)">

2020-09-15 10:21:15 10154

原创 vue右边导航栏回到顶部，且向上按钮的显示与隐藏

效果图如下:然后直接看代码:前端代码<img v-if="btnFlag" class="go-top" src="图片url" @click="backTop">css 代码img{ position: fixed; z-index: 99; right: 0; bottom: 50p

2020-09-14 15:02:45 852

原创 vue.js实现购物车加减数量，计算金额数量,选中/未选中

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>老五购物车</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

2020-09-11 12:38:46 2915

原创 CSS布局 —— “ 三栏布局 “ 的五种处理方法

问题：假设容器的高度默认100px，请写出三栏布局，其中左栏、右栏的宽度各为300px，中间的宽度自适应。分析：方法1：浮动方法2：绝对定位。方法3：flexbox。移动开发里经常用到。方法4：表格布局 table。虽然已经淘汰了，但也应该了解。方法5：网格布局 grid。方法1 和方法2方法1、浮动：左侧设置左浮动，右侧设置右浮动即可，中间会自动地自适应。方法2、绝对定位：左侧设置为绝对定位， left：0px。右侧设置为绝对定位， right：0px。中

2020-08-18 10:57:48 898

原创 VUE 项目目录文件都有什么作用

目录截图：node_modules: 用于存放我们项目的各种依赖，比如axios等，没有moudles文件，项目就没法运行，可以使用 npm install进行项目依赖的安装public:用于存放静态文件public/index.html:是一个模板文件，作用是生成项目的入口文件，webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.htmlsrc:我们存放各种vue文件的地方src/assets:用于存放各种静态文件，如图片等src/

2020-07-19 18:32:35 3303

原创一文入门 webpack4 ( 极力推荐!!! )

Vue3+版本与之前的版本有了很大的变化，少了很多有关webpack的配置，这让我们关注与Vue的开发，不需要过多的关注webpack配置问题，然而webpack作为前端开发的利器，还是非常有必要掌握的。WebPack主要概念：A、入口：webpack从哪些文件开始构建依赖关系，比如main.js，other.jsB、打包结果：webpack需要将构建好的文件放入哪个位置，比如dist目录，bundle.jsC、加载器：webpack可以将哪些类型文件，加载需要通过加载器加载对应类型文件，放入依赖

2020-06-03 00:24:47 14966 1

原创一文读懂ES6 中 var、let、const 的区别

ES6 中 var、let、const 的区别一、提出的时间早晚二、是否可以变量提升三、是否允许重复定义变量四、const一旦声明变量，则此变量就不能修改五、全局作用域和函数作用域一、提出的时间早晚 var提出的时间较早，是ES5就出现的，而let和const则稍微晚点，是ES6出现的。二、是否可以变量提升var 可以变量提升，如：console.log(a) //undefinedvar a = 1;a已经声明，但还没被赋值，默认得到的是 undefined 。而 let、const

2020-05-15 22:23:32 15044

原创 [完美解决]Vue/React项目运行时出现this[kHandle] = new _Hash(algorithm, xofLen)

出现这个问题是node.js 的版本问题，因为 node.js V17开始版本中发布的是OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在使用 nodejs V17以上版本后会报错。而github项目很多都是之前版本的npm，所以运行时候会出现这个问题。

2024-01-23 09:53:36 1228 1