![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
打死不穿格子衫
这个作者很懒,什么都没留下…
展开
-
iView UI Select 选择器 下拉列表跟随滚动条移动
iView UI Select 选择器 下拉列表跟随滚动条移动原创 2022-10-27 09:55:29 · 1391 阅读 · 1 评论 -
Element UI 自定义表格头部、Table-column Scoped Slot
Element UI 自定义表格头部、Table-column Scoped Slot原创 2022-10-26 17:28:36 · 2197 阅读 · 0 评论 -
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 · 110 阅读 · 0 评论 -
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 · 3290 阅读 · 1 评论 -
css权重
css权重!important 正无穷行间样式 1000id &nb原创 2021-05-28 23:24:31 · 88 阅读 · 0 评论 -
sticky粘性定位
粘性定位sticky如果不设置偏移量,sticky就不会生效如果发生偏移,会保留原来位置,会偏移量只能设置 left top 其它的没有效果只有父容器在浏览器窗口内,sticky才会生效,偏移量是相对于浏览器视口如果父容器和浏览器视口有一定的距离,而且这个距离大于left和top则这个偏移量就会失效(贴在父容器上),当滚动条移动到设置的left top范围内,这时会类似于fixed定位,不受滚动条的影响…说不下去了…说点人话吧sticky有点像fixed,使用sticky的元素必须在父原创 2021-03-21 12:06:48 · 929 阅读 · 0 评论 -
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 · 417 阅读 · 1 评论 -
常用DOM方法
常用DOM方法getElementById( ) 返回带有指定ID的元素getElementsByTagName( ) 返回包含带有指定标签名称的所有元素的节点列表(集合,节点数组)getElementsByClassName( ) 返回包含带有指定类名的所有元素getElementsByName( ) 通过Name属性获取一组元素document.querySelector( ) 通过css选择器来获取一个元素documen原创 2020-10-25 09:51:39 · 189 阅读 · 0 评论 -
数组的方法
数组的方法: 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 · 130 阅读 · 0 评论 -
类数组
类数组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 · 273 阅读 · 0 评论 -
圣杯模式
圣杯模式共享原型是: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 · 256 阅读 · 0 评论 -
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 · 116 阅读 · 0 评论 -
原型
原型1.定义:原型是 function 对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。2.利用原型特点和概念,可以提取共有属性。3.对象属性的增删和原型上属性增删改查。4.对象如何查看原型 ==> 隐式属性 proto。5.对象如何查看对象的构造函数 ==> constructo。 //Person.prototype -- 原型 //Person.prototype = {原创 2020-06-18 22:45:56 · 183 阅读 · 0 评论 -
对象
对象例如: 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 · 656 阅读 · 0 评论 -
立即执行函数
立即执行函数定义:此类函数没有声明,在一次执行过后即释放(被销毁),适合做初始化工作。针对初始化功能的函数:只想让他执行一次的函数。立即执行函数也有参数,也有返回值,有预编译。例如: (function () { var a = 123; var b = 234; console.log(a + b); }())可以执行,257例如: (function (a, b, c) {原创 2020-06-11 19:02:27 · 145 阅读 · 0 评论 -
预编译
暗示全局变量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 · 287 阅读 · 0 评论 -
作用域
作用域初探作用域定义:变量(变量作用域又称上下文)和函数生效(能被访问)的区域 —— >全局变量,局部变量作用域的访问顺序作用域:函数里面的就可以访问外面的全局变量例如: var a = 123; function test () { var b = 123; function demo(){ var c = 234; document.write(b);原创 2020-06-08 18:03:50 · 75 阅读 · 0 评论 -
函数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 · 569 阅读 · 0 评论 -
类型转换,条件判断语句
条件语句补充一,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 · 462 阅读 · 0 评论 -
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 · 102 阅读 · 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 · 5051 阅读 · 0 评论 -
逻辑运算符
逻辑运算符:“ && ”,“ || ”, “ ! ”运算结果为真实的值: “ && ”与运算符 两个表达式: 先看第一个表达式转换成布尔值的结果是否为真。如果结果为真,那么它会看第二个表达式转换为布尔值的结果,然后如果只有两个表达式的话,只看第二个表达式,就可以返回该表达式的值了,如果第一位的布尔值为false,则不看后面的,返回第一个表达式就可以了。 如果是三个或多个表达式,会先看第一个表达式是否为原创 2020-05-31 21:45:35 · 110 阅读 · 0 评论 -
transition
transition 过渡?transition-property : 规定设置过渡效果的CSS属性的名称。transition-duration : 规定完成过渡效果需要多少秒或毫秒。transition-delay : 定义过渡效果何时开始。 ( 延迟(数值为正数),也可以提前(数值为负数) )transition-timing-function : 规定速度效果的速度曲线。注:不要加到hover上。transform变形?translate : 位移trans原创 2020-05-28 20:07:24 · 380 阅读 · 0 评论 -
利用边框制作一个三角形
如何利用边框制作一个三角形?<!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 · 802 阅读 · 0 评论 -
CSS定位position
CSS 定位?position :static(默认)relativeabsolutefixedstickyrelative:相对定位如果没有定位偏移量,对元素本身没有任何影响不使元素脱离文档流不影响其他元素布局left、top、right、bottom是相对于当前元素自身进行偏移的absolute:绝对定位使元素完全脱离文档流使内联元素支持宽高 (让内联具备块特性)...原创 2020-05-03 17:16:35 · 109 阅读 · 0 评论