lzping_719的专栏

【代码】常用函数总结。

决定了在空间不足时的相对收缩权重。默认值为1，可以设置为0来禁止收缩。灵活使用能实现更复杂且自适应的布局。flex-growflex-grow决定了在空间有多余时的相对伸展权重。默认值为0，可以设置为正数来分配剩余空间。合理使用flex-grow可以让页面元素在不同屏幕宽度下保持良好的自适应性。

在前端开发中，CSS选择器的运用是构建网页样式的基石。从简单的类选择器和ID选择器，到更复杂的属性选择器，CSS提供了多种选择元素的方式。在本篇博客中，我们将深入探讨CSS中的:nth-child和:nth-of-type伪类，这两种选择器让我们能够基于元素在父元素中的位置，进行更精细的样式控制。

定义**同一变量名称（名字）两次或多次后，less只会选择最后定义**的！@bg-img:"路径1";@bg-img:"路径2";@bg-img:"路径3";header{// 结果为：background: url("路径3");

确保在指定的时间间隔内，无论连续触发了多少次事件，只有最后一次事件会在该间隔结束后执行。（触发事件后 n 秒后才执行函数，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。核心逻辑重置计时器：每次事件触发时，都会重置计时器。执行时机：只有在用户停止触发事件指定时间间隔后，才会执行最后一次事件。想象一台自动售货机，里面都是不同价格的商品，当你投入相应的硬币，会自动选择对应商品。

属性可以设置背景图片的尺寸，使其覆盖整个元素。，可以使背景图片在页面滚动时保持固定。函数，可以创建一个全屏的背景容器。

关于js的数组去重和获取重复元素，在项目开发中经常会遇到，这里提供个实现思路以供参考。数组主要分为：普通数组和对象数组（嵌套对象数组）两类。普通数组的去重，以及获取重复元素比较简单，重点是关于对象数组去重，以及获取重复元素。对象数组去重分为两类：根据某一属性去重，和去重完全相同对象（属性属性值都相同）

foo()这就是一个闭包的应用体现。闭包：它储存了**一个函数和一个关联的环境（上下文环境），当捕获闭包的时候，它的自由变量会在捕获时被确定，这样即使脱离了捕获时的上下文，它也能照常运行。js的闭包是通过作用域链实现的。并且每当创建一个函数，就会创建一个闭包。闭包的个人理解一个普通的function函数，如果它可以访问外层作用域中的自由变量，name这个函数就是一个闭包。广义来讲：JavaScript中的函数都是闭包狭义上讲：JavaScript中一个函数，如果访问了外层作用域的变量。

清理和格式化用户输入的数值字符串，特别是确保只保留数字和小数点，并且可以控制小数点后保留的位数。属性的对象，如HTML的input元素。如果你是在不同的上下文中使用，请确保传递正确的对象类型。控制小数点后的位数（默认为2位）。清除非数字和非小数点的字符。确保字符串不以小数点开头。只允许一个单一的小数点。请注意，这个函数假设。

最后一部分 rgba(0, 0, 0, 0.1)：这是阴影的颜色。它使用了RGBA颜色模型，其中前三个值（0, 0, 0）表示黑色，最后一个值（0.1）表示透明度（alpha通道），范围从0（完全透明）到1（完全不透明）。因此，这里的阴影是稍微透明的黑色。总结来说，这段CSS代码将会创建一个位于元素下方、轻微模糊、收缩且颜色为淡黑色（带有90%透明度）的阴影效果。如果你希望更直观地看到这个效果，可以在浏览器中的开发者工具里尝试应用这段样式到一个元素上，或者在你的网页项目中实际应用并查看效果。

语法线性渐变 - 从上到下（默认）下面的例子显示了从顶部开始的线性渐变。它从红色开始，过渡到黄色：线性渐变 - 从左到右下面的例子展示了从左开始的线性渐变。它从红色开始，过渡到黄色：您可以通过指定水平和垂直起始位置来实现对角渐变。下面的例子展示了从左上角开始（到右下角）的线性渐变。它从红色开始，过渡到黄色： 这个角度指定水平线和渐变线之间的角度。下面的例子展示了如何在线性渐变上使用角度：使用多个色标下面的例子展示了带有多个色标的线性渐变（从上到下）：

SCSS 作为 CSS 的预处理器，为开发者提供了更强大的功能和灵活性。通过变量、嵌套、混合宏、继承等特性，SCSS 大大简化了样式表的编写和维护工作。本文详细介绍了 SCSS 的基本语法和使用方法，并提供了一些进阶技巧和工具，帮助读者更好地掌握和应用 SCSS。​。

【代码】js判断对象是否有某个key。

QS是一个第三方库，我们可以用来安装。工具的名字：QS，即Query String，请求参数字符串。什么是请求参数字符串？例如： name=jack&age=21QS工具可以便捷的实现 JS的Object与QueryString的转换。在我们的项目中，将QS注入到了Vue的原型对象中，我们可以通过this.$qs来获取这个工具：发现其中有3个方法：这里我们要使用的方法是stringify，它可以把Object转为QueryString。

​。

1.使用JSON.string() 转换的值中,如果有 toJSON() 方法，那么返回值直接代替了当前的这个对象。我们之前都在介绍 JSON.string()，我们现在简单说下 JSON.parse()。8.undefined、任意的函数、symbol 值，在序列化过程中会被忽略【出现在非数组对象的属性值中时】JSON.string()转换的值中有 toJSON() 方法，那么返回值直接替代当前这个对象。我们平时在开发中，更多的是使用JSON.string()和JSON.parse()。

二进制文件可以包含任意类型的数据，例如：图像、音频、视频、可执行文件、压缩文件等，而文本文件则仅仅包含 ASCII 码或其他编码的字符数据。含义：二进制流是一种计算机文件格式，它的数据以二进制形式存储，与文本文件不同。问题：成功将文件流转换成了excel文件，并下载了，但是下载后的文件打不了！2、二进制文件流转换成excel方法实现。表示服务器响应的数据类型，可以是。1、导入excel方法代码片段。

实际项目中一般都会有一个模版下载的功能，一般都由服务端提供一个下载接口，返回文件流或url地址，然后前端再处理成对应需要的类型的文件。但是，也有可能服务端就不提供下载接口了，那么模版就可以保存在前端项目中。本文就是基记录如何实现纯前端下载静态资源文件。

强行截断换行显示，在希望容器内全填充时使用，否则影响单词文案阅读感受。如果文本中有长单词，在换行时会自动截取整个。

XMLHttpRequest是浏览器提供的一个对象，正是这个对象使得浏览器可以发出http请求、接收http响应。ajax是一种技术方案，他最核心得依赖是XMLHttpRequest对象 只能说 使用XMLHttpRequest对象发送ajax请求。

两种JavaScript方法来下载二进制流文件，包括创建Blob对象和利用a标签下载。在某些情况下，需要设置`responseType: 'arraybuffer'`才能使方法生效。代码示例展示了如何结合HTTP请求下载并触发文件保存。

水平居中：块级元素使用，行内元素使用。垂直居中：使用 Flexbox、Grid、绝对定位或表格布局。同时水平和垂直居中：推荐使用 Flexbox 或 Grid 布局，因为它们简单且强大。

vue3-video-play视频播放插件基于原生的HTML5的 标签 开发，所以支持的视频格式和一致，并且支持标签的所有原生属性和方法。vue3-video-play视频播放插件基于原生的HTML5的 标签 开发，所以支持的视频格式和一致，并且支持标签的所有原生属性和方法。

带中文会乱码，使用decodeURIComponent()搞定！

添加一个或多个元素,并返回新数组的长度,改变原数组.(添加多个元素用逗号隔开)