浅拷贝
将 原数据 对象拷贝到 新数据 对象中,但不包括 原数据 里面的子对象 代码实例 // 原数据 let y = { 'name': 'zhangsan', 'age': '18', // 原数据中的子对象 'language': [1, [2, 3], [4, 5]], }; // 创建第二个对象 ...
关于 display: inline-block; 中间有间隙的问题
当我们给一个元素的一系列子元素设置display: inline-block; 时,会发现子元素之间存在间隙,如 <style> div { display: inline-block; width: 100px; height: 100px; background-color: yellow; } ...
时间格式的转换---全
1.日期转时间戳 this.timeChou('2022-10-20') // 输入日期返回时间戳 1666224000000 timeChou(time) { const timeData = new Date(time).getTime() return timeData } 2.时间戳转日期 ...
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(三)
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用,如有不足之处,还请指... ...
Vue组件的继承用法
Vue组件的继承用法 点击打开视频讲解 vue组件的继承适用于UI几乎一样,只是数据不一样的情况下,但是这种情况通过统一封装组件也是能实现的,小功能建议用封装,大功能建议用组件继承,因为大功能在结合搜参数的需要多重的判断,这样会导致封装的组件比较繁杂,出现过多的判断,用继承可以改写基类中的方法和数据 ...
css 隐藏元素
display , visibility 仅会改变元素显示,不会改变元素种类。可以配合 js 使用使元素可以动态的显示隐藏。 可以使用 display 或 visibility 实现html元素的隐藏功能,但是这两种方式有不一样的地方。display 中的 none 值隐藏,元素后不会在占据页面空间 ...
feDisplacementMap滤镜实现水波纹效果,计算动态值。
参考资料 https://www.zhangxinxu.com/wordpress/2017/12/understand-svg-fedisplacementmap-filter/ 该文章已经讲的特别细致了,该篇仅以此记录动效过程中各点的计算。 feDisplacementMap feDisplac ...
javascript中的this分析
函数中的this 在标准函数中,this引用的是把函数当成方法调用的上下文对象,这时候通常称其为this值(在网页的全局上下文中调用函数时,this指向window)。 这个this值到底引用哪个对象,必须到函数被调用的时候才能确定,因此这个值在代码执行过程中可能会变。 箭头函数中的this 在箭头 ...
ERR_CONTENT_LENGTH_MISMATCH解决
问题描述 前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况 定位问题 在单独打开hearder中css,js的网络地址是能打开的,所以排除了最简单的地址错误。前端项目是由nginx代理的,所以可以查看nginx的日志,看看有无线索。 进入 ...
vue - Vue脚手架/TodoList案例
今天做了一个案例,可以好好做做能够将之前的内容结合起来,最主要的是能对组件化编码流程有一个大概的清晰认知,这一套做下来,明天自己再做一遍复习一下,其实组件化流程倒是基本上没什么问题了,主要是很多vue的方法需要多熟悉一下,毕竟打破了之前的一些对于传统js的认知,还需要多熟悉一下。 这两天可能内容不是 ...
记录--一道字节面试题引出的this指向问题
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 var length = 10; function fn () { return this.length + 1; } var obj = { length: 5, test1: function () { return fn(); } ...
[jQuery]display:none;的隐藏DOM元素无法获取实际宽高的解决方法
如果元素因为其本身或其父元素设置了display:none;而无法获取到实际的宽高,则可以使用jquery的actual方法便捷地获取到元素的实际宽高. ...