Jvu-优快云博客

原创 ElementUi修改滚动条样式

/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 7px; height: 7px; background-color: white;}::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0px white; -webkit-box-shadow: inset 0 0 0px white; background-color: rgb(19

2022-03-11 14:12:28 1686 1

转载模块儿化开发

ES6模块(Module)简介AMD ----最古老的模块系统之一，最初由 require.js 库实现。CommonJS —— 为 Node.js 服务器创建的模块系统。UMD —— 另外一个模块系统，建议作为通用的模块系统，它与 AMD 和 CommonJS 都兼容。什么是模块儿？一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。模块可以相互加载，并可以使用特殊的指令 export 和 import 来交换功能，从另一个模块调用一个模块的函数：export 关键

2021-09-28 22:10:27 284 1

原创空值合并值运算符??

空值合并值运算符||返回第一个**(true)**值??返回第一个已定义的值||无法区分false，0，空字符串""和null/endefindlet height = 0;alert(height || 100); // 100alert(height ?? 100); // 0height || 100 首先会检查 height 是否为一个假值，发现它确实是。height ?? 100 首先会检查 height 是否为 null/undefined，发现它不是。所以，结果

2021-08-20 19:18:26 220

原创 DOM和BOM操作

DOM和BomDOMBOM文档对象模型浏览器对象模型把文档当作一个***对象***把浏览器当作一个***对象***DOM的顶级对象是DocumentBOM的顶级对象是windowDOM主要是操作页面元素BOM是浏览器窗口交互的一些对象DOM是W3C标准规范BOM是浏览器厂商子啊各自浏览器上定义的兼容性较差window常见的事件：页面加载事件window.onload是窗口(页面)加载事件，在文档内容完全加载完成会触发该事件(包括图像，脚本文

2021-08-17 16:49:26 279

原创 JavaScript对象

面向对象的特点：封装：把数据(属性)和对数据的操作(方法)集中在一起继承：一个类型的实例对象能够访问另一个类型的属性和方法多态：一个方法作用于不同的对象，有不同的结果创建对象：字面量创建var student = { name : "zhangsan", age : 20, sayHello : function() { console.log(this.name); },};创建对象(封装函数)：function create

2021-08-17 15:57:40 96

原创 JavaScript部分常用的正则表达式

正则表达式的两种方式字面量创建构造函数创建// 字面量大多数情况下使用var reg = /abc/;//构造函数var reg = new RegExp('asTudy', 'i');console.log(reg.test("aasastudyy")); //true加了i之后，增则匹配不再区分大小写加了g之后，将执行全局匹配(默认匹配一次后停止)加了m之后，将执行多行匹配(默认只有一行)标志全称含义gglobal全文搜索，不添加到话匹配到第

2021-08-15 17:13:05 138

原创 JS中Math函数常见的方法

Math函数常见的方法Math.abs() 获取绝对值Math.abs(-12) = 12Math.ceil() 向上取整console.log(Math.ceil(1.8)); // 向上取整 2console.log(Math.ceil(1.2)); // 向上取整 2Math.floor() 向下取整console.log(Math.floor(1.7)); // 向下取整 1console.log(Math.floor(1.1)); // 向下取整 1Math.

2021-08-05 19:13:29 181

原创 JS的严格模式和标准模式

严格模式的好处：规避了代码中的一些不严谨，不规范的用法，提高了编译器的运行效率，为后续版本做铺垫用法：在当前环境顶部(全局，局部环境)加上两个单词:“use strict”"use strict" //添加严格模式function foo() {"use static" //添加严格模式 }严格模式下，不能使用为未声明的变量： "use strict" x = 123; console.log(x); // x is not d

2021-08-05 15:41:31 335

原创 JavaScript的数组

什么是数组：数组就是专门用于存储一组数据的如何创建数组：var 变量名称 = new Array(size);操作数组：变量名称[索引号] = 需要存储的数据注意点：如果数组对于的索引中没有储存值，默认储存的就是undefinedJavaScript中访问了数组中不存在的索引不会报错，会返回undefinedJavaScript中数组的存储空间不够时会自动扩容JavaScript的数组可以存储不同的数据类型JavaScript中数组分配的存储空间不一定是连续的在各大浏览

2021-08-04 00:16:26 231 1

原创变量的作用域

1.在JavaScript中定义变量有两种方式：ES6之前：var 变量名称；ES6之后：let变量名称；2.两种定义变量方式的区别：如果通过var定义变量，可以重复定义同名的变量，并且不会报错，且会覆盖先定义变量如果通过var定义变量，可以先使用后定义(预解析)如果通过let变量，不可以重复同名的变量如果通过let变量，不可以先使用后定义，因为浏览器不会对let变量预解析。3.什么是全局变量：定义在 { } 外面的变量，就是全局变量4.什么是局部变量：定义在 { } 里

2021-07-30 21:33:07 121

原创 js的数据类型

1.数据的类型：数值(number)字符串(string)布尔值(Boolean)函数(function)函数栈(symbol)对象(object)2. 对象类型对象(Object)数组(Array)日期(Date)不包含任何值的数据类型：undefined空值(null)算数、赋值、比较运算符：算数笔记：”+“ ” - " “ * ” “ / ”赋值运算符：= += -= *= /= %=比较运算符：运算符描述

2021-07-28 11:49:11 167 1

weixin_45973049的博客