- 博客(13)
- 收藏
- 关注
RSS订阅原创 记在老旧项目中销毁vue生命周期#iframe
这酸爽在奇葩的项目开发中，销毁定时器的方式前言：在维护老旧项目的过程中，由于新增模块与旧项目业务耦合度不高（主要是对老项目的构建方式不太熟悉），于是决定使用vue进行开发遇到的问题：关闭vue模块的界面时，无法触发destory方法老项目是使用iframe构建的，window对象比较多，难以操作，就算拿到了，也无法顺利清除定时器解决方案：拿到指定的iframe下的window对象，然后再调用销毁方法即可$("#ifm__device_book_search_warehouse")[0].
2021-12-17 18:06:42
1678
3
原创 前端进行列表筛选
onSearch() { let objIsEmpty = this.formInline.A== '' && this.formInline.B== '' && this.formInline.C== ''; if(objIsEmpty) { this.resultList = this.tableData } else { let tempFilter = {};
2021-04-14 19:57:32
807
转载 原生ajax的实现步骤
原生ajax的实现步骤创建ajax对象var xhr = new XMLHttpRequest();告诉ajax请求地址以及请求方式（ajax下的open方法）xhr.open(‘get’,’http://www.example.com’); 第一个参数为请求方式，第二个参数为请求地址/服务器端对应的路由请求地址发送请求 xhr.send();获取服务器端与客户端的响应数据xhr.onload = function() {console.log(xhr.respons
2021-03-12 10:18:36
357
原创 移除本地文件夹与git仓库的链接
移除本地文件夹与git仓库的链接在git bash中输入如下语句find . -name ".git" | xargs rm -Rf
2021-02-26 15:37:10
274
原创 js控制css变量实现操控伪元素
js控制css变量开发场景如上图，需要控制蓝色圆点的位置，因为圆点是用伪类写的，所以不好想利用ref属性操作dom那样来操作伪类，于是想到了用js操作css变量，达到同样的效果。:root { --top: -743%}.white-bar::after { position: absolute; content: ""; width: 14px; height: 14px; background-color: #409EFF; top:var(--top); //
2021-01-28 10:22:19
487
原创 文字在一定区域内滚动效果，h5标签属性
文字在一定区域内滚动效果，h5标签属性// 代码如下<marquee direction="up" scrollamount="3"> <p>第一行</p> <p>第二行</p> <p>第三行</p> </marquee>marquee标签，有文字在一定范围内滚动的效果，其中direction参数控制方向，scrollamount代表行数...
2021-01-25 14:10:42
218
原创 前端缩放拖拽方案
最近项目里有一条长长的轨道图，长度多达180W像素，而且要求能够实现横向拖拽和缩放功能。实现思路：因为是前端项目，我们把开发的着重点放在视图层，项目需要实现缩放的话，首先定义一个缩放比，根据比例来控制其长度缩放用到了zoom属性。拖拽用了html原生的属性。具体代码如下：(非vue代码，不过vue项目也可以使用这种开发思想) 感想是做这种类型的东西，能够考验对原生dom属性的了解程度，对开发思路很有帮助<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra
2020-11-26 20:13:28
1038
转载 vue的scoped修改三方组件的局部样式
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过 >>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)<style scoped> 外层 >>> 第三方组件 { 样式 } 外层 /deep/ 第三方组件 { 样式
2020-11-26 20:06:43
201
转载 前端循环下载
前端循环下载let triggerDelay = 100;let removeDelay = 1000;this.urlList.forEach((url, index) => { this.createIFrame(url, index * triggerDelay, removeDelay);});// 这里是创建iframe的方法function createIFrame(url, triggerDelay, removeDelay) { //动态添加iframe，设置s
2020-11-17 13:46:43
235
原创 vue项目触发回车键登录
vue项目触发回车键登录created() { let that = this; document.onkeydown =function(e){ e = window.event || e; if(that.$route.path=='/login'&&(e.code=='Enter'||e.code=='enter')){//验证在登录界面和按得键是回车键enter that.submitForm('loginForm');//登
2020-11-13 18:01:51
390
原创 css控制滚动条样式
去除滚动条::-webkit-scrollbar { display: none;}修改滚动条样式<!--修改 滚动条 下面 的 宽度-->.test{ height:100px; overflow: auto;}.test::-webkit-scrollbar { width: 15px;}<!--修改 滚动条的 下面 的 样式-->.test::-webkit-scrollbar-track { background-color: red;
2020-06-13 16:04:15
208
原创 2020年五月面试记录篇
五年开发经验，是前端开发的一道坎。不管是入职以后的要求还是面试的问题，都逐渐深入化，跟一年前的面试不是一个难度等级。这也促使了我在前端开发领域中不断前行的动力。在记录正题以前，想为自己以前的幼稚后悔两分钟，开发中遇到的困难，怎么解决的，这些有必要记录下来，要成为自己的知识储备，不能说会了就放那里不管了，人是会淡忘的。。。第一家大型项目是怎么构建的，需要在哪些方面做处理(ps:这个虽然不是很细节的技术题，但是还是有必要了解的，不如果要带项目的话)参考链接webpack设置，打包出现速度慢时怎么
2020-05-26 22:31:19
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人