- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 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<
2020-08-29 20:25:32
111
原创 严格模式“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
128
原创 立即执行函数 （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
169
原创 JS单例模式
单例模式实现的核心思想定义一个构造函数定义一个变量为空或者没有内容判断如果变量没有内容,或者内容是空证明没有执行过构造函数,没有生成实例化对象，可以执行构造函数如果变量有内容,或者内容不是空证明已经执行了构造函数,已经生成了实例化对象， 不再执行构造函数,直接返回这个对象 class CreateObj{}; let obj = null; function isObj(){ if(obj === null){
2020-08-08 09:45:34
128
原创 构造函数的继承
在将继承之前先说一下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
931
原创 jquery的多库并存
什么是jQuery的多库并存调用jQuery程序,通过 $ 或 jQuery 来 调用 外部文件中封装的程序当 其他 封装的插件或者框架,操作方法与 jQuery的操作方法冲突使用的也是 $ jQuery 语法来调用程序操作语法就发生了冲突,就需要调整jQuery的调用方法有两种方法来解决noConflict()noConflict(true)var 变量 = noConflict(true)1,交出 $ 或者 jQuery的 控制权$.noConflict(); // $
2020-08-07 20:49:42
78
原创 钩子函数（全局函数）
定义：所谓的钩子函数 是 与 其他函数绑定的函数作用是 监听 函数的执行 当函数执行到某个状态时,执行钩子函数对应的程序提前绑定好 与这个函数相关的其他程序当这个函数执行到某个步骤或者状态时,会自动执行 挂钩的钩子函数所谓的钩子函数,都是已经封装好的函数程序,我们直接使用就可以了【注意】jQuery的钩子函数,是与 jQuery的 ajax 请求挂钩的,你写 JavaScript的 ajax请求是没用的$(window).ajaxStart()在 所有 ajax 开始之前触发一个作用域下
2020-08-07 20:41:38
333
原创 深复制和浅复制
浅复制 ：复制的是 引用数据类型的数据地址不是完整复制 引用数据类型中存储的具体数值执行 浅复制之后 两个变量是有相互联系的一个操作,另一个也会受影响深复制 ： 是复制 引用数据类型中,存储的数据数值,不是复制内存地址实际项目中,往往会遇到 对象或者数组中,存储 引用数据类型也就是是,数组或者对象中,存储的也是一个数组或者对象如果只是简单的循环遍历,二维数组或者对象,实际执行的也是浅复制,需要通过递归函数,再次执行深复制jQuery中提供了深复制方法$.extend() 深浅复制方法先
2020-08-07 20:31:29
131
原创 闭包
闭包1,函数的执行封装定义(1),创建一个内存空间,准备存储函数程序内容,操作系统,定义内存地址(2),将函数程序,以字符串的形式,存储在 内存空间 中(3),内存空间的 内存地址,赋值给变量或者函数名称存储执行调用(1),通过变量或者函数名称中存储的内存地址,找到存储空间(2),调用其中存储的函数程序,赋值实参(3),预解析/预解释(4),调用执行函数程序会在 函数的存储空间中 再独立创建一个 执行空间专门 存储函数执行时,生成的变量以及程序内容当函数执行完毕,执行空间就会被销毁
2020-08-07 20:18:47
102
原创 jQuery的渐隐渐现动画
jQuery的渐隐渐现动画 // 隐藏消失 // $().fadeOut( 动画时间 , 动画方式 , 动画结束时回调函数 ) // 显示出现 // $().fadeIn( 动画时间 , 动画方式 , 动画结束时回调函数 ) // 切换 显示变隐藏,隐藏变显示 // $().fadeToggle( 动画时间 , 动画方式 , 动画结束时回调函数 ) 如下例所示*{ margin: 0; padding: 0;}div{
2020-07-31 12:07:16
584
原创 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
310
原创 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
130
原创 事件的阻止
JavaScript中 阻止默认事件的执行 和 阻止冒泡的传播jQuery中 也有这两个阻止 不用考虑兼容问题也是通过 事件对象 e 来阻止阻止冒泡e.stopPropagation()阻止默认事件执行e.preventDefault()在 jQuery中 return false 号称 阻止一切可以阻止 默认事件 和 冒泡传播甚至可以阻止其他程序的执行如果使用,一般都是定义在程序的最下方...
2020-07-30 21:57:14
135
原创 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
111
原创 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
142
原创 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
209
原创 滚动条高度
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
380
原创 jQuery中元素的坐标
<script src="./jquery.min.js"></script><script> 获取元素的坐标位置 不需要通过事件对象,可以直接通过标签对象获取 1 , offset() 获取标签对象,到页面左上角的间距 执行结果是对象 top 上距离 left 左距离 获取与页面左上角的间距 $('p').offset();**加粗样式** 可以设...
2020-07-30 20:23:36
208
原创 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
250
原创 js创建函数的方法
函数的定义有三种方式命名函数定义匿名函数定义构造函数定义< script >//在这里是不能执行函数xyz的，因为下面的script还没有创建，xyz这个函数还没有放在堆中< /script >< script >//在这里script标签中的函数一旦创建成功，后面的所有script标签中都可以使用该函数//当执行到当前script标签时，预先...
2020-03-29 23:23:59
240
原创 数据类型转换
数据类型转换：1、 弱类型转换：当数据类型不相同时，做数据的运算，就会自动将两端的数据转换为相同类型然后运算，这是隐式转换有字符串的转换为字符串类型， 没有字符串的转换为数值型。2、 强制转换：主动将数据的类型强制转换为某种类型。 string(); 强制转换为字符串 tostring（）可以将任意数字转换为任意进制 ...
2020-03-22 22:48:47
90
原创 animation属性值
1、 animation-name：检索或设置对象所应用的动画名称必须与规则@keyframes配合使用，定义关键帧：@keyframes mymove{}animation-name:mymove;语法一：@keyframes mymove{ from{初始状态属性} to{结...
2020-03-08 20:58:42
252
原创 什么是宽高自适应？
什么是宽高自适应？网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小不被固定，从而能够更方便得更改文字，进行网页维护。使元素大小能够根据窗口或子元素自动调整，这就是宽高自适应。自适应的优点：元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。网页的宽高自适应包括相对窗口的自适应和相对元素的自适应。以高度自适应为例：蓝色背景为...
2020-03-01 20:54:43
473
原创 什么是盒模型？
什么是盒模型？ 概念：盒模型是css布局的基石，它规定了网页元素如何显示和元素间的相互关系。css定义所有的元素都有像盒子一样的外形。 盒模型的组成：content（内容区）+padding（填充区）+border（边框区）+margin（外边界区）content： 元素的宽和高border : 盒子的边缘 就像是快递盒子的厚度padding：作用：用来控制父元素和子元素...
2020-02-23 21:58:43
350
空空如也
可任意改变列宽的多列蒙版怎么做，有什么插件，组件吗
2021-05-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人