JavaScript
iKendall
kk.
展开
-
获取服务端时间
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>获取服务端时间</title></head><body> <p id="time"></p><script src="jquery.js"></script><script> $.ajax({原创 2021-02-05 15:27:08 · 403 阅读 · 0 评论 -
ES6系列(十)——Promise对象实例
promise使用的时候将异步函数(比如ajax)放在Promise对应的构造函数中,并且通过resolve和reject回调函数设置promise状态并且传递异步操作数据,可以用promise的实例的then方法来接收resolve和reject回调函数传递过来的异步数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>promise对.转载 2021-01-26 14:55:00 · 212 阅读 · 0 评论 -
ES6系列(九)——Promise对象
promise对象是用来进行异步操作的,是将异步操作以同步的流程表达出来,避免了层层嵌套的回调函数,promise对象的本质是状态机,通过设定不同的状态来执行不同的操作//创建一个promise实例对象let promise = new Promise((resolve, reject) => { //初始化promise的状态为pending---->初始化状态 console.log('1111');//同步执行 //启动异步任务 setTimeout(functio.转载 2021-01-26 13:58:30 · 133 阅读 · 0 评论 -
ES6系列(十一)——面向对象
ES6中面向对象的写法就是普通的后端语言面向对象的写法,定义类用class关键字,继承通过extends关键字//需求//创建Animal类(name属性,say方法)//创建Animal类的子类Bird类(age属性,fly方法)class Animal{ constructor(name){ this.name=name; } say(){ console.log('我是'+this.name); }}class Bird extends Animal { const.转载 2021-01-25 15:57:01 · 254 阅读 · 0 评论 -
ES6系列(八)——扩展运算符
含义扩展运算符( spread )是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>]该运算符主要用于函数调用。function转载 2021-01-22 15:48:44 · 160 阅读 · 0 评论 -
ES6系列(七)——模板字符串
语法规则:模板字符串必须用 `` 包含变化的部分使用${xxx}定义作用:简化字符串的拼接let obj = { name:'南极仙翁', ag:999};console.log(`我叫:` + obj.name + `, 我的年龄是:` + obj.age);console.log(`我叫:${obj.name}, 我的年龄是:${obj.age}`);...原创 2021-01-22 14:14:10 · 125 阅读 · 0 评论 -
ES6系列(六)——箭头函数
箭头函数是ES6中对函数的一种简写方式,可以把let add=function (a,b) {return a+b;} 写成 let add=(a,b)=>a+b; 适用于非方法函数。let add=function (a,b) { return a+b;};let add=(a,b)=>a+b;箭头函数语法的特点1、如果只有一个参数,参数的()可以省2、如果函数体只有一个return语句,函数体的{}和return可以省://1.如果只有一个参数,参数的()可以省.原创 2021-01-22 13:58:13 · 268 阅读 · 0 评论 -
ES6系列(五)——解构赋值
1、解构赋值就是从对象或数组中提取数据, 并赋值给变量(多个),也就是对数组或对象的批量赋值2、对象的解构赋值:把对象的属性name和age对应的值分别赋值给变量name和age:let {name, age} ={name:‘fry’, age:12}3、数组的解构赋值:把数组中的1和’fry’分别赋值给变量a和b:let [a,b] = [1, ‘fry’];对象解构赋值实例依次将对象里面的name属性和age属性的值传递给name和age全局变量:let {name,age} = {nam.原创 2021-01-22 11:15:07 · 180 阅读 · 0 评论 -
ES6系列(四)——形参默认值
形参默认值就是给函数的形参指定默认的参数,如果传参数进来了,就用传进来的参数,如果没有传递参数进来,就用默认值比如 function Point(x=0,y=0) {}function Point(x=0,y=0) { this.x=x; this.y=y;}let point=new Point(12,23);console.log(point);let point1=new Point();console.log(point1);...原创 2021-01-22 10:53:20 · 315 阅读 · 0 评论 -
ES6系列(三)——对象的简写方式
1.省略同名的属性name:name写成namelet name="林黛玉";let age=14;let linDaiYu={ //name:name, name, //age:age age,};2.省略方法的冒号和functionsay:function () {} 写成 say(){}let name="林黛玉";let age=14;let linDaiYu={ // say:function () { // console.log('我是'+原创 2021-01-22 10:46:35 · 753 阅读 · 0 评论 -
ES6系列(二)——let、const、var
使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象;使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升;使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。var使用var申明的变量,是全局变量。function textVar(){ var a=30; if(true){ var a=50; console.log(a);//50 };.原创 2021-01-22 10:34:09 · 118 阅读 · 0 评论 -
ES6系列(一)——严格模式
ES5严格模式使用就是script标签的最前面部分加句话’use strict’;<script> 'use strict'; ......</script>ES6 的模块自动采用严格模式,不管你有没有在模块头部加上"use strict"。严格模式 的作用1.消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为2.消除代码运行的一些不安全之处,为代码的安全运行保驾护航3.为未来新版本的Javascript做好铺垫严格模式原创 2021-01-22 09:47:55 · 210 阅读 · 0 评论 -
JS数组去重的七种方法
<!DOCTYPE html><html><head> <title>数组去重</title></head><body> <button onclick="unique1()">双重for循环数组去重</button><button onclick="unique2()">利用indexOf(item,statt)数组去重</button><butto原创 2021-01-18 16:10:43 · 134 阅读 · 0 评论 -
图片分页组件
效果代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>分页</title><link rel="stylesheet" href="css/limitFace.css" rel="external nofollow" ><style type="text/css"> *{ padding: 0; margin: 0原创 2021-01-14 10:33:06 · 222 阅读 · 0 评论 -
利用百度地图API实现定位
调取百度地图api需要注意要解决跨域问题<!-- 运行前配置浏览器跨域 --><!DOCTYPE html><html><head> <title>定位</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script></head><body>&.原创 2021-01-13 20:33:45 · 1184 阅读 · 0 评论 -
图形验证码组件
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图形验证码</title> <style> .input-val {原创 2021-01-13 18:00:38 · 157 阅读 · 0 评论 -
广告位随机切帧demo
共2个展示位,2个*2帧 图,首次进入随机展现一帧,再次进入切换另一帧,两帧一循环,曝光机会均等无投放时隐藏,仅投放一张时,其余用默认素材补齐json:{ "code": 0, "msg": "图片列表", "data": [ "http://120.92.101.187/public/file/nihao.jpg", "http://120.92.101.187/public/file/gaoshan.jpg", "http.原创 2021-01-13 17:55:02 · 180 阅读 · 0 评论 -
jQuery中delegate()方法详解
转自https://blog.csdn.net/x8826054/article/details/83862093感谢博主分享delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数。事实上,绑定事件类似的方法同样还有on()函数。那delegate()有什么特殊的地方呢?语法首先来看下其语法:$(selector).delegate(childSelector,event,data,function)其中data是可选的,规定传递到函数的额外数据。demo下面看个例子.转载 2021-01-04 09:52:39 · 3236 阅读 · 0 评论 -
JS 中的闭包是什么?
知道的越多,不知道的就越多。在接触面试题看到“闭包”这个词后,好奇并开始查阅资料,无奈博客文章林林总总,看了一圈依旧百思不得其解。晚上看到饥人谷的方老师在知乎的一篇文章!醍醐灌顶!这才叫“闭包”!本文转自方应杭老师的知乎https://zhuanlan.zhihu.com/p/22486908由衷敬佩!希望更多的小伙伴能看到这么好的解释~~大名鼎鼎的闭包!这一题终于来了,面试必问。请用自己的话简述1.什么是「闭包」。2.「闭包」的作用是什么。首先来简述什么是闭包假设上面三行代码.转载 2020-09-23 19:24:53 · 185 阅读 · 0 评论 -
JSP中四大作用域详解
在学习时读到一篇好文章,分享给大家~~ https://www.cnblogs.com/WindSun/p/10209534.html四大作用域为了在页面、请求、和用户之间传递和共享数据,JSP提供了四个不同的作用域:page(页面作用域)、request(请求作用域)、session(会话作用域)、application(应用程序作用域),这些作用域就规定了数据可以传递和共享的范围以及数...转载 2019-04-25 18:11:18 · 785 阅读 · 0 评论 -
Vue中splice的运用
转自https://blog.csdn.net/qq_42043377/article/details/83003159感谢博主分享,真是让人秒懂哇~其实说白了 vue中的splice和javaScript中的是一样的splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)index:数组开始下标len: 替换/删...转载 2019-05-04 20:29:23 · 2860 阅读 · 0 评论 -
parseInt()详解
可能绝大多数学过js的就知道parseInt()函数,这里对小伙伴来说是有一个难点或者说是误区的(好吧……说的就是我),那就是在官方给的解释中我们能看到其中一个参数“radix”,文中多次说他为基数,千万不要把它理解为要转换的进制看上面的这些可能不太好理解,直接忽略上图即可O(∩_∩)O哈哈~先来看几组样例:parseInt(“10”); //返回 10parseInt(“19...原创 2019-04-07 15:55:49 · 82325 阅读 · 11 评论 -
JavaScript:自定义对象方式(常用5种)
作者:DragonGirI来源:CSDN原文:https://blog.csdn.net/dragongiri/article/details/81903310对象:在JavaScript中,对象是拥有属性和方法的数据。 JavaScript自定义对象方式有以下7种:直接创建方式、对象初始化器方式、构造函数方法、prototype原型方式、混合的构造函数/原型方式、动态原型方式和工厂模式...转载 2019-04-10 19:13:25 · 625 阅读 · 0 评论 -
引入js的script标签到底是放在head还是body中
1:将JavaScript标识放置… 在头部之间,使之在主页和其余部分代码之前预先装载,从而可使代码的功能更强大; 比如对*.js文件的提前调用。 也就是说把代码放在区在页面载入的时候,就同时载入了代码,你在区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了。当然也可以将JavaScript标识放置在… 主体之间以实现某些部分动态地创建...原创 2018-12-05 18:40:47 · 4285 阅读 · 0 评论