webhmy

摘要： 需求说明 如果要实现一个需求，如下图，在一个textarea中加入文字加背景色，该怎么处理呢？ 答案：“很简单啊！直接给textarea加个background-color的背景颜色啊！” 那好，如果实现下面的需求呢？并且要求输入的时候，也保持这样的样式呢？ 答案：“额...这又是一个前端交互永远不 阅读全文

摘要： 常见需求场景 前端在处理交互的时候，经常遇到这样的场景，点击一个按钮，出现一个弹框，点击外部区域，弹框关闭。 解决方法 思路说明： 1、给弹框的div父级都加个类名,如: 2、在document绑定一个点击事件，获取当前点击元素的类名，开始向上找，找它的父级类名， 2.1. 包含我们加的几个类名，则 阅读全文

摘要： 最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势，看到一篇不错的入门教程，结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明，适合入门。 1、引入Typescript npm install vue-class-component vue-prop 阅读全文

摘要： 上篇介绍的使用滤镜给force中的节点文字加底色，但是同样的方法并不适合link上文字的底色。因为link是可以360度旋转的。而滤镜中的宽高一般是跟着文字的，svg中文字的宽高并没有伴随角度，（这里我没有找到给滤镜加角度的方法，如果有可以告诉我呀！）因此我使用了另外一种给文字加底色的方法，使用re 阅读全文

摘要： 使用svg绘图的过程中发现，给文本加底色是无法用属性或者css实现的，一般情况下会在文字的基础上绘制一个矩形，放在文字底下。但是对于不知文字大小，长度，语言版本的情况下就有点麻烦了，这种情况下使用滤镜的方法可以更方便。【转载本文请说明出处，谢谢！】 效果展示 方法 // 1、定义滤镜 let def 阅读全文

摘要： 前段时间因为参与项目涉密，所以一直没有更新博客，有些博友给我私信或者留言要部分博文的源码，因为我的电脑更换，demo的源码没有备份 所以无法提供。大家可针对具体问题问我，有空我定会回复的。另外转发文章请说明出处，谢谢关注！ 之前有多篇博文介绍了d3力导向图的绘制过程的一些问题，现在由于性能和UI的要 阅读全文

摘要： 之前用d3做了多条线之间的绘图是曲线表示的，现在产品要求改成平行线的样式，经过在网上的调研和自己的尝试，实践出一个可用的方法，分享给大家，先展示下结果： 事先声明，本方法是在以下参考网站上进行的结合和更改： "d3力导图节点间多条线的绘图方法" "d3.js Force Layout: drawin 阅读全文

摘要： 本篇博文主要记录我们在写项目的时候经常需要用到导入和导出。 导入 1. 首先定义一个模态弹窗，一般情况下会使用一个 (设置opacity:0)覆盖在显示的按钮上面 2. 通过 的输入框获取到文件信息，一般情况下的导入接口使用的是 信息 导出 get 请求 一般情况下，我们可以直接使用 的方法来导出后 阅读全文

摘要： 我们在写前端代码的时候，经常需要打印信息到控制台，经常使用到的命令就是 ，本文主要介绍几种可常用的一些小技巧，便于调试时候的灵活利用。 1、显示样式 默认的 显示如下： 那如果我们希望有颜色标记，可以突出显示该怎么做尼？可以使用默认的几个其他命令 console.warn 或者 console.er 阅读全文

摘要： 最近客户反应在操作页面的过程中出现了卡顿甚至交互多一点浏览器直接崩溃了。项目的技术是vue + svg 所以我一直在想是不是svg交互导致的，但是svg涉及的交互也不是很多，不至于产生崩溃状态呀！后来又怀疑是代码问题，于是对大家都知道的一些内存泄露的情况进行了排查： 没有全局变量 没有定时器 没有使 阅读全文