自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 前端缩放拖拽方案

最近项目里有一条长长的轨道图,长度多达180W像素,而且要求能够实现横向拖拽和缩放功能。实现思路:因为是前端项目,我们把开发的着重点放在视图层,项目需要实现缩放的话,首先定义一个缩放比,根据比例来控制其长度缩放用到了zoom属性。拖拽用了html原生的属性。具体代码如下:(非vue代码,不过vue项目也可以使用这种开发思想) 感想是做这种类型的东西,能够考验对原生dom属性的了解程度,对开发思路很有帮助<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra

2020-11-26 20:13:28 1070

转载 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关注的人

提示
确定要删除当前文章?
取消 删除