1 一只白丁

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 33w+

let与const

let ES6的变量声明let是有作用域的全局变量:let定义的全局变量都不会放在window下作为属性,解决window对象的属性冲突问题let a = 3;console.log(window.a)//此时结果为undefined。所有写在{}内的let变量他的作用域仅作用于{}内部,外部无法调用。例如if分支解构或者循环解构let a = 3;if(a>0){let b = 10;a+=b;}console.log(b)//外部无法调用bfor(let i=0;i&lt

2020-08-29 20:25:32

严格模式“use strict“

这次要分享的是严格模式,严格模式并不是ES6才出现的,在ES5中也有严格模式,严格模式指的是融合了ES5和ES6的严格模式。“use strict”;//定义在script标签的最上方<script type="module>//或者可以给script添加一个type属性,属性值为module;(1)任何变量都必须先声明,不能直接使用,否则会报错非严格模式下,可以直接对变量赋值,不用先使用var let等定义变量(2)参数名不能重复function fn(a,a){console

2020-08-29 20:00:20

立即执行函数 (utils)

立即执行函数语法语法:const utils = (function(){return();})()将定义的要使用的变量放在return中 const utils = (function(){ class CreateObj{} let obj = null; return function(){ if(obj === null){ obj = new CreateObj();

2020-08-08 09:58:11

JS单例模式

单例模式实现的核心思想定义一个构造函数定义一个变量为空或者没有内容判断如果变量没有内容,或者内容是空证明没有执行过构造函数,没有生成实例化对象,可以执行构造函数如果变量有内容,或者内容不是空证明已经执行了构造函数,已经生成了实例化对象, 不再执行构造函数,直接返回这个对象 class CreateObj{}; let obj = null; function isObj(){ if(obj === null){

2020-08-08 09:45:34

构造函数的继承

在将继承之前先说一下ES5和ES6的构造函数语法ES5的构造函数语法function CreateObj1(name,age){ this.name = name; this.age = age;}createObj1.prototype.fun = function(){ console.log('我是ES5语法创建的实例化对象')}ES6的构造函数语法class CreateObj2{ constructor(name,age){ this

2020-08-07 21:24:56

jquery的多库并存

什么是jQuery的多库并存调用jQuery程序,通过 $ 或 jQuery 来 调用 外部文件中封装的程序当 其他 封装的插件或者框架,操作方法与 jQuery的操作方法冲突使用的也是 $ jQuery 语法来调用程序操作语法就发生了冲突,就需要调整jQuery的调用方法有两种方法来解决noConflict()noConflict(true)var 变量 = noConflict(true)1,交出 $ 或者 jQuery的 控制权$.noConflict(); // $

2020-08-07 20:49:42

钩子函数(全局函数)

定义:所谓的钩子函数 是 与 其他函数绑定的函数作用是 监听 函数的执行 当函数执行到某个状态时,执行钩子函数对应的程序提前绑定好 与这个函数相关的其他程序当这个函数执行到某个步骤或者状态时,会自动执行 挂钩的钩子函数所谓的钩子函数,都是已经封装好的函数程序,我们直接使用就可以了【注意】jQuery的钩子函数,是与 jQuery的 ajax 请求挂钩的,你写 JavaScript的 ajax请求是没用的$(window).ajaxStart()在 所有 ajax 开始之前触发一个作用域下

2020-08-07 20:41:38

深复制和浅复制

浅复制 :复制的是 引用数据类型的数据地址不是完整复制 引用数据类型中存储的具体数值执行 浅复制之后 两个变量是有相互联系的一个操作,另一个也会受影响深复制 : 是复制 引用数据类型中,存储的数据数值,不是复制内存地址实际项目中,往往会遇到 对象或者数组中,存储 引用数据类型也就是是,数组或者对象中,存储的也是一个数组或者对象如果只是简单的循环遍历,二维数组或者对象,实际执行的也是浅复制,需要通过递归函数,再次执行深复制jQuery中提供了深复制方法$.extend() 深浅复制方法先

2020-08-07 20:31:29

闭包

闭包1,函数的执行封装定义(1),创建一个内存空间,准备存储函数程序内容,操作系统,定义内存地址(2),将函数程序,以字符串的形式,存储在 内存空间 中(3),内存空间的 内存地址,赋值给变量或者函数名称存储执行调用(1),通过变量或者函数名称中存储的内存地址,找到存储空间(2),调用其中存储的函数程序,赋值实参(3),预解析/预解释(4),调用执行函数程序会在 函数的存储空间中 再独立创建一个 执行空间专门 存储函数执行时,生成的变量以及程序内容当函数执行完毕,执行空间就会被销毁

2020-08-07 20:18:47

jQuery的渐隐渐现动画

jQuery的渐隐渐现动画 // 隐藏消失 // $().fadeOut( 动画时间 , 动画方式 , 动画结束时回调函数 ) // 显示出现 // $().fadeIn( 动画时间 , 动画方式 , 动画结束时回调函数 ) // 切换 显示变隐藏,隐藏变显示 // $().fadeToggle( 动画时间 , 动画方式 , 动画结束时回调函数 ) 如下例所示*{ margin: 0; padding: 0;}div{

2020-07-31 12:07:16

jQuery的折叠动画,隐藏,显示,切换,

<style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background: pink; margin: 0px auto; } </style><button name="u

2020-07-31 11:58:00

jQuery的标准动画,隐藏,显示和切换隐藏显示状态

<style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background: pink; margin: 50px auto; } </style> <button name=

2020-07-31 11:48:21

事件的阻止

JavaScript中 阻止默认事件的执行 和 阻止冒泡的传播jQuery中 也有这两个阻止 不用考虑兼容问题也是通过 事件对象 e 来阻止阻止冒泡e.stopPropagation()阻止默认事件执行e.preventDefault()在 jQuery中 return false 号称 阻止一切可以阻止 默认事件 和 冒泡传播甚至可以阻止其他程序的执行如果使用,一般都是定义在程序的最下方...

2020-07-30 21:57:14

jQuery的节点替换

1 , $(‘已有标签’).replaceWith(替换的新的标签)//替换所有将已有的span标签,替换成 超链接a 标签$('span').replaceWith( $('<a href="http://www.baidu.com">百度</a>') );$('span').replaceWith( '<a href="http://www.baidu.com">百度</a>' );2 , 替换的新标签.replaceAll( $(‘已有标签’

2020-07-30 21:20:44

jquery的节点删除

<div id="div1" class="div2"> 我是div内容 <span>我是span标签</span> <h1>我是h1标签</h1> <ul> <li>1</li> <li>2</li> <li>3</li>

2020-07-30 20:55:08

jQuery的节点创建和写入

1、创建节点创建一个 jQuery 的标签对象在 $() 中 直接定义标签可以直接在创建的标签节点中,定义属性,属性值等必须写一个完整的标签结构 起始和结束标签const oDiv1 = $('<div id="div1" class="div1" name="div1" index="1">我是div1</div>');<h1> 我是h1的内容 </h1> **2,写入标签节点**

2020-07-30 20:44:19

滚动条高度

js 的兼容语法 let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; jq 直接定义,jq来处理兼容问题 $(window).scrollTop() $(window).scrollLeft() 可以直接设定参数,设定浏览器滚动条的移动位置 如下例所示,简单的回顶部效果 <div class = "backTop" style = "..

2020-07-30 20:33:53

jQuery中元素的坐标

<script src="./jquery.min.js"></script><script> 获取元素的坐标位置 不需要通过事件对象,可以直接通过标签对象获取 1 , offset() 获取标签对象,到页面左上角的间距 执行结果是对象 top 上距离 left 左距离 获取与页面左上角的间距 $('p').offset();**加粗样式** 可以设...

2020-07-30 20:23:36

jQuery中标签的占位

jQuery中标签的占位<div></div><script src="./jquery.min.js"></script><script> 3个方法,4种语法,获取标签的占位 执行结果没有 px 单位$().width() $().height()获取标签的 内容*正常情况下就是宽度高度* console.log( $('div').width() ); console.log( $('

2020-07-30 20:12:20

js创建函数的方法

函数的定义有三种方式命名函数定义匿名函数定义构造函数定义< script >//在这里是不能执行函数xyz的,因为下面的script还没有创建,xyz这个函数还没有放在堆中< /script >< script >//在这里script标签中的函数一旦创建成功,后面的所有script标签中都可以使用该函数//当执行到当前script标签时,预先...

2020-03-29 23:23:59

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。