- 博客(34)
- 收藏
- 关注
RSS订阅原创 在项目中如何灵活的使用 ES6解构
在今天的代码审查过程中，我偶然间发现了一位同事编写的代码片段，就此谈谈剩余参数的用法数组解构赋值是一项强大而灵活的特性，它能够让我们轻松地从数组中提取元素并将其赋值给变量，除了基本的数组解构赋值外，我们还可以利用它来做数据过滤使用了对象解构的语法来显式地列出所有我们想要从每个item中排除的属性。然后，我们使用**剩余属性（…rest）**来收集所有未被明确列出的属性，这些属性随后被返回形成一个新的对象。这样，你就得到了一个新的数组res这种方法的好处是代码更加清晰和易于维护。
2024-09-10 14:08:36
370
原创 千位分隔符：提升网页数字可读性，让大数据一目了然
网页中采用千位分隔符（,）呈现大数字，旨在显著提升数字的可读性。此做法尤其适用于财务数据、统计报告等需精确传达大量数值信息的场景，让用户能迅速把握数字规模，促进信息的直观理解。
2024-08-27 17:18:01
205
原创 一招解决Modal多个弹窗遮罩层颜色加深问题
本文深入探讨并解决了在使用Modal（模态框）时遇到的一个常见问题——当多个Modal弹窗同时触发时，遮罩层颜色会异常加深，影响用户体验和页面美观。
2024-07-24 14:08:01
503
原创 CSS 实现多行文本“展开收起”
前段时间，我分享了一种文本展开收起的方法，并得到了广大朋友的积极反馈。其中，有热心的朋友特别提出一个建议，希望将展开收起的按钮放置在文本末尾。为此，我进行了多次调试与尝试，终于实现了这一功能，并在此与大家分享我的成果。
2024-03-13 20:32:49
1854
7
原创 01CSS 实现多行文本“展开收起”
本文将深入探讨如何使用CSS实现多行文本的展开收起效果。我们将介绍关键的CSS属性和技术，包括动画、过渡，以及如何将这些技术结合起来，创建一个交互式的多行文本展开收起效果。通过实例和代码片
2024-01-30 14:12:07
629
原创 antd-vue a-tree组件点击文字展开关闭节点
由于 antd 组件并未提供点击文字展开节点的方法 需要自定义方法来操作展开或者关闭节点。文档中 expandedKeys 属性是用来控制哪些节点是展开的。
2023-11-29 17:19:06
1192
原创 03 Typescript 类型推论和断言
由于类型断言会破坏编译器的类型推断，所以当我们使用类型断言时需要小心，编译的时候不报错，不代表运行的时候不报错。在谷歌浏览器中用审查元素选中元素后，在控制台查看 console.dir($0)类型断言是用来覆盖编译器推断的类型，使用断言来告诉TS这个变量应该是什么类型。在TS中，某些没有明确指出类型的地方，TS的类型推论机制会帮助提供类型。getElementById 方法返回值的类型是。,该类型只包含标签公共的属性和方法。等属性，所以此时必须使用类型断言来指定类型。发生在类型推论的常见场景。
2023-01-25 17:12:33
496
原创 element UI 常用组件封装
主要介绍了vue 基于element-ui二次封装了一些常用组件,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2022-10-31 14:26:17
2060
原创 element-ui时间选择器
在日常开发中，我们会遇到一些情况，限制日期的范围的选择 <el-date-picker size="small" type="date" :picker-options="timeChange" v-model="datePicker" placeholder="选择日期" @change="changeTime"/>export default { data(){ timeChange:{ disabledDate(time.
2022-01-11 22:22:10
691
原创 toLocalString的妙用
2022年的第一篇文章分享。今天给大家介绍一下toLocalString()这个api的使用。利用toLocalString()可以为我们的开发带来很大的方便。语法numObj.toLocaleString([locales [options]])locales: 指定本地环境中存在的语言类型 （字符串格式）options： 用于指定显示的格式（对象格式）1.数字分隔let num1 = 1212313.12334;num1.toLocaleString() // 1,212,313.
2022-01-02 23:39:41
1183
原创 防抖和节流
防抖使用场景 (事件多次触发只执行最后一次)登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖文本编辑器实时保存，当无任何更改操作一秒后进行保存<input type="text" id="input" placeholder="请输入内容" /> <script> /* 1.当持续触发事件 (键盘一直输入
2021-09-06 17:02:41
126
原创 构造函数和原型
构造函数含义：构造函数是一种特殊的函数，用来初始化对象，为对象成员变量赋初始值，与 new 一起使用。可以吧对象中的一些公共属性和方法抽取出来，然后封装到这个函数里面new 在执行的时候做的四件事情在内存中创建一个新的空对象让this指向这个新的对象执行构造函数里面的代码，给这个新对象添加属性和方法返回这个新对象（所以构造函数里不需要return构造函数的缺点创建对象时，里面的方法（function是复杂数据类型）会在内存中重新开辟空间,也就是每一个实例对象都会开辟一块空间，存在浪
2021-09-05 16:26:24
107
原创 js和CSS常用知识点
1. this指向问题在绝大多数情况下，函数的调用方式决定了this的值。this不能在执行期间被赋值，并且在每次函数被调用时this的值也可能会不同。this指向的对象称为函数的上下文对象context；this的指向取决于函数被调用方式this的指向不是函数声明是绑定的，而是在函数运行过程中动态绑定的。 1.全局环境输出this，指向谁，(window) 2.全局函数输出this，指向谁 (window) 3.对象的方法输出this，指向谁 (
2021-09-04 13:22:18
306
原创 vue自定义指令
使用方式：<el-button type="primary" v-throttle="2000">登录</el-button>//节流Vue.directive("throttle", { inserted(el, binding) { el.addEventListener("click", () => { el.style.pointerEvents = "none"; if (!el.disabled) { se.
2021-09-02 14:34:29
63
原创 http状态码
2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容） 服务器成功处理了请求，但没有返回任何内容。 205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。206 （部
2021-08-28 13:34:02
202
原创 Rreact基础知识总结
Rreact基础知识总结1、脚手架安装方式2、JSX语法 1）如果遇到<>,React就会使用HTML解析 2）如果遇到{},React就会使用JS解析 3）只有一个根标签 4）标签中混入js表达式要用{ } 5）注释太长折叠技巧：注释第一行用：//#region，注释最后一行用：//#endregion3、组件函数组件 function MyComponents() { // console.log(this); //this：undefined
2021-08-11 14:39:44
200
vite 静态资源路径
2024-03-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人