- 博客(4)
- 收藏
- 关注
原创 前端缩放拖拽方案
最近项目里有一条长长的轨道图,长度多达180W像素,而且要求能够实现横向拖拽和缩放功能。实现思路:因为是前端项目,我们把开发的着重点放在视图层,项目需要实现缩放的话,首先定义一个缩放比,根据比例来控制其长度缩放用到了zoom属性。拖拽用了html原生的属性。具体代码如下:(非vue代码,不过vue项目也可以使用这种开发思想) 感想是做这种类型的东西,能够考验对原生dom属性的了解程度,对开发思路很有帮助<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra
2020-11-26 20:13:28 1072
转载 vue的scoped修改三方组件的局部样式
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过 >>>,穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)<style scoped> 外层 >>> 第三方组件 { 样式 } 外层 /deep/ 第三方组件 { 样式
2020-11-26 20:06:43 207
转载 前端循环下载
前端循环下载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 258
原创 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 399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人