javascript
异乡原子
人如果没有梦想 那和咸鱼有什么区别呢
展开
-
面板可调整大小resizable(基于vue)
最近在做vue项目中遇到需要通过拖动面板边缘,动态调整面板宽度的问题,最开始是打算找一个vue组件解决得了,后来想了一下应该也挺简单的就自己实现了。项目中是左右宽度调整,这里只介绍左右面板resizable,上下调整原理是一样的。 思路: step1、在左右面板之间添加一个div,div样式如下:.resizable-widget { pos...原创 2019-01-28 20:49:58 · 7930 阅读 · 0 评论 -
数组对象的去重
数组去重是开发过程中经常遇到的问题,对于普通类型可能new Set[...array]就可以实现,对于数组元素是对象的去重可能无能为力,这里介绍一种方法,使用数组的reduce()方法。假设一个数组:arr = [{city: 'beijing'},{city: 'shanghai'},{city: 'shenzhen'},{city: 'shanghai'},{cit...原创 2019-03-26 21:45:58 · 172 阅读 · 0 评论 -
背景水印
一句话总结,动态创建canvas,绘制content,将HtmlCanvasElement使用toDataURL()方法,返回一个包含图片展示的data URI,最后创建一个div,设置background-image: url(canvasURI),平铺整个内容区// 水印export const waterMark = function ({ container = docu...原创 2019-05-30 20:11:46 · 347 阅读 · 0 评论 -
常用网页加载进度条
素材工具:https://icons8.com/preloaders/https://loading.io/http://autoprefixer.github.io/思路:使用一个空白div 固定定位到页面上(z-index设置大一点),内容加载完后隐藏该div<div class="loading"> <div class="pic"> &...原创 2019-06-03 21:15:21 · 770 阅读 · 0 评论 -
(转载)正则表达式学习笔记
原文出处:https://juejin.im/post/582dfcfda22b9d006b726d11正则表达式学习笔记正则表达式对于我来说一直像黑暗魔法一样的存在。手机正则去网上搜,邮箱正则去网上搜,复杂点的看看文档拼凑一下,再复杂只能厚着脸皮让其他同事给写一个。从来没有系统的学习过,今天准备拿下它。1. 学习目标:了解正则表达式语法在IDE中使用正则表达式在javascript...转载 2019-07-22 20:02:01 · 216 阅读 · 0 评论