前端基础
Y_coder
这个作者很懒,什么都没留下…
展开
-
【前端基础】使用 typeof 进行类型判断注意点
使用typeof进行类型判断时需要注意上述情况,特别是`null`、`NaN`和数组类型的判断。在某些情况下,需要结合其他方法进行更准确的类型判断。原创 2024-03-28 16:28:07 · 340 阅读 · 0 评论 -
【前端基础】什么是类数组对象,类数组对象转换成数组的方法
DOM 元素列表 (NodeList):由 DOM 查询操作返回的结果,如等。NodeList 是一个类数组对象,包含了匹配查询条件的 DOM 元素列表。函数参数对象 (arguments):在函数内部可以通过arguments对象访问所有传递给函数的参数。arguments对象是类数组对象,具有类似数组的特性,例如有一个length属性和通过索引访问参数的能力。字符串 (String):字符串也可以被视为类数组对象,因为它们包含一系列字符,并且可以通过索引访问单个字符。原创 2024-03-28 16:08:53 · 552 阅读 · 0 评论 -
【前端基础】uniapp、axios 获取二进制图片
在网络请求中,`responseType: "arraybuffer"` 是指定服务器响应的数据类型为二进制数据缓冲区(ArrayBuffer)。这是XMLHttpRequest(XHR)和Fetch API等客户端JavaScript API中的一个选项。原创 2023-12-24 19:06:27 · 1099 阅读 · 0 评论 -
【前端基础】数组、对象数组去重
使用set进行数组去重完整demo,实现对象数组去重完整 demo原创 2023-12-21 15:52:39 · 429 阅读 · 0 评论 -
【前端基础】script引入资源脚本加载失败解决方案(重新加载获取备用资源)
当脚本加载失败时通过备用域名重新进行资源加载原创 2023-12-21 12:50:06 · 1615 阅读 · 0 评论 -
【ECharts】从零实现echarts地图完整代码(纯前端,包含地图资源)
echarts可视化2.5D地图,自定义地图纹理,伪热力图,高亮,自定义提示框,地图下钻,定位 logo 显示。完整代码,纯前端,下载完即可运行原创 2023-12-14 12:59:01 · 1627 阅读 · 0 评论 -
【前端基础】ie跳转google简单示例
ie跳转google简单示例,完整的html示例代码原创 2023-12-08 14:24:47 · 1059 阅读 · 0 评论 -
【前端基础】时间转换
【代码】【前端基础】时间转换。原创 2023-10-09 17:08:44 · 77 阅读 · 0 评论 -
【前端基础】如何判断某个字符串是否以 abc 开头
可以使用 JavaScript 中的多种方法来判断一个字符串是否以 “abc” 开头。方法是最常用的,因为它简单且直观。可以根据具体需求选择其中的任何一种方法。原创 2023-09-08 10:48:07 · 682 阅读 · 0 评论 -
【前端基础】垂直居中效果
这些方法中的任何一个都可以用来实现垂直居中效果,具体取决于项目需求和个人偏好。选择其中一个并根据需要进行调整。你也可以使用 CSS Grid 布局来实现垂直居中效果,类似于 Flexbox,但它更适合复杂的布局。使用 Flexbox 布局是实现垂直居中效果的一种简单方法。使用绝对定位也可以实现垂直居中效果,但这通常需要明确定义容器的高度。还可以使用表格布局来实现垂直和水平居中效果,但这种方法不太常见。原创 2023-09-08 10:28:57 · 345 阅读 · 0 评论 -
【前端基础】js 如何判断一个值是数组
在JavaScript中,可使用不同的方法来判断一个值是否是一个数组。操作符也可以用来检查一个值是否是一个数组。但需要注意,如果在多个窗口或框架中操作对象,进行比较来检查值是否是一个数组。这种方法比较繁琐,但在某些情况下仍然有效。可能不够可靠,因为它检查的是对象的构造函数。方法是最简单和推荐的方法,它会返回。如果传入的值是一个数组,否则返回。这种方法通过获取值的内部。推荐使用第一种方法,即。,因为它简单且可靠。原创 2023-09-08 09:30:44 · 753 阅读 · 0 评论 -
【uni-app】压缩图片并添加水印
这是一个用于检测上传的图片文件格式的函数。它接受一个文件名列表作为参数,并返回一个 Promise 对象。它接受一个图片的URL作为参数,并返回一个Promise对象。这个函数的作用是加载指定URL的图片,获取其宽度和高度,并将它们包装在一个对象中返回。函数的目的是检查上传的文件是否属于支持的图片格式(.jpg、.jpeg、.png)。它接受一个图片的URL、图片的宽度和高度作为参数,并返回一个Promise对象。这是一个用于在图片上添加水印并将结果绘制到 canvas 上的异步函数。原创 2023-08-24 12:00:43 · 1074 阅读 · 0 评论 -
【前端基础】通过 JSON.parse(JSON.stringify(obj)) 来实现深拷贝
需要注意的是,这种方法对于大多数情况下是有效的,但是有一些特殊情况下可能会出现问题,比如对象中包含函数、循环引用等情况。在实际应用中,为了更加健壮的深拷贝,你可能需要使用成熟的库,例如。这种方法可以很方便地实现深拷贝,并且能够确保两个对象之间不会相互影响。会将对象转换成字符串再解析回对象,从而实现深拷贝。完全独立,修改其中一个对象不会影响另一个对象。是一种简单且有效的深拷贝方式。但对于大多数情况下,最简便的实现方式是使用。原创 2023-07-31 20:01:05 · 836 阅读 · 0 评论 -
【Vue】】img使用 :src 动态绑定图片地址,但是加载图片不成功
img标签直接动态绑定图片的相对路径的时候,图片不能正常显示。动态地址,路径被加载器解析为字符串,所以图片找不到。设置绝对路径或者相对路径是改为用。引入才能成功,就可以动态使用了。原创 2023-07-31 10:18:22 · 3812 阅读 · 1 评论 -
【前端基础】JavaScript中的加密方法encodeURI() & encodeURIComponent()
当我们需要在 URL 中传递参数时,为了避免出现一些特殊字符或中文等无法正常解析的情况,我们需要对这些参数进行编码。函数则用于对 URI 中的组件部分进行编码,包括参数、路径、哈希等。该函数会对所有非字母数字字符进行编码,包括冒号、正斜杠、问号和井号等,并将空格转换为。这两个函数的作用与编码函数相反,将编码后的字符串解码为原始字符串。该函数会保留某些字符,例如冒号、正斜杠、问号和井号等,并将空格转换为。需要注意的是,在解析 URL 时,使用。这两个函数来实现字符串编码。原创 2023-06-02 16:23:38 · 1647 阅读 · 4 评论 -
【CSS】标准盒模型和IE盒模型(box-sizing:border-box)
换句话说,边框和内边距的尺寸会从元素的内容区域中减去,使得内容区域的尺寸保持不变。例如,如果一个元素的宽度设置为200px,内边距设置为10px,边框设置为5px,那么元素的内容区域的宽度将为200px - 2 * 10px - 2 * 5px = 170px。content-box 是 CSS 盒子模型的默认值,因此在不指定盒子模型属性时,浏览器会默认使用 content-box 来计算盒子的宽度和高度。在Web开发中,每个元素都被视为一个矩形的盒子,由内容区域、内边距、边框和外边距组成。原创 2023-05-22 15:52:32 · 2006 阅读 · 0 评论 -
【Vue】理解数据代理(通过 defineProperty)
数据代理:通过一个对象代理对另一个对象中属性的操作(读 / 写)原创 2023-03-24 16:25:00 · 40 阅读 · 0 评论 -
【Vue】Object.defineProperty
Object.defineProperty( 要给哪个对象添加属性,添加的属性叫什么名,配置项 )例如下面这个例子就是给 person 增加了个属性 age,值为18在控制台打印可以发现新增的属性 age 和前面两个属性颜色深浅不一样。age 颜色淡一点想表达的意思是这个 age 是的。原创 2023-03-24 11:45:02 · 62 阅读 · 0 评论