
js基础
javaScript基础知识
程序媛_MISS_zhang_0110
前端晋级者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iframe通过url方式来获传递的参数
【代码】iframe通过url方式来获传递的参数。原创 2024-11-21 11:50:09 · 865 阅读 · 0 评论 -
iframe父传子如何传值
【代码】iframe父传子如何传值。原创 2024-07-11 14:51:27 · 503 阅读 · 0 评论 -
div标签具有输入框属性
【代码】div标签具有输入框属性。原创 2024-05-27 15:11:00 · 438 阅读 · 0 评论 -
js如何判断对象数组中是否存在某个对象
js如何判断对象数组中是否存在某个对象arr.some(()=>{})arr.some(()=>{})var res = arr.some(item=>{ if(item.name=='张三'){ return true }})console.log(res) // 如果arr数组对象中含有name:'张三',就会返回true,否则返回falseif(res){ // 如果存在 // do something }链接: https://www.cn原创 2021-10-12 10:55:15 · 1151 阅读 · 0 评论 -
字符串内插入另一种引号类型
vue项目打包时候,项目里面有另一个单独的项目,要跳转到这里,需要在config里面配置一下单独项目的测试和生产环境地址,在配置时候配置成这样Survey_SERVER: "http://url"会在打包时候报错,最后发现是因为配置url里面有http://,出现特殊字符需要转义一下。原创 2023-04-24 14:09:42 · 318 阅读 · 0 评论 -
require导入module.exports 或 exports导出的使用
CommonJS 是一种用于 JavaScript 的模块化规范,用于在服务端环境和旧版浏览器中组织和管理代码。它定义了模块的导入(require)和导出(module.exports 或 exports)方式,并支持同步加载模块。原创 2023-11-24 15:59:59 · 1148 阅读 · 0 评论 -
Unicode编码的emoji表情如何在前端页面展示
U+1F601 和 0x1F601 表示同一个 Unicode 代码点,即笑脸 Emoji 的代码点。它们之间的区别在于表示方式和数据类型。1.U+1F601 是一种常见的表示方式,也称为 “U+” 标记法。它表示一个 Unicode 代码点,前缀 “U+” 后面跟着该代码点的十六进制表示。在这种表示方式下,U+1F601 表示笑脸 Emoji 的代码点。2.0x1F601 是一个十六进制数值,以 0x 开头表示。在 JavaScript 中,以 0x 开头的数字表示十六进制数值。原创 2023-11-17 17:01:35 · 2085 阅读 · 0 评论 -
音频url如何下载到本地浏览器上
别看了,没了,就这么简单~原创 2023-11-13 14:21:46 · 398 阅读 · 0 评论 -
前端如何把图片url地址https://url转成base64
【代码】前端如何把图片url地址https://url转成base64。原创 2023-11-13 10:00:51 · 6009 阅读 · 0 评论 -
a标签下载二进制数据浏览器下载显示进度
之前使用axios进行流处理文件下载的过程中,遇到大文件的话,axios就需要等待整个文件流都下载到内存中才会弹出浏览器的下载文件保存对话框,这种方式在下载小文件的场景没什么问题,但是遇到大文件,一方面是浏览器的下载保存对话框半天都不会响应客户,这样体验不是很好;另外一方面是受到客户端内存的限制。原创 2023-05-05 14:28:28 · 1027 阅读 · 0 评论 -
a标签onclick传递参数不对
问题:方法能够调用到,传递参数时参数奇奇怪怪的。不是想要的值。原创 2023-05-05 13:34:48 · 747 阅读 · 0 评论 -
js中递归树形数据,及查询该节点的所有父级节点、及有筛选符合条件下的递归数据
【代码】js中递归树形数据,及查询该节点的所有父级节点、及有筛选符合条件下的递归数据。原创 2023-03-08 15:53:45 · 4718 阅读 · 0 评论 -
js基本数据类型之间的转换
常见的五大基本数据类型:string number boolean null undefined。原创 2022-10-21 11:35:26 · 428 阅读 · 0 评论 -
JS 实现段落展开和收起的显示
【代码】JS 实现段落展开和收起的显示。原创 2022-10-20 14:15:24 · 755 阅读 · 0 评论 -
面试题:数组冒泡排序面试题
排除第一位4是初始位置的可能,因为若最后一位是最大的数字,在初始位置为:4,10,5,32,6,7,9,17,24的情况下,根据升序排序有出现最后一位为最大数字的可能.所以综上所述可知数字4的原始位置不在第一位.再看选项,A、B、C中4都不在第一位,根据冒泡排序的原理,可能在第一遍排序后出现结果为:4,10,5,32,6,7,9,17,24;D项中,若原始顺序为:4,10,5,32,17,9,24,6,7,无论如何移动,都不能在第一遍排序后出现题干的结果.故选:D。有一个数组,采用冒泡排序,原创 2022-10-12 16:21:19 · 738 阅读 · 0 评论 -
为什么说前后端分离不利于seo
也就是说,如果一个单页应用,html在服务器端还没有渲染部分数据数据,在浏览器才渲染出数据,而搜索引擎请求到的html是没有渲染数据的。搜索引擎的基础爬虫的原理就是抓取你的url,然后获取你的html源代码并解析。而你的页面通常用了vue等js的数据绑定机制来展示页面数据,爬虫获取到的html是你的模型页面而不是最终数据的渲染页面,所以说用js来渲染数据对seo并不友好。一般的数据逻辑操作是放在后端的。排序这个如果仅仅是几条数据,前后端排序开起来是一样的,如果是有1000条数据,前端要排序就要都请求过来。原创 2022-10-12 15:17:20 · 1331 阅读 · 0 评论 -
safari浏览器input框placeholder和内容都显示不全
主要是因为font-size的原因,加一个样式就好了。原创 2022-10-12 15:05:37 · 1755 阅读 · 0 评论 -
ajax请求参数是路径地址得进行编码
代码】ajax请求参数是路径地址得进行编码。原创 2022-08-19 11:05:07 · 177 阅读 · 0 评论 -
超级基础的面试题总结
代码】超级基础的面试题总结。原创 2022-08-05 16:40:26 · 602 阅读 · 0 评论 -
关于正则的两道笔试面试题
该DOM元素内会给出一段随机文本,可能包含一些链接,比如https//www.baidu.com,或者www.baidu.com?输入输出。如果出现链接文本,请给该链接文本加上链接标签,用户点击后能直接在新窗口中打开该链接。2、识别所有以http//、https//或者www.开始的链接。1、hxContainer只有纯文本内容,不包含其他dom元素。3、所有www.开头的链接,默认使用http协议。...原创 2022-07-26 15:42:38 · 462 阅读 · 0 评论 -
递归使用和多维数组对象变一维数组对象
递归使用和多维数组对象变一维数组对象原创 2022-06-23 17:37:59 · 649 阅读 · 0 评论 -
safari浏览器关于时间日期格式的兼容问题
safari浏览器关于时间格式的兼容问题一、效果图chrome浏览器中safari浏览器中:二 、解决办法三级目录经常用的时间格式YYYY-MM-DD HH:mm:ss在Safari浏览器中是不支持的一、效果图chrome浏览器中safari浏览器中:二 、解决办法new Date(moment(this.feeMonth).format('YYYY-MM-DD HH:mm:ss').replace(/-/g, '/'))三级目录链接: https://segmentfault.c原创 2022-05-05 17:11:38 · 1917 阅读 · 0 评论 -
数组对象深拷贝方法
数组对象深拷贝方法一、Object.assign()二、JSON.parse(JSON.stringify(obj))一、Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, ...sources) 参数:target--->目标对象 source--->源对象 返回值:target,即目标对象 this.params = Obj原创 2022-05-05 16:19:24 · 1059 阅读 · 0 评论 -
遍历对象的方法
遍历对象的方法一、vue中v-for遍历对象二、for...in 遍历数组和对象都可以三、Object的方法四、Object.getOwnPropertyNames(obj)五、使用Reflect.ownKeys(obj)遍历一、vue中v-for遍历对象 <el-form-item label="状态:"> <el-select v-model="searchData.generateStatus"> <el-option label="全部原创 2022-03-09 10:09:40 · 21033 阅读 · 0 评论 -
弹性盒子深度使用
弹性盒子深度使用(未完成)一级目录二级目录三级目录一级目录二级目录三级目录原创 2022-03-08 17:30:46 · 453 阅读 · 0 评论 -
js中区分数组和对象
js中区分数组和对象一、通过instance of来识别二、通过Object,prototype.toString.call方法来识别三、通过ES6中的Array.isArray来识别四、通过调用constructor来识别一、通过instance of来识别[] instance of Array //true{} instance of Array //false二、通过Object,prototype.toString.call方法来识别Object.prototype.toStr原创 2022-02-25 17:32:07 · 605 阅读 · 0 评论 -
js中自带的一些判断类型方法
js中自带的一些判断类型方法一、typeof二、instanceof三 、hasownproperty一、typeofjs提供了typeof运算符,用来检测一个变量的类型。Number ;string ;boolean ;underfined; null; object; functiontypeof 123 //Numbertypeof 'abc' //Stringtypeof true //Booleantypeof undefined //U原创 2022-02-25 17:27:43 · 451 阅读 · 0 评论 -
JSON.parse(JSON.stringify(obj))实现深拷贝的一些问题
@TOC一、// An highlighted blockvar foo = 'bar';链接: https://blog.csdn.net/weixin_52378257/article/details/121064703.原创 2022-02-21 13:33:07 · 1379 阅读 · 0 评论 -
JS中的数据类型和typeof判断后几种类型
基本数据类型:string number boolean underfined null。引用数据类型:array object。原创 2024-01-05 10:24:18 · 630 阅读 · 0 评论 -
js中生成uuid
js中生成uuid一、简介uuid二、生成uuid四种方法1.第一种2.第二种3.第三种4.第四种一、简介uuidUUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f范围内的一个32位十六进制数。在理想情况下,任何计算机和计算机集群都不会生成两个相同的UUID。UUID原创 2022-02-14 14:39:29 · 15855 阅读 · 0 评论 -
js中四则运算(失真)处理方法
js中数字运算(加减乘除)后值不对(失真)处理方法一、失真案例1.加法2.减法3.乘发4.除法一、失真案例1.加法/*用来得到精确的加法结果*说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。*调用:accAdd(arg1,arg2)*返回值:arg1加上arg2的精确结果*/function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split("."原创 2021-12-30 14:55:03 · 1487 阅读 · 0 评论 -
yarn使用教程
yarn使用(未完成)一级目录二级目录三级目录一级目录二级目录三级目录原创 2022-01-11 17:49:01 · 468 阅读 · 0 评论 -
统计字符串出现次数
统计字符串出现次数一、代码一、代码// string.charAt(index)方法可返回指定位置的字符。var str = 'adkfjadfkjadsjhhkjjdddddddd';var obj={}for(var i =0;i<str.length;i++){ if(obj[str.charAt(i)]){ obj[str.charAt(i)]++ }else{ obj[str.charAt(i)]=1 }}var ma原创 2021-12-30 15:09:14 · 370 阅读 · 0 评论 -
闭包的经典案例
闭包(未完成)一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-12-28 15:21:03 · 802 阅读 · 0 评论 -
js内置对象
js内置对象一、内置对象有哪些一、内置对象有哪些String对象:字符串对象,提供了对字符串进行操作的属性和方法。Array对象:数组对象,提供了数组操作方面的属性和方法。Date对象:日期时间对象,可以获取系统的日期时间信息。Boolean对象:布尔对象,一个布尔变量就是一个布尔对象。(没有可用的属性和方法)Number对象:数值对象。一个数值变量就是一个数值对象。Math对象:数学对象,提供了数学运算方面的属性和方法。Object对象、RegExp对象、 Global对象、F原创 2021-12-28 10:03:57 · 126 阅读 · 0 评论 -
js中获取对象值obj[‘name‘]和obj[true]等的区别
js中添加对象obj['name']和obj[true]等的区别一、获取对象属性值但是二、添加对象属性值一、获取对象属性值obj = { name: 'js', age: 18, 1: 8, true: '布尔值', false: '错误', } // .方法后面跟的必须是一个指定的属性名称,而中括号方法里面可以是变量 console.log(obj.name) //属性名称 let newName原创 2021-12-28 09:59:30 · 2287 阅读 · 0 评论 -
面试代码题总结(包含promise和async await)
面试代码题总结(待完成)一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-12-08 14:21:43 · 532 阅读 · 0 评论 -
数组去重方法
数组去重(待完成)一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-12-08 14:19:49 · 111 阅读 · 0 评论 -
什么叫优雅降级和渐进增强?
什么叫优雅降级和渐进增强?一、优雅降级二、渐进增强不同点一、优雅降级一开始就构建完整的功能,然后再针对低版本浏览器进行兼容二、渐进增强针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。不同点a. 优雅降级是从复杂的现状开始,并试图减少用户体验的供给b. 渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其原创 2021-11-29 14:04:01 · 277 阅读 · 0 评论 -
JS中的堆和栈
JS中的堆和栈一、简介1.栈内存2.堆内存一、简介在js引擎中对变量的存储主要有两种位置,堆内存和栈内存。1.栈内存栈内存主要用于存储各种基本类型的变量,包括Boolean、Number、String、Undefined、Null,**以及对象变量的指针,这时候栈内存给人的感觉就像一个线性排列的空间,每个小单元大小基本相等。2.堆内存堆内存主要负责像对象Object这种变量类型的存储栈内存中的变量一般都是已知大小或者有范围上限的,算作一种简单存储。而堆内存存储的对象类型数据对于大小原创 2021-11-29 10:37:47 · 1096 阅读 · 0 评论