- 博客(11)
- 收藏
- 关注
原创 js获取对象数组的某个属性集合
假如我想提取数组中对象的id属性组成新的数组 var currentDateItemList=['id','123','name','名字']; var newcurrentDateItemList = currentDateItemList.map((item,index) =>{ return Object.assign({},{'id':item.id}) })
2020-07-26 22:59:02
2652
原创 如何居中一个元素(转载)
一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。 .parent{//在父容器设置 text-align:center; } 如果块级元素内部包着也是一个块级元素,我们可以先将其由块级...
2020-03-15 15:11:57
249
原创 页面中如何实现背景图100%铺满全屏
页面中如何实现背景图100%铺满全屏 .box{ width:100%; background: url(../img/bg.png) no-repeat ; background-size: 100% 100%; position: absolute; z-index: -1; top: 0; left: 0; rig...
2019-10-10 10:12:28
2755
原创 构造函数和原型链
使用构造函数创建对象:反复创建统一类型的多个对象 如何: 2步: (1)定义构造函数 (2)用new操作符调用构造函数反复创建多个对象: 重点:new : 1.创建一个新的空对象; 2.将构造函数中的作用域赋给新对象(因此this就指向了这个新对象); 3.执行构造函数中的代码(为这个新对象添加属性); 4.返回新对象 //1. 定义构造函数,描述所有学生的统一结构 function Stud...
2019-10-07 16:57:23
255
原创 js中变量的作用域和函数的作用域
变量的作用域 全局作用域:在全局作用域下声明的变量可以在任意位置访问到 函数(局部)作用域:函数作用域下声明的变量只能在函数内部访问 注意:在函数内部使用var关键字声明的变量是局部变量,不使用var声明的变量是全局变量。 变量声明提升 js程序执行之前,使用var声明的变量会提升到所在作用域的最前面,但赋值还在原来的位置 函数的作用域 全局作用域:在全局作用域下创建的函数可以在...
2019-10-06 23:22:57
473
原创 js中的闭包
概念:有权访问另一个函数作用域中的变量的函数 特征: (1)函数嵌套函数; (2)在函数内部可以引用外部的变量和参数; (3)变量和参数不会以垃圾回收机制回收。 产生背景: (1)js中函数内部可以读取函数外部的全局变量,但是函数外部不可以读取函数内部的局部变量; (2)js中,如果一个对象不在被引用,那么这个对象会被垃圾回收机制回收,否则一直长居内存中; (3)可以解决函数外部无法读...
2019-10-06 23:21:15
229
原创 js中return的用法
return 语句的作用是从当前函数退出,并从那个函数返回一个值。 作为返回关键字,它有以下两种返回方式: 1.返回函数结果 语法:return +表达式 表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为return调用时候的计算结果,通常是通过返回值带出的。 function add(){ var a=1; ...
2019-10-02 21:47:34
1877
原创 break 和 continue 的区别
同: break 和 continue都是用来控制循环结构,结束循环的; 异: break:结束整个循环过程,不再判断执行循环的条件是否成立,接着执行循环下面的语句。 continue:只结束本次循环,而不是终止整个循环的执行,执行下一次循环。 例子:break var num = 0; for (var i=1;i<10;i++) { if(i%5==0){ brea...
2019-10-02 15:32:22
281
原创 vue中为每个页面单独设置title和meta信息
vue中为每个页面单独设置title和meta信息 安装: npm install vue-meta -s 引用: main.js中全局引用 import Meta from 'vue-meta' Vue.use(Meta) 每个页面中设置信息 export default { metaInfo:{ title:'上海国际广告节-展览', me...
2019-10-01 09:59:44
2030
原创 vue中点击按钮弹出视频
vue中点击button按钮弹出视频 <div> <button @click='checkVideoFun(item.video)'>点此观看完整视频</button> //外层的遮罩 v-if用来控制显示隐藏 点击事件用来关闭弹窗 <div class='mask' v-if='videoState == true' @click='masksC...
2019-09-28 17:00:18
5582
原创 vue中回到顶部
vue中回到顶部 <template> <div :class="btnClass" @click="scrollToTop"> <img src="static/image/arrow_up.png" alt=""> </div> </template> <script> export defaul...
2019-09-28 09:53:41
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅