- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue3项目使用SpreadJS（授权，首次渲染页面卡死）
vue3项目使用SpreadJS前段时间接到一个需求，需要在项目中使用到SpreadJS，第一次接触SpreadJS，感觉这个表格控件的功能真的是非常的强大，基本满足excel的使用功能，目前发现的不足就是，当json文件中数据量大，包含大量计算公式时，首次的渲染可能较慢，还有的就是要收费。...
2021-12-09 16:33:12
2261
原创 Css清除浮动常用方法
1、为什么要浮动首先我们要知道为什么要给元素设置浮动。HTML中标签分为：块级标签，行内标签，行内块标签。其中块级标签和行内块标签以及行内标签的排列方式是不一样的，块级标签是独占一行的，而行内块元素和行内元素是在同一行内排列的，只有当排满或者容不下元素时才会另起一行显示。因此想要块级元素在同一行内显示，或者想要设置元素浮动对齐的方式就需要将元素浮动起来。css中float属性用来设置元素的浮动，...
2019-06-21 19:50:02
3708
2
原创 JS数组（every、some、filter、forEach、map、reverse、sort、indexOf、lastindexOf方法）
reverse方法JavaScript中数组的reverse()方法用于将数组倒序输出，并且改变了原数组，并且返回的也是新数组。 var arr=["8",3,5,6,"a","s"]; var con=arr.reverse(); console.log(arr); //结果为：["s","a",6,5,8,3,8] console.log(con); //结...
2019-05-20 21:27:31
882
原创 JavaScript中的数组（join、concat、slice、splice、push、pop、unshift、shift方法）
数组数组（Array）对象用于在单个的变量中存储多个值，数组是值得有序集合，数组的下标保存的是数组的顺序，数组的大小是可以动态调整的，即可以随着数据的添加自动增长，且数组中存放的值可以是多种数据类型，如： var scroe=100;//数组中是可以存放变量的 var arr1=[1,null,"hello",true,undefined,{name:"张三"},[1,2,3],...
2019-05-17 10:05:31
533
原创 JavaScript中的基本类型和引用类型（数组、对象）
基本类型值基本类型值，是只储存在栈内存中的String：任意字符Number：任意的数字boolean: true/falseundefined: undefinednull: null引用类型值当我们声明一个对象的时候，会将对象的的声明变量名存储在栈内存中，并保存对象在堆内存中的地址值，而在堆内存中保存的是对象的值。对象是储存在堆内存中，但是我们无法直接操作堆内存，我们只能通过栈...
2019-05-16 10:21:53
888
原创 JavaScript中if语句
作用if语句用于我们的条件判断，if(){}，小括号内是判断的语句，返回的是一个布尔值，true或false，在我们的实际应用中可用于开关实例，常用的格式有三种，以下练习供参考了解：1、if(){}例子：声明变量 a、b，且赋值 a 和 b 都等于5；当 a 等于 b 时，重新对 b 赋值为10，并弹出 b 的新值 var a=5,b=5; if (a==b){ ...
2019-05-14 21:20:55
25494
原创 JavaScript中的声明提升
#### 当执行到某个作用域的时候，会先进行声明提升，就是把所有的变量声明和函数声明全部提到当前作用域的最前边执行，提升完成后，代码由上自下执行。以下是针对变量声明提升和函数声明提升的练习，供参考：1. alert(a); var a=1;以上语句经过声明提升后实际上是： var a ; alert(a); a = 1;因此最后的输出结果应为...
2019-05-13 18:57:43
233
原创 JavaScript 模块化规范
在学习 JavaScript 模块化规范之前，我们应该想一下什么是模块？为什么我们要使用模块化？什么是模块模块是比对象和函数更大的代码单元，使用模块可以将程序进行归类，也就是说可以将一个复杂的程序依据一定规则（规范）封装成几个块（文件），并进行组合在一块的内部数据/实现私有的，只是向外暴露一些接口（方法）与外部其他模块通信。一般一个.js文件就是一个模块。模块化编码时时按照模块一个一个编码...
2019-05-13 10:10:01
183
原创 JavaScript的数据类型和类型转换
number（数据类型）：整型 var a = 1;浮点数 var b = 1.1;八进制 var c=010;十六进制 var d=0xa;科学计数法 var e=1.23E12;无穷大或无穷小 InfinityNaN not a number(非数值) > 判断是不是数字可用 isNaN(a)，里面的a则是需要判断的，当a不是数字时返回结果为true，否则为fasle...
2019-05-13 09:24:01
185
原创 JavaScript中的null和undefined的区别和应用场景
undefinedundefined原理上可以说是没有找到应用场景1、变量被声明时，但没有复制时，就等于undefinedvar a;console.log(a); //输出结果为：undefined2、调用函数时，应该提供的参数没有提供，该参数等于undefinedfunction f(a,b) { console.log(a,b) } ...
2019-05-11 10:57:06
724
原创 CSS的定位与伪类
定位css中的position属性即为定位，默认值为static，常用的属性值有三个，分别为relative（相对定位），absolute（绝对定位），fixed（固定定位），定位之后，要设置宽度，否则宽度将由内容决定。相对定位当position的属性值为relative则为相对定位1、相对定位是相对于自身原有的位置进行定位的。2、可以通过left、right、top、bottom四个属...
2019-05-07 19:49:44
1109
原创 ES6 常用功能总结（箭头函数、let/const、解构赋值、模板字符串、Promise对象等）
let关键字作用：与var类似，用于声明一个变量与var不同：let所声明的变量，在块级作用域内有效，也就是只在它所在的代码块有效{ let a = 100; var b = 10;}console.log(a); //undefinedconsole.log(b); //10不能重复声明不能在相同作用域内重复声明同一个变量// 报错function func()...
2018-10-11 17:30:54
1087
原创 webpack3快速入门
前言这篇文章是本人学习 webpack3 的笔记总结，现在 webpack 版本已经更新到了4。其中2和3是可以通用的，但是1和其他的两个版本依赖上有些不相容，所以不能一起使用。Webpack1到2最大的升级是tree-shaking，其次是配置文件的对象化，再其次包括插件的写法优化。Webpack2到3的最大升级是scope-hoisting。3到4简化了整个打包配置操作。什么是webpac...
2018-10-06 00:06:51
1168
原创 JavaScript基础总结深入（数据类型、数据_变量_内存、对象、函数、回调函数、this）
数据类型1、分类JavaScript 数据类型分为两大类，分别为：基本类型，又称为值类型；对象类型，又称为引用类型。基本（值）类型String：任意字符Number：任意的数字boolean: true/falseundefined: undefinednull: null对象（引用）类型Object：任意对象Fuction：一种特别的对象（可以执行）Array：一种特别的...
2018-10-04 16:37:28
890
原创 JavaScript基础拓展总结深入（== 和 ===的区别、undefined和null的区别，分号问题）
JavaScript中的== 和=== 的区别== 表示值的比较，=== 表示对象类型的比较。注意1、对于string，number等基础类型，== 和 ===是有区别的。a)不同类型间比较，==之比较转化成同一类型的值,如果值相等，结果就等， === 如果类型不同，其结果就是不等。alert('2' == 2); //结果为truealert('2' === 2); //结果为...
2018-10-04 15:16:12
715
原创 Vue—-计算属性和监视
Vue—-计算属性和监视1、计算属性1）在computed属性对象中定义计算属性的方法 2）在页面中使用{{方法名}}来显示计算的结果2、监视属性1）通过vm对象的$watch()或watch配置来监视指定的属性 2）当属性变化时，回调函数自动调用，在函数内部进行计算3、计算属性高级1）通过getter/setter实现对属性数据的显示和监视 2）计算属性存在缓存，多...
2018-08-02 23:25:31
2059
原创 Vue—-条件渲染
Vue–条件渲染指令1、v-if使用方法，因为 v-if 是一个指令，所以必须将它添加到一个元素上。 <p v-if="ok">表白成功</p>2、v-else可以使用 v-else 指令来表示 v-if 的“else块”： <p v-else>表白失败</p>注意：v-else 元素必须紧跟在带 v-if 或者 v-el...
2018-08-02 18:38:44
922
原创 JavaScript继承模式
JavaScript继承模式若需要了解原型与原型链相关内容，可参考本人的另一篇博客JavaScript原型与原型链原型链继承一、方法1、定义父类型构造函数 2、给父类型的原型添加方法 3、定义子类型的构造函数 4、创建福类型的对象赋值给子类型 5、将子类型原型的构造属性设置为子类型 3、给子类型原型添加方法 7、创建子类型的对象：可以调用父类型的方法二、关键...
2018-07-24 18:15:50
289
原创 JavaScript对象创建模式
JavaScript对象创建模式Object构造函数模式用法：先创建空Object对象，再动态添加属性/方法 适用场景：起使时不确定对象内部数据 问题：语句太多 代码解析： var p = new Object() p = {} p.name = 'Tom' p.age = 12 p.setName = function (name) { this.na...
2018-07-24 16:57:00
1264
原创 JavaScript执行上下文与执行上下文栈
JavaScript执行上下文与执行上下文栈变量提升与函数提升1、变量声明提升通过var定义（声明）的变量，在定义语句之前就可以访问到 值为：undefined2、函数声明提升通过function声明的函数，在之前就可以直接调用 值为：函数定义（对象） 代码说明：var a = 4 function fn () { console.log(a) ...
2018-07-22 20:36:28
2429
原创 JavaScript闭包
JavaScript闭包理解闭包1、如何产生闭包当一个嵌套的内部（子）函数引用了嵌套（父）函数的变量（函数）时，就产生了闭包2、闭包到底是什么理解一：闭包是嵌套的内部函数（绝大部分人） 理解二：包含被引用变量（函数）的对象（极少数人） 注意：闭包存在于嵌套的内部函数中3、产生闭包的条件1)函数嵌套 2）内部函数引用了外部函数的数据（变量/函数） 代码例子...
2018-07-22 19:48:42
470
原创 作用域与作用域链
作用域与作用域链一、作用域1、理解就是一块“地盘”，一个代码段所在的区域，它是静态的（相对上下文的对象），在编写代码时就确定了2、分类1）全局作用域 2）函数作用域 3）没有块作用域（ES6有了）3、作用隔离变量，不同作用域下同名变量不会有冲突4、代码例子<script type="text/javascript"> var ...
2018-07-20 22:32:54
2510
原创 JavaScript原型与原型链
JavaScript原型与原型链原型1、每个函数都有一个prototype属性，它默认指向一个Object空对象(即称为: 原型对象)，原型对象中有一个constructor，它指向函数对象 2、给原型对象添加属性（一般都是方法），作用:函数的所有实例对象自动拥有原型中的属性（方法）<script type="text/javascript"> // 每个函数都有...
2018-07-20 16:26:34
1006
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人