![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 73
一只会飞的汪汪
海阔凭鱼跃 天高任鸟飞
展开
-
js对象中in和hasOwnProperty区别
Object.prototype.hasOwnProperty()hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是,是否有指定的键,不包含继承属性)var target = { name: 'jim', age: 32}target.hasOwnProperty('name') // truetarget.hasOwnProperty('toString') // falsein如果指定的属性在指定的对象或其原型链中,则in 运算符返回原创 2022-02-18 15:46:11 · 486 阅读 · 0 评论 -
你会用 JSON.stringify()? JSON.stringify一些坑
前言JSON是一种轻量级数据格式,可以方便地表示复杂数据结构。JSON对象有两个方法:stringify()和parse()。在简单的情况下,这两个方法分别可以将JavaScript序列化为JSON字符串,以及将JSON解析为原生JavaScript值。JSON.stringify MDN官方文档本文着重介绍JSON.stringify()的使用方法和注意事项。一、使用方法1、基本用法JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。let json1转载 2021-07-27 15:05:46 · 7914 阅读 · 0 评论 -
HTML5实现输入密码(六个格子)_
HTML实现六个格子密码框话不多说,直接上图。下面附上代码下载链接,往下看!!!下载地址原创 2020-05-21 17:36:02 · 1007 阅读 · 1 评论 -
js中数组常用方法总结push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、indexOf、lastIndexOf、includes
数组相关方法 push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、原创 2020-04-09 21:20:52 · 730 阅读 · 0 评论 -
js中的foreach详细用法详解
forEach 数组循环方法之一, 包含两个参数, 参数 描述 function(currentValue, index, arr) 必需。 数组中每个元素需要调用的函数。函数参数。 参数 必需。初始值, 或者计算结束后的返回值 currentValue ...原创 2020-04-09 13:36:35 · 13136 阅读 · 3 评论 -
js数组遍历方法总结forEach、map、some、every、filter、reduce、reduceRight、while、for..in、for..of12种方法
数组遍历方法,本文涉及到的方法大概有 do…while、while、for、map、some、every、filter、reduce、reduceRight、forEach、for…in、for…of 12种方法。一、do…whilevar arr = [1, 2, 3];for (var i in arr) { console.log('for..i--i下标', i); ...原创 2020-04-08 21:25:22 · 348 阅读 · 0 评论 -
js浮点数计算精度不准确问题的解决办法
如果我问你 0.3 - 0.2 等于几?你可能会送我一个白眼,0.3 - 0.2 = 0.1 啊,那还用问吗?连幼儿园的小朋友都会回答这么小儿科的问题了。但是你知道吗,同样的问题放在编程语言中,或许就不是想象中那么简单的事儿了。不信?我们可以做个试验。问题原因分析问题原因是Javascript采用了IEEE-745浮点数表示法(几乎所有的编程语言都采用),这是一种二进制表示法,可以精确地表...原创 2020-04-06 21:02:50 · 1636 阅读 · 0 评论 -
js中的apply、call、bind的区别以及使用
apply、call、bind三者都是改变函数this对象指向的;apply、call、bind三者第一个参数都是this要指向的对象,也就是指定的上下文对象;apply、call、bind三者都可以利用后续参数传参,apply 后续参数传入的数组call、bind 后续参数传入的是单个参数bind返回的是函数,方便后续调用;apply、call则是立即调用...原创 2020-04-04 21:28:04 · 145 阅读 · 0 评论 -
js深拷贝和浅拷贝学习
初级前端面试,应该经常被问到JS深拷贝和浅拷贝。在开发过程中也会经常遇到S深拷贝和浅拷贝问题。下面我们简单剖析一下,深拷贝和浅拷贝的区别。这里涉及到栈堆,基本数据类型与引用数据类型,不在过多赘述了,这链接里面有关数据类型的简单讲述。浅拷贝:例如 有一个对象 A,此时 对象 B 等于 A, A 对象新增属性或者修改属性值,此时B也会被响应的修改,B被A对象影响,反之B修改,A也会被修改,相互影响。...原创 2020-04-03 09:53:30 · 158 阅读 · 0 评论 -
js判断各种数据类型
谈到Javascript 数据判断,首先我们要思考一下,Javascript到底有多少种数据类型呢?JavaScript的数据类型分为2大类:原始数据类型和引用数据类型原始数据类型ES5:Number、String、Boolean、null、undefined、NaNES6:Symbol引用数据类型ES5: Object的 Array、Date、FunctionES6: Se...原创 2020-04-01 21:46:14 · 294 阅读 · 0 评论 -
JS数组去重-JavaScript数组去重方法介绍
JS数组去重,相信大多数前端朋友在面试过程中,遇到过。一般是要求手写或者大致讲一下思路。一旦被面试官问道,讲一下数组去重的方法?此时,我们如果可以回答10种或者7、8种,很有可能给我们的面试加分。但是在项目中,基本上没有遇见过此类问题。日常项目组遇见的概率比较低,但为了每年的金三银四跳槽季,还是有必要掌握以下,以防面试的时候遇到此问题。下面是整理的数组去重方法,大致有10多种,希望看完能对屏幕...原创 2020-03-31 22:03:42 · 323 阅读 · 0 评论 -
js判断对象为空对象的五种方法总结整理
将对象转换为json字符串,判断字符串是否为 “{}”; var obj = {}; if(JSON.stringify(obj) == '{}'){ console.log('obj 是一个空对象''); }for in 或者 for of var obj = {}; function check_obj_is_empty_fun1(obj) { for(va...原创 2020-02-29 16:20:33 · 715 阅读 · 0 评论 -
js前端常见跨域解决方案JSONP
大家好,希望看到这篇文章的您,可以帮助到你,进一步了解前端跨域方面的知识。究竟什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:(1)资源跳转: A标签、重定向、表单提交。(2)资源嵌入: link、script、img、iframe等dom标签,还有样式background:url()、@font-face()等文件外链(3)脚本请求:...转载 2019-11-07 22:09:56 · 322 阅读 · 0 评论 -
Vue 配置 Gzip 压缩 开启压缩后踩过的坑
vue配置compression-webpack-plugin插件需要后台配合才可以实现ci方法(1)vue-cli搭建的项目在config/index.js(2)打开CMD,执行>npm install --save-dev compression-webpack-plugn(3)然后 cnpm run build(4)(5)注意事项上面会提示当前安装版本与当前项目下的w...原创 2018-11-30 19:18:51 · 7307 阅读 · 4 评论 -
angular4 如何让IE浏览器正常工作,提示_for-of.js错误
进行angulajs4踩坑阶段,遇到ie浏览器打开页面什么也没有显示。ie11 都没有显示,控制台报_for-of.js错误。。第一步找到项目 src 目录下 polyfill.ts 文件,将注释部分,取消注释 .第二步打开注释后的代码...原创 2018-12-28 10:42:40 · 665 阅读 · 0 评论 -
react在index.html中引入js库,错误提示第一行 Uncaught SyntaxError: Unexpected token <
Reactjs 在index.html 中引入 JS 库,提示错误在第一行。解决办法:在script标签上面,增加 type="text/babel"原创 2019-02-21 15:58:56 · 9840 阅读 · 2 评论 -
JS判断H5/Html页面,是在手机APP内或者是在手机浏览器打开
1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断...原创 2019-01-30 14:34:49 · 22912 阅读 · 22 评论 -
关于Vue cli 3的 vue.config.js 配置实时打包问题,启动npm run build命令,webpack的watch实时打包文件
vue-cli 3.0项目 vue.config.js 配置,npm run build之后,webpack的watch实时打包(dist)文件vue-cli 3.0 官方配置文档链接 点击进入,vue-cli 3.0 官方配置文档链接,更加深入了解详细配置vue-cli 3.0 不建议直接修改webpack,提供两个配置参数,以供修改webpack里面配置项1. chainWebpa...原创 2019-01-30 15:42:36 · 7579 阅读 · 1 评论 -
Vue使用ts typescript,使用Jquery报错 , $ 不认识的解决办法
vue-cli 3.0 脚手架搭建的 vue项目,使用 typescript编写。期间遇见了不少坑。由于项目需要用到第三方密码键盘插件和加密插件,须在index.html 页面顶部 引入jquery JS.&lt;script src="./jquery-2.1.4.js"&gt;&lt;/script&gt;当组件使用 $('#div').click() 方法的时,ts 编译器提示 一个错...原创 2019-01-30 16:31:16 · 6302 阅读 · 0 评论 -
vuejs+typescrpt this[key] 使用变量获取this属性报错解决办法Element implicitly has an 'any' type because
1.在使用vue+typescript 构建项目的时候,使用变量动态获取属性值的时候,ts解析器会报一个错误。** var key = 'name'; this[key] = 123; // 这里会提示一个语法错误 **Element implicitly has an 'any' type because type 'About' has no index signatu...原创 2019-01-30 20:21:40 · 34225 阅读 · 2 评论 -
vue+typescript,三种组件传值方式
Vue 2.0 typescript 写法传值方式:随着 typescript 越来越受到前端框架的关注,最近使用 vue + typescript 做了一个项目。发现写法与 vue + js 完全不一样。但是原理相同。接下来给大家介绍 Vue 开发中常用的传值方式。Vue 常用的三种传值方式有:父传子子传父非父子传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递...原创 2019-01-30 18:56:01 · 10596 阅读 · 6 评论 -
JS控制输入框只能输入数字且最多两位小数
JS控制输入框只能输入数字且最多两位小数&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;JS 控制只能输入数字并且最多允许两位小数点&lt;/title&原创 2018-10-12 17:20:58 · 8038 阅读 · 1 评论