上一页 1 2 3 4 5 6 7 ··· 17 下一页
摘要: 注意:vue的组件化思想,我们在设计的时候,尽量把子组件纯粹化,不要跟业务扯上关系。 vue作用域插槽 关于插槽就是无非就是在子组件中挖个坑,坑里面放什么东西由父组件决定。而作用域插槽就是父组件可以直接拿到子组件的值,使用作用域插槽解决的问题不仅仅是可以在子组件中动态地放置一段html代码片段,而且 阅读全文
posted @ 2021-01-27 15:46 心向阳 阅读(1511) 评论(0) 推荐(0) 编辑
摘要: 应用场景 在我们开发业务的过程中,经常遇到列表显示,并且ui设计是每行固定几个元素跟固定间距,但是因为我们需要根据不同大小的屏幕进行自适应,在不用rem等单位进行自适应的时候,我们在pc端布局,可以使用以下2种方法进行,固定动态列表的固定列数固定间距 效果图下:数据个数不固定,每行固定4个,元素之间 阅读全文
posted @ 2021-01-22 17:00 心向阳 阅读(735) 评论(0) 推荐(0) 编辑
摘要: 应用场景 表格数据有层级关系,需要用到表格的树状图结构!!!,同时,可全选表格数据,跟全勾选子节点数据,效果如下 实现方法 根据element官网实现,实现完,发现树形表格加复选框后,子结构无法选中的问题。于是在table上监听点击和全选,根据数据有子节点来手动切换选中与否。 解决方法如下: tem 阅读全文
posted @ 2020-12-25 14:50 心向阳 阅读(6901) 评论(1) 推荐(0) 编辑
摘要: 前言 浅拷贝对指针的拷贝,拷贝后两个指针指向同一个内存空间,改变一个数组会同时改变另一个数组。 深拷贝对指针和指针指向的内容都进行拷贝,深拷贝后的两个数组完全独立,存储在不同的地址。 1.对象的浅拷贝 1、对象的直接遍历赋值。 2、ES6中的 var copyObj = Object.assign( 阅读全文
posted @ 2020-11-23 16:28 心向阳 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 1、应用场景,就是鼠标换过同一个列的时候,显示不同的样式,正常都是同一行加颜色(类el-table) 实现方法: 在data里面定义需要循环的类字段,然后对这个数据结构进行循环出所需要的列数,进而在进行列里面的相应的数据读取,一层for循环所需要的列字段,一层循环每个列里面的数据 data里面定义 阅读全文
posted @ 2020-10-30 15:19 心向阳 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 背景 最近有这么一个项目,这个项目需要依赖多个npm包,这些npm包有部分依赖是相同的(或者包与包之间有相互联系),如下: 如图1所示,这里有两个npm包:npm1和npm2,它们有公共的依赖base2。这种情况下我们该如何管理本地代码呢? 如果npm1和npm2本地代码分别存入一个单独的仓库,那么 阅读全文
posted @ 2020-07-10 10:32 心向阳 阅读(2425) 评论(0) 推荐(0) 编辑
摘要: 常见的事件 大致分为几类,浏览器事件 / 鼠标事件 / 键盘事件 / 表单事件 / 触摸事件 事件监听 • addEventListener : 非 IE 7 8 下使用 • 语法: 元素.addEventListener('事件类型', 事件处理函数, 冒泡还是捕获) var box = docu 阅读全文
posted @ 2020-07-08 18:01 心向阳 阅读(1792) 评论(0) 推荐(0) 编辑
摘要: 最近在做前端异常监控上传异常日志,发现通过ajax请求后台的时候,监控台返回该请求的状态是canceled。 启发 仅仅是由于之前为了在输入账号时让浏览器进行自动补全,而将原先的div更换为了form,而不巧的是之前的登录事件源使用的是button。 而至于为什么status = canceled, 阅读全文
posted @ 2020-07-08 15:28 心向阳 阅读(13348) 评论(0) 推荐(0) 编辑
摘要: 通过 XMLHttpRequest 对象,您可以在不重新加载整个页面的情况下更新网页中的某个部分。 XMLHttpRequest.prototype的属性–列出主要属性abort:资料说是调用该方法后 , readyState变为0 。在readyState-时测试 , 我测试结果readyStat 阅读全文
posted @ 2020-07-07 11:19 心向阳 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1、对某个元素进行事件触发时,比如点击事件时,想获取这个事件对象,这时候可以通过如下方式获取 <input type="button" value="测试" onclick="test()" /> function test(e){ const event = e || window.event c 阅读全文
posted @ 2020-07-03 15:47 心向阳 阅读(5242) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 17 下一页