- 博客(28)
- 收藏
- 关注
RSS订阅原创 CSS 实现多行文本“展开收起”
前段时间，我分享了一种文本展开收起的方法，并得到了广大朋友的积极反馈。其中，有热心的朋友特别提出一个建议，希望将展开收起的按钮放置在文本末尾。为此，我进行了多次调试与尝试，终于实现了这一功能，并在此与大家分享我的成果。
2024-03-13 20:32:49
1070
原创 01CSS 实现多行文本“展开收起”
本文将深入探讨如何使用CSS实现多行文本的展开收起效果。我们将介绍关键的CSS属性和技术，包括动画、过渡，以及如何将这些技术结合起来，创建一个交互式的多行文本展开收起效果。通过实例和代码片
2024-01-30 14:12:07
424
原创 antd-vue a-tree组件点击文字展开关闭节点
由于 antd 组件并未提供点击文字展开节点的方法 需要自定义方法来操作展开或者关闭节点。文档中 expandedKeys 属性是用来控制哪些节点是展开的。
2023-11-29 17:19:06
654
原创 03 Typescript 类型推论和断言
由于类型断言会破坏编译器的类型推断，所以当我们使用类型断言时需要小心，编译的时候不报错，不代表运行的时候不报错。在谷歌浏览器中用审查元素选中元素后，在控制台查看 console.dir($0)类型断言是用来覆盖编译器推断的类型，使用断言来告诉TS这个变量应该是什么类型。在TS中，某些没有明确指出类型的地方，TS的类型推论机制会帮助提供类型。getElementById 方法返回值的类型是。,该类型只包含标签公共的属性和方法。等属性，所以此时必须使用类型断言来指定类型。发生在类型推论的常见场景。
2023-01-25 17:12:33
422
原创 element UI 常用组件封装
主要介绍了vue 基于element-ui二次封装了一些常用组件,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2022-10-31 14:26:17
1932
原创 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
624
原创 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
1060
原创 防抖和节流
防抖使用场景 (事件多次触发只执行最后一次)登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖文本编辑器实时保存，当无任何更改操作一秒后进行保存<input type="text" id="input" placeholder="请输入内容" /> <script> /* 1.当持续触发事件 (键盘一直输入
2021-09-06 17:02:41
92
原创 构造函数和原型
构造函数含义：构造函数是一种特殊的函数，用来初始化对象，为对象成员变量赋初始值，与 new 一起使用。可以吧对象中的一些公共属性和方法抽取出来，然后封装到这个函数里面new 在执行的时候做的四件事情在内存中创建一个新的空对象让this指向这个新的对象执行构造函数里面的代码，给这个新对象添加属性和方法返回这个新对象（所以构造函数里不需要return构造函数的缺点创建对象时，里面的方法（function是复杂数据类型）会在内存中重新开辟空间,也就是每一个实例对象都会开辟一块空间，存在浪
2021-09-05 16:26:24
76
原创 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
271
原创 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
44
原创 http状态码
2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容） 服务器成功处理了请求，但没有返回任何内容。 205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。206 （部
2021-08-28 13:34:02
179
原创 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
156
vite 静态资源路径
2024-03-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人