- 博客(47)
- 收藏
- 关注
原创 vue使用$route二次打开页面无法获取路由参数
“{}”) { // 判断这个参数是否为空对象,这里需要判断对象类型,所以不能用==handler(oldVal, newVal) { //监听路由是否变化。
2024-08-13 15:00:04
150
原创 js获取当前日期方法
month: date.getMonth() + 1, //获取当前月份(0-11,0代表1月)minute: date.getMinutes(), //获取当前分钟(0 ~ 59)second: date.getSeconds() //获取当前秒数(0 ~ 59)year: date.getFullYear(), //获取完整的年份(4位)strDate: date.getDate(), // 获取当前日(1-31)hour: date.getHours(), //获取当前小时(0 ~ 23)
2024-01-15 14:05:14
388
原创 解决el-tree中default-expand-all动态加载全部不生效问题
首先添加v-if=“refreshTree”,然后在点击事件中使用this.
2023-12-27 14:37:06
1017
原创 2020.0510--BOM
BOM:一:什么是BOM1:概念:BOM:浏览器对象模型,是个模型,这个模型由一个对象window来体现(具象)- 作用:- 提供了ES和页面的运行环境- 浏览器的一些规定,首先需要在ES的基础之上设置,但是最终生效时,以浏览器的标准为主- 浏览器的规范没有涉及到的范围,使用ES的规范- 宪法:ES,地方法规:浏览器的规定- 浏览器 > ES ×- 兼容:- alert(1):功能一致,没有兼容- 但每个浏览器显示的样式都不一样2:window的具体使用和功能wind
2020-05-10 15:56:12
159
原创 2020.0509--对象、进制转换和日期对象
一、对象1:js的对象的分类内置对象:ES提供可以直接被使用的对象,已经是一个具体的实例,不需要创建Math对象,数学对象本地对象:其实只是ES提供的一种类方法,需要被实例化之后,才能使用需要被new执行之后,才能使用String,Object,Array,Number,Boolean,RegExp,Date宿主对象:由浏览器或W3C提供的运行ES的环境,所带的对象:BOM(window) DOM(document)包括所有自定义对象2:补充关键字Delete:用来删除自定义对象
2020-05-09 00:10:28
171
原创 2020.0507--ES5新增和如何调bug
一、ES5新增什么是ES5?ECMAScript5ES的版本更新,向下兼容,在老版本的基础上增加了一些新内容1:严格模式严格模式:更严格的开发模式严格模式的意义:消除JavaScript语法的一些不合理,不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证了代码运行的安全;提高编译器效率,增加运行速度;为未来新版本做铺垫; 严格模式的开启模式:在作用域开始的位置,...
2020-05-07 23:56:03
153
原创 2020.0505--栈堆和全局对象
一、对象的补充–栈堆内存:用来运行数据的控件,内部又区分了不同的存储方式。栈:一般用来存储变量名和地址,空间小,稳定,不可修改。堆:一般用来存储数据,空间大,可被修改。关系:一一对应,可以多对一,不可一对多存取规则:栈:先进后出堆:先进先出数据类型的分类:基本类型(值传递):数据就在栈中不存在深浅拷贝,默认就是深拷贝引用类型(引用传递的数据):栈中只保存了一个地址,地址...
2020-05-06 22:32:24
129
原创 2020.0506--10:对象操作、对象的遍历方式和字符串
一、对象的操作1:点语法‘.’用于确定的属性名2:中括号语法‘[]’用于不确定的属性名,当属姓名是变量时二、对象的遍历方式For-inFor(var i in obj){}三、字符串只要被引号包裹起来的就是字符串,所有数据都可以转成字符串,只要被引号包裹起来即可。1:如何创建字符字面量: v ar str = " ";var str = '';var str = `...
2020-05-06 22:31:18
124
原创 2020.0429--数组
1:什么是数组数据的组合,一组数据当需要操作多个数据时,可以给数据打包,叫做数组数组其实也是对象,只是储存数据的形式不一样,但是类型一样2:如何得到数组字面量:var r1 = [];构造函数:var r2 = new Array();区别:当字面量内只有一个数值型数据时,表示一个数据。当构造函数内只有一个数值型数据时,表示长度注意区别,按需选择3:数组的操作索引(编号、...
2020-04-29 22:21:14
83
原创 2020.0428---函数提升、递归、对象及数组
一、js的编译和执行Js是一门解释性语言,预先编译,再执行,先通读全文,再解释含义。找到var和function,做出对应提升。**编译时:**提升**执行时:**按照逻辑,结构正常执行变量和函数会提升:**Var的提升:**提前声明。=号的位置赋值` ``jsconsole.log(a); // undefinedvar a = 10;console.log(a); ...
2020-04-28 23:10:49
80
原创 2020.0427--7:函数的返回值、作用域及变量的读写规则
一函数的返回值返回值的概念:函数自身的处理数据或执行结果,需要被二次使用或被其他程序调用时,需要将数据返回出来。如果拿到返回值:关键字:”return 要返回的数据”Return的功能:可以让函数返回指定的值;可以立即结束当前的函数注:一个函数中可以写无数个,但是只能执行一次return,一次只能返回一个数据,不允许返回多个数据返回到哪:返回到函数的执行语句函数名(),既是在执...
2020-04-28 00:05:25
132
原创 2020.0426 函数
一、函数1:函数的概念由用户或自身控制,可以实现某个功能的代码段(很多代码)**特点:**忽略细节:在使用的过程中,只需要关注其实现的功能,而不需要关注其内部的原理。重复使用:多次使用。选择使用:按需使用。2:创建函数函数从哪来?分为内置和自定义。**内置:**parseInt()、parseFloat()、alert()自定义:自己写声明式创建函数:需要配合关键字funct...
2020-04-26 23:58:47
408
原创 2020.04.20--04.25周知识总结
一、:Js是javascript的简称,作用是用来跟网页互动,交互的。二、:Js书写分三种:内联(行内)、外部、内部。内联:属性形式是由事件触发,比如:< input type=”button” οnclick=“(alert(“你好”))” >内部:写在script双标签里面,比如:< seript>alert(“你好”) </ seript>外部...
2020-04-25 21:55:21
107
原创 2020.4.25for循环语句及循环语句中的控制关键字
知识总结一、for循环语句For语法:for(var i=0;i<=10;i++){console.log(i);}特点:三要素更集中,无需考虑计数器改变位置而影响程序的结果;顺序不能变(计数器的初始值;条件;计数器的改变)执行顺序:1:初始化计数器2:条件;4:循环体;3:改变…二、循环中的控制关键字1:break特点:立即结束循环,后面的任何代码都不再执行虽然...
2020-04-25 21:44:44
676
原创 2020.0423 小数的精度、三目运算符、逻辑运算符的高级用法及循环结构
知识总结一、小数的精度问题1:现象明明只有一位小数,但是最后却出来很多位2:原因计算机最终执行或识别的符号只有0和1,二进制计算机中有一套完善的转换机制,所有内容,不管是文字,字符,任何数据,图片,声音,视频,最终都会被解析成二进制计算机对于小数的计算,会产生误差3:解决主动保留n位小数,得到的数据类型是字符型 num = num.toFixed(n);转成数值 num = N...
2020-04-24 00:11:37
377
原创 2020.0423 js特殊语句和逻辑分支
知识总结一、js中三大特殊数据:undefined、null、NaN(1)NaN:非法的数值运算的结果特殊之处:1:是一个数值型的数据,但是不是一个数字。2:NaN不等于任何一个值,和任何数据都不相等,NaN不等于NaN.检测方法:inNaN(要检测的数据)True:检测结果为NaN或能转成NaN。False:检测结果不是NaN或不能转成NaN。(2)undefined是未赋值,...
2020-04-23 00:19:29
127
原创 20200421数据类型及运算符
知识总结一、数据类型的转换1:为什么要转换?如果用户给了一个数据或者计算机再或者其他程序给了一个数据不是我们想要的,那么就可以转成我们需要的数据类型在进行运算。2:数据类型的转换方法:分为强制转换和隐式转换:强制转换(显示转换,主动转换):字符转换数值:parseInt(要转换的数据或变量)从左向右依次检测,遇到第一个非数字的字符,停止转换。忽略小数点后面的所有内容,其实就是把小...
2020-04-22 00:12:11
90
原创 2020.0421知识总结
1:Js是javascript的简称,作用是用来跟网页互动,交互的。2:Js书写分三种:内联(行内)、外部、内部。内联:属性形式是由事件触发,比如:内部:写在script双标签里面,比如:alert(“你好”) 外部:script双标签通过src路径引入js注:不太建议使用内部样式和内联样式书写js代码,script标签放在不同的位置会受到影响,如果不是特殊要求,暂时将script标签写...
2020-04-21 00:15:16
86
原创 2020.0417知识总结(补充)
知识总结一、图片整合图片整合:精灵图、雪碧图、css精灵、css sprite优点:减少请求次数,缓解服务端压力;减少图片质量;提高项目速度,减少性能消耗。注意事项:背景图一定得是透明的;根据情况的需求,把小图标的间距处理好;尽量上下排列。二、浏览器兼容主流浏览器:谷歌、火狐、欧鹏、苹果、IE浏览器的世界大战(争夺市场份额):上世纪90年代,当微软发布ie和网景公司 王景领航者为什...
2020-04-21 00:13:08
80
原创 2020.0416grid网格布局
知识总结一、RemRem原理:根据html值而定可以用插件来进行html的font-size的值的改变适应插件 flexble.js进行适配步骤:1:先把html自身所带的控制视口的meat标签先删除2:引入flexble.js,在head里面< srcipt src=”路径”></ srcipt>3:计算流程:a:ps量出高度88pxb:88px/10...
2020-04-17 00:29:18
112
原创 2020.0415媒体查询%移动端meta标签¥设备像素比
知识总结一、媒体查询媒体查询:由设备类型、检测设备特性表达式构成。语法:@media 设备类型[all\screen] and (条件表达式){Css样式}注:and两侧必须加空格Not放在设备类型前面,意思是反向选择[排除某个范围]媒体查询的用法:用来做微小调整,比如浮动、显示隐藏、文本大小、宽高。二、移动端meta标签设置作用:让视口1:1比例,禁止用户缩放。三、设备像...
2020-04-16 02:12:06
169
原创 2020.0414弹性盒模型
知识总结一、怪异盒模型属性:Box-sizing:属性值:content-box; 常规盒模型Border-box; 怪异盒模型(IE盒模型)怪异盒模型:怎么触发怪异盒模型?答:给父元素添加box-sizing:border-box;怪异盒模型特点:padding和border都会在元素的宽高内部显示,不会吧盒子撑大。二、弹性盒模型弹性盒子用来布局方案。作用:控制离它最近的一...
2020-04-14 23:41:52
102
原创 2020.0413知识总结
知识总结一、文本阴影Text-shadow:x(x轴位置) y(y轴位置) 阴影大小 阴影颜色;注:如果想添加多个阴影,每一组阴影用逗号隔开。二、盒子阴影Box-shadow:x y 阴影模糊度 阴影扩散的大小 阴影颜色 内阴影(inset 可选 )注:添加多阴影,以逗号形式隔开。三、文本换行英文或数字默认显示:如果在没有换行的情况下:尝试把下一个长单词放在下一行显示。1:...
2020-04-14 01:27:30
92
原创 2020.0410css3选择器
Css3中存在一些浏览器不能识别的语法规则(浏览器前缀),为了考虑兼容:低版本和高版本,就产生了渐进增强和优雅降级的存在。渐进增强:先从最基本的版本开始保证最基本的功能都能实现,然后针对性的考虑高版本,提升用户体验。优雅降级:开始就构造特别完美的需求方案,再针对性的,例如:通过减少用户体验,向低版本过渡。一、Css属性选择器:通过HTML属性选择对应的标签。1:选择符[属性名]{} 当一个...
2020-04-10 23:55:05
86
原创 2020.0410知识总结
知识总结HTML5新增标签:一、语义化结构标签:Section 更偏向于划分区域。(网页外围结构,类似于div)Article 更偏向于内容的展示Aside 侧边栏(在一旁的)Header 网页头部或者是内容块的头部Footer 网页的底部或者是内容块的底部Nav 导航区域Figure 代表一个独立区域Figcaption figure区...
2020-04-10 23:52:41
48
原创 2020.0409关于HTML5新增的标签知识总结
知识总结HTML5新增标签:一、语义化结构标签:Section 更偏向于划分区域。(网页外围结构,类似于div)Article 更偏向于内容的展示Aside 侧边栏(在一旁的)Header 网页头部或者是内容块的头部Footer 网页的底部或者是内容块的底部Nav 导航区域Figure 代表一个独立区域Figcaption figure区...
2020-04-09 21:59:56
119
原创 2020.0408知识总结
知识总结3D的功能函数1、首先形成3D空间(让父元素形成3D空间)Transform-style:preserve-3D。2、3D的功能函数:(1)3D的位移:transform:translate3d(x,y,z);Transform:translateZ(z轴移动的距离);(2)3D的旋转:transform:rotateZ();Transform:rotate3d(x,y,z...
2020-04-08 21:59:07
66
原创 2020.0407知识总结
知识总结2D:平面空间的元素变形。变形属性:transform:Transform的属性值为功能函数。一、2D的功能函数:(1)2D的位移:transform:translate(x,y);Transform:translateX(x轴移动的距离);Transform:translateY(y轴移动的距离);(2)2D的旋转:transform:rotate(30deg);Tran...
2020-04-07 21:51:33
73
原创 2020.0403渐变知识总结
知识总结前提:很多css3属性 最初的预览版没有形成最终的正式版,但是浏览器为了对这些新属性形成支持,主流浏览器提供属于自己的语法规则“浏览器前缀”-webkit- 谷歌、苹果浏览器前缀-moz- 火狐浏览器前缀-ms- IE浏览器前缀-o- 欧鹏浏览器前缀注:兼容模式必须添加浏览器前缀,标准模式不添加浏览器前缀。一、渐变1:线性渐...
2020-04-04 02:04:28
238
原创 2020.0402关于BFC介绍
BFC(布局逻辑)会计格式化上下文BFC( block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有block-level box(块)参与,它规定了内部的block-level box如何布局,并且与这个区域外部毫不相干。BFC布局规定:一:内部的box 会在垂直方向,一个接一个的放置。二:box 垂直方向的距离有margin决定。属于同...
2020-04-03 01:50:38
129
原创 20200401知识总结
知识总结一、表单补充1:表单作用:显示数据。< table>< tr>< t d>< / t d>< t d>< / t d>< t d>< / t d></ tr>< / table>2:表格标签补充:(1)表格的数据行分组< t head>...
2020-04-02 00:24:40
60
原创 2020.0331知识总结
知识总结高度自适应:**一、高度自适应的第一种情况:(内容撑开父元素高度)1:高度不去设置,或者高度设置成auto,内容会把父元素高度撑开。2:内容撑开父元素最小高度:最小高度值的设置(min-height:;)3:浮动元素添加高度自适应:添加浮动元素的父元素没有高度,会出现高度坍塌。4:高度坍塌解决方案:(1):添加overflow:hidden;原理:触发BFC弊端:隐藏掉...
2020-04-01 01:54:39
69
原创 2020.0330知识总结
知识总结回顾:(1) 定位属性:position属性值:static(默认定位)Absolute(绝对定位)Relative(相对定位)包含块设置:给父元素添加position:relative;形成参照物。给子元素添加position:absolute;进行位置移动。定位层次关系:z-index:(属性值为数字,数字越大越靠上)(2) 绝对定位与相对定位的区别:1:参照物...
2020-03-30 20:57:38
106
原创 2020.0328知识总结
知识总结一、定位的流程:给元素添加position属性。(告诉元素开始进行位置移动)属性值来确定参照物固定坐标二、position的属性值Position:static;(静态定位)Position:absolute;(绝对定位)Position:relative;(相对定位)(1)Position:absolute;参照物:有定位的父元素,如果没有父元素或者父元素没有定位,以...
2020-03-28 22:01:07
66
原创 2020.0327知识总结
知识总结一、元素类型的转换:Display属性:BlockInlineNoneInline-blockList-tiem(1)大部分块状元素默认的display值都是block,其中li默认的值是list-item。(列表元素)(2)大部分内联元素默认的display值是inline,其中input默认的值是inline-block(行内块元素)内联元素中最特殊的一个:行内块元...
2020-03-27 21:33:06
112
原创 2020.0326知识总结
知识总结一、css的显示对标签的分类分为:块状元素、内联元素(行内元素)和可变元素三种元素类型。默认情况下元素类型每个类型的特点:(1)块状元素类型的特点:1:在页面中以矩形区域显示。2:自上而下排列,每个都独占一行。3:可以直接添加宽高。4:一般情况下,作为其他元素或内容的容器。(2)内联元素类型的特点:1:在页面中最小单位也是矩形区域显示。2:在一行内逐个排列。3:不能...
2020-03-26 21:03:18
90
原创 2020.0325知识总结
知识总结一、新闻列表的流程:1:结构如果新闻后面有时间< li>< a herf=”#”>新闻内容< /a>< span>时间< /span>< / li>如果没有时间< li>< a herf=”#”>新闻内容< /a>< / li>2:给li添加宽高,...
2020-03-26 21:00:12
55
原创 2020.03.24知识总结
**知识总结**一、Margin用法:1:margin长在元素之外的2:margin控制的是同级元素之间的位置关系3:margin不会对盒子本身的宽高造成影响4:给单一方向添加margin值Margin-top/right/bottom/left:;5:margin设置方法Margin:1个值; 四周Margin:2个值; 上下 左右Margin:3个值; 上...
2020-03-24 22:18:58
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人