![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
qq_39355295
这里是一个前端的小白的基本的学习笔记,记录自己的成长
展开
-
循环往数组中插入对象
前提:工作中,经常需要对前端数据进行处理,主要是数组和对象两种类型,这里主要是对数组的处理。说明:循环往数组中插入对象时要确保每次都创建一个新的对象,不能重复使用之前的对象//正确的方法var arr = [];for (var i = 0; i < 10; i++) { var obj = {}; obj.id = i; arr.push(obj);}...转载 2020-03-27 09:18:43 · 2899 阅读 · 0 评论 -
iphone、ipod Touch、ipad触屏时的js事件
**前提:**目前前端开始主要是pc、ios 、Android这三种类型,有时候使用同一种方法可以不起作用,因为在PC中存在鼠标事件,但是在移动端和ios中却是点击事件,所以有必要系统的区分一下是三者之间的关系。下面是收藏的文章链接:文章链接大家可以点击查看笔记。...转载 2020-01-01 22:40:04 · 569 阅读 · 0 评论 -
移动端 FastClick--解决ios点击延迟问题
**前提:**本地js定义一个方法,在手机上测试的时候是点击事件,但是在ipad上确实双击事件,查看网上解决方法,发现是因为ios本身就存在延迟问题:下面是我收藏的解决方法:(备注:本次是使用vue开发项目)解决方法文章...转载 2020-01-01 22:36:21 · 522 阅读 · 0 评论 -
setTimeout立即执行,没有延迟效果
问题来源:在写定时器的时候,方法总是立即执行,后来发现是因为第一个参数必须是需要编译的代码或者是一个函数方法。下面是我找到的答案:点击查看解决方法亲测方法有效,自己就不另外补充了。...转载 2020-01-01 22:33:08 · 867 阅读 · 0 评论 -
js把局部变量变为全局变量
前提:最近在和APP之间进行交互,其中就包括APP对H5变量和方法的调用功能。作为没有接触过此功能的我,经过一番搜索之后,熟练应用,下面是我操作,本次开发使用VUE框架,所以都是在VUE中的使用方法,当然其他项目自己更改一下还是可以用的。第一:全局变量声明1、未设置全局变量:<body> <button>全局变量声明</button> &...原创 2019-12-30 19:02:25 · 1592 阅读 · 0 评论 -
Object.assign()拷贝的使用方法
前提:在日常使用中经常需要定义一些基本的js方法,但是经常在具体的使用的时候,根据具体情况而定。1、拷贝学习Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。2、直观代码:const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };...转载 2019-12-10 20:27:13 · 266 阅读 · 0 评论 -
在vue中使用 dialog 弹窗
使用弹窗进行交互可以提升用户体验度,使页面也变得简洁1、基本演示2、原代码<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width=...原创 2019-12-10 20:17:29 · 2830 阅读 · 0 评论 -
js基本使用(三)--字符串连接
1.contact方法:推荐使用,不会出现其他符号var str1 = "aa"var str2 = "bb"var str3 = "cc"var str = str1.concat(str2,str3)2. “+” 最简单的连接。一般都是可以使用的,但是最近在vue中使用的时候,会自动在字符连接之间添加+号解析的数字。var str1 = "aa"var str2 = "bb"...原创 2019-11-11 19:15:19 · 279 阅读 · 0 评论 -
js基本使用(一)--新建日历
第一个第二个第三个第四个这里是我从网上查找到的实例,大家可以试一试。转载 2019-10-24 15:52:49 · 87 阅读 · 0 评论 -
js基本使用(二)--日期Date使用
在日常开发中,我们经常能看到关于日期的使用,所以对于前端开发人员,掌握日期的表示至关重要。备注:仅仅掌握日期的使用还不行,我们还要定义自己的日期设置格式,符合自己开发的需求才行。一、介绍默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串:Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)二、创建 Date 对象js提供四种...原创 2019-10-23 22:40:34 · 206 阅读 · 0 评论 -
js基本使用(一)--输入框只能输入正整数的最简实现
最简单的html代码实现输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">...转载 2019-10-21 19:22:24 · 1871 阅读 · 1 评论 -
使用 iframe + postMessage 实现多级跨域通信(二)
1、简介:看过我前面写的跨域通信(一),那是我再开发中遇到问题时,自己上网学习,之前跨域通信时自己的知识盲点。在大量的大神案例的引导下,自己也开始明白了一点,于是便有了使用iframe+possMessags实现跨域通信(一)2、要解决多级跨域通信问题:但是。。。。我的问题并没有解决,因为我发现我的问题时多级跨域通信问题,于是又带着极大的好奇心,上网搜索,但是没有成功。于是我通读javas...原创 2019-10-15 21:07:08 · 1136 阅读 · 0 评论 -
使用 iframe + postMessage 实现跨域通信(一)
1、来源介绍(1)通常情况下,当且仅当它们源自的页面共享相同的协议,端口号和主机(也称为“同源策略”),不同页面上的脚本允许彼此访问。(2)==window.postMessage()==提供了一个受控的机制来安全地规避这个限制(如果使用得当的话)—就是本文所讲实现跨域通信。2、语法介绍(1)window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如页面...原创 2019-10-12 11:37:22 · 1125 阅读 · 0 评论 -
addEventListener() 方法
1、定义addEventListener() 方法用于向指定元素添加事件句柄。提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。2、语法element.addEventListener(event, function, useCapture)3、参数值(1) event 必须。字符串,指定事件名。注意: ...原创 2019-10-11 16:29:16 · 296 阅读 · 0 评论 -
前端学习知识点整理html+js+query(一)
HTML笔记:1、document.querySelector("#demo")----获取文档中 id=“demo” 的元素练习地址JavaScript笔记:1、decodeURIComponent(URIstring) 函数----可对 encodeURIComponent() 函数编码的 URI 进行解码。练习地址...原创 2019-09-12 11:40:34 · 382 阅读 · 0 评论 -
Javascript数据处理常用方法
1、数据的大小写转换:toLowerCase()toUpperCase()2、浏览器参数传递:在浏览器中经常需要给浏览器传递参数,其中我们需要对参数进行处理,其中一个就是去掉参数中的空格,因为空格可能会在浏览器中转换为其他的字符串,导致浏览器的参数获取不到。利用trim() 即可实现此想法。3、后面会继续增加用法。。。...原创 2019-04-01 21:20:34 · 500 阅读 · 0 评论 -
JavaScript 删除class属性
本文介绍一下利用JavaScript删除元素的class属性。考虑范围更广一些,可以包括如下两个操作:(1).删除class属性。(2).删除class属性值中的某一个类。一.删除class属性:<!doctype html><html><head><meta charset="utf-8"><title>JavaScr...转载 2019-04-01 21:14:46 · 25281 阅读 · 0 评论 -
js对数组的删除操作
最近在开发项目的时候,需要对数组进行过滤处理,作为一个小白,需要对数组的删除操作多多了解,这样在项目开发中的时候,才能根据具体需求对数组中的数据进行处理。假设原本存在一个大数组arrvar arr = new Array(6)arr[0] = “George”arr[1] = “John”arr[2] = “Thomas”arr[3] = “James”arr[4] = “Adrew...原创 2019-03-30 18:59:30 · 883 阅读 · 0 评论 -
判断js中的数据类型的几种方法
判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。这是我转载的文章:https://www.cnblogs.com/dushao/p/5999563.html...转载 2019-03-25 21:23:29 · 81 阅读 · 0 评论