- 博客(21)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 ES6中新增的一些数组循环
首先我们先来回顾一下ES5中的两种循环:1. 第一种就是常见的for循环 for(let i=0; i<arr.length; i++){ //循环语句}2. 第二种就是while循环while(条件为真){ //循环语句}到ES6中又增加了一些循环比如:forEach 、map 、filter 、some() 、every() 、...
2021-11-16 18:46:16
734
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Bootstarp十二栅格系统
Bootstarp十二栅格系统Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。以上称之为栅格系统,通俗来讲就是把一个页面平分为十二等份所以又叫十二栅格系统。1.十二栅格系统的布局它的布局容器分为两种:container为固定宽度布局两边会留有固定的间距container-fluid为自适应布局会铺满整个屏幕随着屏幕的宽度来改变
2021-04-20 10:27:57
1442
转载 Webpack的基本使用
一、什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。二、Webpack安装1、全局安装npm install -g webpack webpack2、安装后查看版本号-cliwebpack -v三、初始化项目1、创建webpack文件夹进入.
2022-07-16 10:30:03
265
转载 JS高级之ES6+模块化
本文链接:https://blog.csdn.net/qq_29677867/article/details/90482887文章目录十四、es6内容14.1 数组API、正则API、字符串API14.2 模板字符串14.3 解构赋值三级目录十四、es6内容14.1 数组API、正则API、字符串API14.2 模板字符串14.3 解构赋值三级目录14.3.1 对象的解构赋值14.3.2 函数参数的解构赋值14.3.3 补充:属性的简写14.4 函数的扩展14.4.1 rest参数1
2021-11-18 18:34:41
219
原创 鼠标事件中 mouseenter与 mouseover的区别
鼠标事件中 mouseenter与 mouseover的区别:mouseenter:当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,则不会触发 mouseenter 事件。mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。
2021-10-26 18:58:19
327
原创 关于JQuery中的鼠标事件
注:以下所有效果都会以此结构展示 <style> #box{ width: 300px; height: 300px; background-color: pink; margin: 200px auto; transition: 0.5s; text-align: center; line-height:
2021-10-26 18:45:38
3655
转载 ES6中箭头函数的this指向 与 普通函数的this指向
很多在撸代码的时候,涉及到this总会出现一些问题,无法得到我们想要的值。大多数时候是我们没有弄清楚this的指向到底是什么,所以在某些情况下,this得到的不是我们想要的值。最近学习了一下函数中this指向的问题,在此分享出来也方便自己日后巩固学习。普通函数与ES6中箭头函数里,this指向的问题一、普通函数中this(1)总是代表着它的直接调用者,如obj.fn,fn里的最外层this就是指向obj(2)默认情况下,没有直接调用者,this指向window(3)严格模式下(设置了’use st
2021-10-25 16:29:08
94
原创 Html加载速率
在页面当中加载各种多媒体hidden:设置控制面板是否隐藏的true/falseloop:设置循环次数<!-- 状态条:大多表示水温,气温,气压类型的状态--><!-- min最小值 max最大值 high高(警告值) low低/小(警告值) value当前值-->0<meter min="0" max="50" value="40" high="38" low="30"></meter>50<br>
2021-10-25 16:19:48
98
原创 Ajax如何引用本地Html文件?
需要引用的文件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-10-19 20:10:01
678
转载 ES6入门--let的基本使用
let命令 基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var 声明的变量返回了正确的值。这表明,let 声明的变量只在它所在的代码块有效。for
2021-10-11 11:31:53
449
转载 使用slideDown和slideUp做二级菜单时遇到的bug解决方法
处理导航时会遇到鼠标迅速移上去,迅速移开,然后就会发现,下来菜单逐渐消失,最后移上去的时甚至是不显示了。只要将里面的第一个stop()改为stop(true,true).第二个stop()去掉即可。或者在第二个里面加上stop(true,true),第一个去掉。或者使用这样子的函数:把第一个stop()改为filter(’:not(:animated)’).同样的第二个也不需要添加stop().这里面涉及到的其实就是一个动画的stop();函数stop() 方法停止当前正在运行的动画。$(sele
2021-09-28 11:11:23
242
转载 js数组的常见属性和方法
本文链接:https://blog.csdn.net/qq_39148344/article/details/85522086属性length 是Array的实例属性。返回或设置一个数组中的元素个数。该值是一个无符号 32-bit 整数,并且总是大于数组最高项的下标,不只是可读。Array.prototype 属性表示 Array 构造函数的原型,并允许您向所有Array对象添加新的属性和方法。检查数组Array.isArray():最终判断这个值是不是数组转换方法valueof():返回的
2021-05-19 19:55:11
344
原创 二维数组的创建与使用
javascript二维数组js中二维数组的创建:顾名思义,二维数组就是在一维数组的基础上在创建一个或多个数组。代码如下:var webGroup=[ ["01","《西游记》","吴承恩"], ["02","《三国演义》","罗贯中"], ["03","《水浒传》","施耐庵"], ["04","《红楼梦》","曹雪芹"],]document.write(webGroup+"<br />")二维数组的两种遍历方法使用for遍历数组: var
2021-05-19 19:12:25
392
原创 JS数组的创建方法
创建数组的几种方法:方法一这是最简单的一种方法,当相对来说比较麻烦,适合初学者。代码如下:var arr1=new Array()arr1[0]="a"arr1[1]="b"arr1[2]="c"arr1[3]="d"document.write("arr1:"+arr1+"<br />");方法二代码如下:var arr2=new Array(3); arr2[0]=1;arr2[1]=2;arr2[2]=3;document.write("arr2:"+ar
2021-05-12 19:55:16
108
转载 js中的闭包
闭包是js的一个难点也是它的一个特色,是我们必须掌握的js高级特性,那么什么是闭包呢?它又有什么用呢?我们都知道,js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢?闭包就
2021-05-07 18:49:36
68
原创 JS中 While循环 与do.......while循环语法
while 循环会在指定条件为真时循环执行代码块。基本语法:while(条件){需要执行的代码}示例://1+2+3+.....100的和var sum=0; //存放和var i=0; //计数器while(i<=100){ sum+=i; i++;}document.write("1+2+3+...100的值是:"+sum)do …while语法:do{需要执行的代码}while(条件)示例: var i=1;//计数器 var su
2021-04-25 11:01:49
167
原创 JS中arguments的使用
arguments是JS函数中的内置对象,arguments对象包含了许多函数调用的参数数组。代码如下:<script> function fun(){ // console.log(arguments); //里面存储了所有传递过来的实参 arguments=[1,2,3,4,5,6] // console.log(arguments.length); // console.log(arguments[2]);
2021-04-25 09:14:29
205
转载 for循环和while循环的区别
当知道执行次数的时候一般用for当条件循环时一般用while例如:for i=0,i<n,i++{}这里n是已知数,可以循环n次while i<n{}不知道要循环多少次,但当i>=n的时候停止循环do while循环总会执行一次,for不一定,一般来说,for对于初学使用的要多于while,但其实while的功能要大于for,以后你慢慢会体会到的,所有的for循环都可以用while来表示,但就不是所有的while循环都可以用for循环来表示!while的用途有时候比
2021-04-23 11:39:59
14166
原创 智能表单的运用
前言智能表单为HTML5的新增内容一、智能表单常用的几种属性:value:设置文本框里的默认值placeholder:占位符(不用删)required:设置必填字段disabled:禁止用户填写或点击novalidate:取消表单验证password:密码框autofocus:光标聚集pattern:正则,设置文本框里面的内容所匹配的格式autocomplete:自动完成file:文件上传datetime-local:日期multiple:支持多选,允许上传多个文件二、使用
2021-04-23 11:09:24
332
转载 JS函数详解
JS函数详解(转载)函数的基本概念、声明及调用;函数作用域、作用域链、闭包;this指向及修改和绑定this指向等。1.函数概念,声明及调用JS中的函数:把一段需要重复使用的代码,用function语法包起来,方便重复调用,分块和简化代码。复杂一点的,也会加入封装、抽象、分类等思想。声明方式:严格意义上两种方式,但还有匿名函数方式一: function 方法名(){ //要执行的代码 } 方式二:ES6中声明方式箭头函数,()=>{} 方式三:匿名函数,
2021-04-19 11:38:36
197
原创 颜色表达方式
颜色表达方式关于颜色的小知识颜色是通过对红、绿和蓝光的组合来显示的。早期的电脑只支持最多 256 种颜色时,但是现在大多数电脑都能显示数百万种颜色。颜色名称 优点:方便快捷而且特定颜色比较准确 缺点:表示颜色数量有限,英文不好的不容易记住,不支持透明度的表示 十六进制方式 优点:表示颜色种类多,使用较方便 缺点:不支持透明颜色。 RGB方式 三原色配色方式 优点:表示颜色种类多,使用较方便 缺点:不支持透明颜色。RGB记法
2021-04-19 09:56:54
402
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人