- 博客(26)
- 收藏
- 关注
RSS订阅原创 Element UI 自定义表格头部、Table-column Scoped Slot
Element UI 自定义表格头部、Table-column Scoped Slot
2022-10-26 17:28:36
2571
原创 css重置样式
css重置样式/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,e
2022-03-12 16:17:11
180
原创 VueRouter报错：Uncaught TypeError: Object(...) is not a function
Uncaught TypeError: Object(…) is not a function记录一下VueRouter报错及解决方式这里是使用VueRouter以后控制台报错了报错信息：Uncaught TypeError: Object(…) is not a function经过反复尝试发现是vue-router版本过高，所以报错在package.json文件中查看版本号，vue-router版本是4.0.12只需要将vue-router版本降低就不会报错了在终端输入npm i vu
2022-02-09 00:17:29
3534
1
原创 sticky粘性定位
粘性定位sticky如果不设置偏移量，sticky就不会生效如果发生偏移，会保留原来位置，会偏移量只能设置 left top 其它的没有效果只有父容器在浏览器窗口内，sticky才会生效，偏移量是相对于浏览器视口如果父容器和浏览器视口有一定的距离，而且这个距离大于left和top则这个偏移量就会失效(贴在父容器上)，当滚动条移动到设置的left top范围内，这时会类似于fixed定位，不受滚动条的影响…说不下去了…说点人话吧sticky有点像fixed，使用sticky的元素必须在父
2021-03-21 12:06:48
1104
原创 flex布局
flex布局父元素的属性：设置父容器 display : flex;flex-direction 设置主轴的方向flex-direction ： row；row 默认值 从左至右row-reverse 从右至左column-reverse | 从下至上justify-content:设置主轴上子元素的排列方式flex-start 默认值flex-end 从尾部开始排列center 在主轴居中space-around 平分剩余空间space-between
2021-03-03 20:39:57
524
1
原创 数值的方法
数值的方法Number.isFinite( ) 检测一个值是否为有限数console.log(Number.isFinite(100));//trueconsole.log(Number.isFinite(100/0));//falseconsole.log(Number.isFinite(Infinity));//falseNumber.isNaN( ) 检测一个数是否为NaNconsole.log(Number.isNaN(123));//falseconsole.log(Number
2020-11-02 14:08:11
154
原创 常用DOM方法
常用DOM方法getElementById( ) 返回带有指定ID的元素getElementsByTagName( ) 返回包含带有指定标签名称的所有元素的节点列表（集合，节点数组）getElementsByClassName( ) 返回包含带有指定类名的所有元素getElementsByName( ) 通过Name属性获取一组元素document.querySelector( ) 通过css选择器来获取一个元素documen
2020-10-25 09:51:39
267
原创 数组的方法
数组的方法： 1.push：从数组的尾部添加元素。let arr = [1, 2, 3, 4, 5];arr.push(6, 7, 8);//从尾部添加[6, 7, 8];console.log(arr);//打印的是：[1, 2, 3, 4, 5, 6, 7, 8]; 2.pop：从数组的尾部删除元素。let arr = [1, 2, 3, 4, 5];arr.pop();//从尾部删除最后一位[5];co
2020-07-22 13:35:26
172
原创 类数组
类数组1、可以利用属性名模拟数组的特性2、可以动态的增长 length 属性3、如果强行让类数组调用 push 方法，则会根据 length 属性值的位置进行属性的扩充。例下面是类数组的基本形态 var obj = { "0" : 'a', "1" : 'b', "2" : 'c', "length" : 3, "push" : Array.prototype.push
2020-06-26 05:49:33
307
原创 圣杯模式
圣杯模式共享原型是：son.prototype=father.prototype圣杯模式是：另外加个构造函数 function F（）{}当做中间层，然后让 F 和 father 共有一个原型 F.prototype=father.prototype，然后 son.prototype = new F（）；使用原型链形成了继承关系，现在改 son.prototype 就不会影响 father.prototype function inherit(Target, Origin) { f
2020-06-23 06:09:47
345
原创 call和apply
call/apply作用，改变 this 指向。区别，后面传的参数形式不同例如: function Person(name, age) { this.name = name; this.age = age; } var person = new Person('deng',100); var obj = { } Person.call(obj, 'chen', 180)如果 Person.call( obj );里
2020-06-22 16:46:07
157
原创 原型
原型1.定义：原型是 function 对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。2.利用原型特点和概念，可以提取共有属性。3.对象属性的增删和原型上属性增删改查。4.对象如何查看原型 ==> 隐式属性 proto。5.对象如何查看对象的构造函数 ==> constructo。 //Person.prototype -- 原型 //Person.prototype = {
2020-06-18 22:45:56
225
原创 对象
对象例如： var mrDeng = { name : 'mrDeng', age : 40, sex : "male", health : 100, smoke : function () { console.log('I am smoking!'); this.health --; }, drink : function () { console.log('I am drink
2020-06-12 07:29:48
708
原创 立即执行函数
立即执行函数定义:此类函数没有声明，在一次执行过后即释放（被销毁），适合做初始化工作。针对初始化功能的函数：只想让他执行一次的函数。立即执行函数也有参数，也有返回值，有预编译。例如: (function () { var a = 123; var b = 234; console.log(a + b); }())可以执行，257例如： (function (a, b, c) {
2020-06-11 19:02:27
200
原创 预编译
暗示全局变量1.imply global 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就位全局对象(就是window)所有。全局对象是windowa = 10；2.一切声明的全局变量，全是window的属性。例：var a = 10 ——> window.a = 10。window就是全局的域如果在全局变量在var a = 123；那么就会返回window例如：var a = 123console.log(a) ——> window.a fun
2020-06-08 22:14:20
351
原创 作用域
作用域初探作用域定义：变量(变量作用域又称上下文)和函数生效（能被访问）的区域 —— >全局变量，局部变量作用域的访问顺序作用域：函数里面的就可以访问外面的全局变量例如： var a = 123; function test () { var b = 123; function demo(){ var c = 234; document.write(b);
2020-06-08 18:03:50
112
原创 函数function
函数 function样式：function 随便起个名 （） ｛｝例如： if(1 > 0){ document.write('a'); document.write('b'); document.write('c'); } if(2 > 0){ document.write('a'); document.write('b');
2020-06-04 21:07:44
650
原创 类型转换，条件判断语句
条件语句补充一，switch case 条件判断语句switch(条件）｛ case 写条件 （判断是否相符）： 如果相符就执行case后面的语句比如 console.log(“a”) break; 可以终止语句。｝例如：var n = 2 ; switch(n){ case 2 : console.log('a'); break;
2020-06-03 21:50:27
555
原创 js数据类型？
js数据类型？原始值 ：string（字符串类型） 由“”‘’和任何字符组成的。。number（数字类型） 由数字组成。boolean（布尔值）只有两个值： 1)true（对） 2）false（错）。undefined 未定义的，意思是没有赋值，只有一个值undefined。null 代表空，占位用，用空值来覆盖。引用值 ：array object function ：属性的集合，是存放各种值的容器。js代码规范？1）语句后面要用“；”结束。2）js语法错误
2020-06-03 19:22:55
152
1
原创 if for循环
一，If语句 if， if else if if <——>&&转换if(条件判断）｛ 当条件成立时，执行里面的执行语句。 ｝当if成立时，才能执行｛｝里面的语句。当条件转换成布尔值，如果结果为true就执行，如果为false就不执行。var num = 80; if( num > 85){ alert("优秀") }else if( num >= 7
2020-05-31 22:24:00
5289
原创 逻辑运算符
逻辑运算符：“ && ”，“ || ”, “ ！ ”运算结果为真实的值： “ && ”与运算符 两个表达式： 先看第一个表达式转换成布尔值的结果是否为真。如果结果为真，那么它会看第二个表达式转换为布尔值的结果，然后如果只有两个表达式的话，只看第二个表达式，就可以返回该表达式的值了，如果第一位的布尔值为false，则不看后面的，返回第一个表达式就可以了。 如果是三个或多个表达式，会先看第一个表达式是否为
2020-05-31 21:45:35
144
原创 transition
transition 过渡？transition-property : 规定设置过渡效果的CSS属性的名称。transition-duration : 规定完成过渡效果需要多少秒或毫秒。transition-delay : 定义过渡效果何时开始。 ( 延迟(数值为正数)，也可以提前(数值为负数) )transition-timing-function : 规定速度效果的速度曲线。注：不要加到hover上。transform变形？translate : 位移trans
2020-05-28 20:07:24
454
原创 利用边框制作一个三角形
如何利用边框制作一个三角形？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...
2020-05-05 18:02:26
861
原创 CSS定位position
CSS 定位？position :static（默认）relativeabsolutefixedstickyrelative：相对定位如果没有定位偏移量，对元素本身没有任何影响不使元素脱离文档流不影响其他元素布局left、top、right、bottom是相对于当前元素自身进行偏移的absolute：绝对定位使元素完全脱离文档流使内联元素支持宽高 （让内联具备块特性）...
2020-05-03 17:16:35
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人