六卿_社区达人页

2024年09月

• 09.26 14:40:41
  发表了文章 2024-09-26 14:40:41

  webSocket+Node+Js实现在线聊天（包含所有代码）

  文章介绍了如何使用WebSocket、Node.js和JavaScript实现在线聊天功能，包括完整的前端和后端代码示例。
• 09.26 14:35:06
  发表了文章 2024-09-26 14:35:06

  封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等

  文章介绍了如何封装React-Antd的Table组件，包括参数和方法，如行选择（rowSelection）、页码（pageNum）、页面大小（pageSize）、分页方法等，以简化在不同表格组件中的重复代码。
• 09.26 14:34:11
  发表了文章 2024-09-26 14:34:11

  react antd 实现修改密码（原密码，新密码，再次输入新密码，新密码增加正则复杂度校验）

  文章介绍了如何在React项目中使用Ant Design实现一个修改密码的组件，包括原密码、新密码和再次输入新密码的表单项，并为新密码增加了正则表达式复杂度校验。

  
• 09.26 14:33:05
  发表了文章 2024-09-26 14:33:05

  在react项目中实现按钮权限createContext && useContext

  文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
• 09.26 14:31:49
  发表了文章 2024-09-26 14:31:49

  JS实现一键复制、选中复制、选中多行复制

  文章介绍了如何使用JavaScript实现一键复制文本、选中文本复制以及选中多行文本复制的功能。提供了详细的代码示例，包括创建临时textarea元素、选中文本、执行复制命令、用户提示以及清理临时元素的完整流程。同时，还考虑了用户可能选中多行文本进行复制的情况。
• 09.26 14:30:17
  发表了文章 2024-09-26 14:30:17

  element el-table 设置fixed导致行错乱问题

  文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
• 09.26 14:28:52
  发表了文章 2024-09-26 14:28:52

  react中使用Modal.confirm数据不更新的问题解决

  文章讨论了在React中使用Ant Design的`Modal.confirm`时更新数据不生效的问题，并提供了解决方案。原因是React状态更新可能是异步的，导致Modal的内容更新后不会立即反映在UI上。解决办法是在状态更新后使用`useEffect`钩子来调用Modal实例的`update`方法，从而更新Modal的内容。

  
• 09.26 14:27:53
  发表了文章 2024-09-26 14:27:53

  ResizeObserver监听元素大小的变化

  文章介绍了如何使用`ResizeObserver`API来监听一个DOM元素大小的变化，并提供了示例代码，包括如何开始监听、停止监听以及处理元素大小变化的回调函数。
• 09.26 14:26:48
  发表了文章 2024-09-26 14:26:48

  crypto-js中AES的加解密封装

  文章介绍了如何在前端使用crypto-js库进行AES加密和解密，提供了加解密的函数封装示例，并演示了如何加密和解密字符串或对象。

  
• 09.26 14:25:22
  发表了文章 2024-09-26 14:25:22

  三、前端高德地图、测量两个点之前的距离

  文章介绍了如何在前端使用高德地图API实现测量两个点之间的距离，包括开启和关闭测量工具的方法，以及如何清除地图上的测量点、连线和文字。

  
• 09.26 14:23:31
  发表了文章 2024-09-26 14:23:31

  二、前端高德地图、渲染标记(Marker)引入自定义icon，手动设置zoom

  文章介绍了如何在前端使用高德地图API渲染标记（Marker），并引入自定义图标，同时展示了如何手动设置地图的缩放级别。
• 09.26 14:22:17
  发表了文章 2024-09-26 14:22:17

  一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)

  文章介绍了如何在前端项目中注册并使用高德地图API，包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记（Marker）和覆盖物（Circle）。
• 09.26 14:20:32
  发表了文章 2024-09-26 14:20:32

  前端引入字体文件

  文章介绍了如何在前端项目中引入字体文件，并展示了具体的HTML和CSS代码示例，包括如何使用`@font-face`规则来定义字体和在页面中应用自定义字体。

  
• 09.26 14:19:00
  发表了文章 2024-09-26 14:19:00

  前端JS截取url上的参数

  文章介绍了两种前端JS获取URL参数的方法：手动截取封装和使用URLSearchParams。
• 09.26 14:15:37
  发表了文章 2024-09-26 14:15:37

  Blob格式转json格式，拿到后端返回的json数据

  文章介绍了如何将后端返回的Blob格式数据转换为JSON格式，并处理文件下载和错误提示。

  
• 09.26 13:03:15
  发表了文章 2024-09-26 13:03:15

  Vue2使用v-model封装ElementUI_DatePicker 日期选择器组件

  本文介绍了如何在Vue2中使用v-model封装ElementUI的DatePicker日期选择器组件，并实现自定义属性和方法的结合使用，包括禁用日期、格式化日期等功能。

  
• 09.26 13:01:45
  发表了文章 2024-09-26 13:01:45

  前端基础(十六)_数组对象

  本文详细介绍了JavaScript中数组对象的创建和操作方法，包括数组的增删改查、排序、去重、迭代等常用操作。
• 09.26 13:00:00
  发表了文章 2024-09-26 13:00:00

  关于递归处理，应该怎么处理，思路是什么？

  本文讨论了如何使用递归处理将嵌套对象中的所有名称（name）属性转换为标签（label）属性的问题，提供了详细的递归函数实现思路和代码示例。

  
• 09.26 12:58:54
  发表了文章 2024-09-26 12:58:54

  前端基础(十五)_时间对象、字符串对象

  本文介绍了JavaScript中时间对象的操作方法，包括获取和设置年、月、日、小时、分钟、秒等，以及如何格式化时间显示，同时提及了字符串对象的常用方法。

  
• 09.26 12:57:17
  发表了文章 2024-09-26 12:57:17

  前端基础(十四)_Math对象

  本文介绍了JavaScript中`Math`对象的常用方法，包括： 1. `Math.floor()`：向下取整，去掉小数部分。 2. `Math.ceil()`：向上取整，向上进一。 3. `Math.round()`：四舍五入，针对小数点后面第一位数字。 4. `Math.max()`：获取数字序列中的最大值。 5. `Math.min()`：获取数字序列中的最小值。 6. `Math.pow()`：计算某个数字的次方数。 7. `Math.sqrt()`：开根号。 8. `Math.random()`：生成一个0到1之间的随机数。

  
• 09.26 12:55:46
  发表了文章 2024-09-26 12:55:46

  使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）

  本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
• 09.26 12:53:37
  发表了文章 2024-09-26 12:53:37

  前端基础(十三)_定时器（间歇定时器、延迟定时器）

  本文介绍了JavaScript中定时器的使用，包括`setTimeout`和`setInterval`两种类型。`setTimeout`是实现延迟执行，即等待一定时间后执行一次指定的函数；而`setInterval`是实现间歇执行，即每隔一定时间就执行一次指定的函数。文章还介绍了如何使用`clearTimeout`和`clearInterval`来取消定时器的执行，并通过示例代码展示了定时器的创建和取消。

  
• 09.26 12:52:25
  发表了文章 2024-09-26 12:52:25

  前端基础(十二)_函数高级、全局变量和局部变量、 预解析（变量提升）、函数返回值

  本文介绍了JavaScript中作用域的概念，包括全局变量和局部变量的区别，预解析机制（变量提升），以及函数返回值的使用和类型。通过具体示例讲解了变量的作用域、函数的返回值、以及如何通过return关键字从函数中返回数据。

  
• 09.26 12:48:50
  发表了文章 2024-09-26 12:48:50

  前端基础(十一)_函数声明及调用、函数的形参与实参、arguments参数、函数的参数类型、函数中的问题

  本文介绍了JavaScript中函数的声明及调用、形参与实参的概念、arguments对象的使用、函数参数的类型以及函数中this的作用。通过示例代码详细解释了函数如何接收参数、如何处理参数个数不匹配的情况，以及函数在不同上下文中this的指向。
• 09.26 12:47:46
  发表了文章 2024-09-26 12:47:46

  Vue2使用v-model封装ElementUI日期组件(实现开始时间和结束时间的校验，禁选)

  本文介绍了如何在Vue2中使用v-model封装ElementUI日期组件，并实现开始时间和结束时间的校验，包括禁选当前时间之后的时间。文章提供了详细的组件代码和页面使用示例，并解释了如何通过props传递参数以及如何监听和处理日期选择的变化。
• 09.26 12:45:22
  发表了文章 2024-09-26 12:45:22

  前端基础(十)_Dom自定义属性(带案例)

  本文介绍了DOM自定义属性的概念和使用方法，并通过案例展示了如何使用自定义属性来控制多个列表项点击变色的独立状态。

  
• 09.26 12:44:26
  发表了文章 2024-09-26 12:44:26

  前端基础(九)_this基本使用、this指向判断、改变this指向的方法

  本文介绍了JavaScript中this的基本使用、this指向的判断以及改变this指向的方法。

  
• 09.26 12:43:08
  发表了文章 2024-09-26 12:43:08

  前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)

  本文介绍了JavaScript中的循环语句，包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。

  
• 09.26 12:40:24
  发表了文章 2024-09-26 12:40:24

  前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）

  本文介绍了如何在前端通过不同的方法获取DOM元素，包括getElementById、getElementsByTagName、getElementsByClassName、querySelector和querySelectorAll。
• 09.26 12:39:32
  发表了文章 2024-09-26 12:39:32

  前端基础(六)_流程控制语句(if、if-else、if-else嵌套、switch)

  本文介绍了JavaScript中的流程控制语句，包括if、if-else、if-else嵌套和switch语句。

  
• 09.26 12:38:17
  发表了文章 2024-09-26 12:38:17

  前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换)

  本文介绍了JavaScript中的算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性以及数据类型的隐式转换。
• 09.26 12:36:30
  发表了文章 2024-09-26 12:36:30

  前端基础(四)_数据类型的强制转换

  本文探讨了JavaScript中数据类型的强制转换方法，包括将其他类型转换为Number类型（使用`Number`函数）、转换为String类型（使用`toString`方法或`String`函数）、以及转换为Boolean类型（使用`Boolean`函数）。同时，文章还讨论了`parseInt`和`parseFloat`函数用于从字符串中解析出整数或浮点数，以及`isNaN`函数用于检测一个值是否是非数字。

  
• 09.26 12:04:54
  发表了文章 2024-09-26 12:04:54

  前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)

  本文详细介绍了JavaScript中的数据类型，包括基本数据类型（Number、String、Boolean、Undefined、Null）和复杂数据类型（Object），并解释了如何使用`typeof`操作符来识别变量的数据类型。同时，还讨论了对象、函数和数组等复杂数据类型的使用方式。
• 09.26 12:01:56
  发表了文章 2024-09-26 12:01:56

  前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件

  本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素，以及JavaScript的鼠标事件处理，通过示例代码展示了这些基础知识点在实际开发中的应用。

  
• 09.26 12:00:57
  发表了文章 2024-09-26 12:00:57

  前端基础(一)_初识JavaScript

  本文介绍了JavaScript的起源、核心组成（ECMAScript、DOM、BOM），并解释了JavaScript的三种引入方式：行内引入、内部引入和外部引入，以及`window.onload`的使用，最后讨论了网页、网站、浏览器和兼容性的概念。

  
• 09.26 11:57:59
  发表了文章 2024-09-26 11:57:59

  vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)

  本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。

  
• 09.26 11:55:17
  发表了文章 2024-09-26 11:55:17

  前端基础(十七)_HTML5新特性

  本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。

  
• 09.26 11:49:02
  发表了文章 2024-09-26 11:49:02

  前端基础(十六)_BFC、box-shadow（盒子阴影）、text-shadow（文字阴影）

  本文介绍了前端开发中块级格式化上下文（BFC）的概念和作用，以及如何创建BFC。同时，文章还讲解了`box-shadow`和`text-shadow`属性的用法，包括如何为元素添加阴影效果，并通过示例代码展示了这些属性的具体应用。

  
• 09.26 11:47:50
  发表了文章 2024-09-26 11:47:50

  前端基础(十五)_多栏布局（两列自适应布局、圣杯布局---三列布局、双飞翼布局--三列布局、等高布局）

  本文介绍了前端开发中的多种自适应布局技术，包括两列自适应布局、圣杯布局（三列布局）、双飞翼布局（三列布局）和等高布局。文章通过代码示例展示了如何使用HTML和CSS实现这些布局，以及如何通过flex布局简化实现过程。
• 09.26 11:45:31
  发表了文章 2024-09-26 11:45:31

  前端基础(十四)_隐藏元素的方法

  本文介绍了几种在前端开发中隐藏元素的方法，包括使用`display:none`、`visibility:hidden`、`opacity:0`等CSS属性，并提供了相应的示例代码。此外，还提到了其他隐藏元素的技巧，如通过设置元素位置、使用`overflow`属性和`filter`属性以及`rgba`颜色值来实现元素的隐藏。

  
• 09.26 11:43:36
  发表了文章 2024-09-26 11:43:36

  前端基础(十三)_定位position、定位层级z-index

  本文讲解了CSS中的定位机制，包括静态定位、相对定位、绝对定位和固定定位，并通过实例展示了如何使用这些定位方法调整元素位置。同时，还介绍了z-index属性的使用，解释了如何通过调整z-index值来改变定位元素的层叠顺序。

  
• 09.26 11:42:05
  发表了文章 2024-09-26 11:42:05

  前端基础(十二)_overflow属性、clear属性、vertical-align属性

  本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果，并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
• 09.26 11:40:35
  发表了文章 2024-09-26 11:40:35

  前端基础(十一)_Float浮动、清除浮动的几种方法

  本文介绍了浮动的概念、属性、特性以及清除浮动的几种方法，并通过实例演示了如何使用CSS实现元素的浮动和处理浮动带来的问题。
• 09.26 11:39:26
  发表了文章 2024-09-26 11:39:26

  前端基础(十)_标签分类（行级标签、块级标签、行块标签）

  本文阐述了HTML标签的分类，包括行级标签、块级标签和行块标签，并展示了如何使用CSS的display属性实现标签类型之间的转换。
• 09.26 11:37:10
  发表了文章 2024-09-26 11:37:10

  前端基础(九)_CSS的三大特征

  本文详细解释了CSS的三大特性：层叠性、继承性和优先级，并通过实例演示了样式冲突、叠加和选择器优先级的应用。

  
• 09.26 11:35:54
  发表了文章 2024-09-26 11:35:54

  前端基础(八)_盒子模型（标准盒子模型和怪异盒子模型）

  本文介绍了CSS盒子模型的基本概念，包括内容、内边距、边框和外边距的属性，以及标准盒子模型和怪异盒子模型的区别和转换方法。

  
• 09.26 11:34:33
  发表了文章 2024-09-26 11:34:33

  前端基础(七)_表单的基本组成与使用

  本文详细介绍了HTML表单的基本组成和使用，包括`<form>`标签、`<input>`表单域、`<select>`下拉列表、`<textarea>`多行文本域等元素。文章解释了表单的提交方式（GET和POST）、表单域的各种类型（文本、密码、单选按钮、复选框等）、提交按钮和重置按钮的作用，以及如何通过`<label>`标签提高表单的可访问性。此外，还讨论了表单元素的属性，如`readonly`、`disabled`、`maxlength`等。
• 09.26 11:31:05
  发表了文章 2024-09-26 11:31:05

  前端基础(六)_CSS单位

  本文介绍了CSS中常用的单位，包括像素(px)、相对长度单位(em、rem)、百分比(%)、视窗宽度(vw)和视窗高度(vh)。文章通过示例代码展示了这些单位在实际布局中的应用，解释了它们各自的特点和使用场景。例如，em和rem单位与字体大小相关，百分比单位与父元素的尺寸相关，而vw和vh单位则与浏览器视窗的宽度和高度相关。
• 09.26 11:30:01
  发表了文章 2024-09-26 11:30:01

  前端基础(五)_CSS文本文字属性、背景颜色属性

  本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性，以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。

  
• 09.26 11:27:55
  发表了文章 2024-09-26 11:27:55

  前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器

  本文详细介绍了CSS（层叠样式表）的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用，展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS，讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外，还强调了使用`!important`规则时的优先级高于行内样式。