plugins
文章平均质量分 65
没有梦想的coder
从来不知想拥有多少的理想
展开
-
【javascript】纯原生js的轻便组织结构图,树状图,支持自定义样式
前言写这个插件呢,只是一时兴起,公司的项目中使用到了组织结构图,然后本着面向百度、谷歌编程的思想,我去摸索了半天。结果一无所获,可能这个词用的有点重了,但是就是没有符合我公司项目要求的,然后我又去了全球最大的同性社交网站(github)还是没有找到自己满意的插件。但是整个过程借鉴下来也有了自己的一些小思路,干脆自己封装一个得了(本文的插件非常简单,大佬勿喷)思路思路呢,大概是这样的,先定数据结构,因为有了结构才好拿着去定 dom 的结构。因为是结构图嘛,所以父子关系肯定是跑不掉了,那原创 2020-09-15 18:15:46 · 4016 阅读 · 11 评论 -
【plugins】IE和Chrome间的相互调用
最近我司的业务跟其他的公司业务牵扯,项目的背景都是法院的项目,但是所做的功能和需求不太一样。因为是指定的客户,所以我司的业务是针对 Chrome 做的,其他司的是已经成型的 IE8 的老项目。虽然是合作的关系,但是难免少不了竞争,所以都不愿意做出相应的兼容处理。那么没办法了,只能在IE8和 Chrome 之间相互调用了,下面就简单介绍下如何相互间的调用。一、IE8调用谷歌浏览器...原创 2019-08-08 20:20:49 · 4388 阅读 · 5 评论 -
【vue】vue封装全局filter并统一管理
在前后端分离的项目中,经常会有后台返回的数据需要进过处理才能显示到页面上的场景。使用最多的场景就是日期和时间的处理,后台一般返回的都是时间戳,那么我们就要对时间戳进行处理。下面就拿封装全局的处理日期和时间的 filter 来展示如何 vue 如何封装全局 filter 并统一处理。在 src 目录下新建 filters 目录用来专门存放全局过滤器,如果项目的过滤器过多,那么就要按类型分...原创 2019-05-23 20:09:30 · 1400 阅读 · 0 评论 -
【javascript】原生js+canvas绘制图像验证码
为方便自己以后项目中使用,在此留一份原生JS实现的图像验证码代码。export function drawAuthCode(id) { var num = []; var canvas = document.getElementById(id); var canvas_width = canvas.offsetWidth; var canvas_height ...原创 2019-05-17 17:41:14 · 608 阅读 · 0 评论 -
【css】css3动画实现水波浪效果
无聊写的一个小Demo,方便自己以后使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-05-21 21:23:26 · 5452 阅读 · 0 评论 -
【plugins】前端常用技术插件大全
为了方便自己以后在项目中的使用,在此留链记录。用途 插件名 描述 文档 演示 icon图标 fontawesome 包含了日常用到的所有的图标,还可以设置大小、旋转、和动画 文档地址 - icon图标 iconfont 大众常用的阿里矢量图标库 文档地址 - pc端ui框架 element-ui 饿...原创 2019-04-01 12:03:55 · 589 阅读 · 0 评论 -
【vue】用WOW.js+animate.css实现页面滚动加载元素动画
一、场景在很多的网站中,我们发现在滚动条滑动的时候一些元素显示出来的时候是有一些动画效果的,这样看起来页面更具有活力,增加用户体验。当然这些动画我们可以通过判断滚动条的位置或者判断元素距离可视窗口的距离自己写一些动画来实现,但是当页面的动画元素过多的时候,难免有点繁琐,所以本篇博客介绍使用 WOW.js 和 animate.css 来实现页面滚动加载元素动画二、引入和使用引入和使用分为...原创 2018-12-15 10:08:55 · 4294 阅读 · 17 评论 -
【vue】用vue-cli+bootstarp手动写一个响应式的导航条
一、应用场景在很多时候,我们的网站都是要求设计成响应式也就是网站可以适应于 PC 端、平板和手机端关于响应式的设计网上有很多教程,大致分为两种:1.使用一套代码,利用媒体查询来适配不同的屏幕2.使用两套代码,根据用户的终端不同切加载不同的代码来适配两种方法各有优势和劣势,自己根据项目需求来确定具体使用哪种方法本篇博客介绍第一种方法,利用 bootstarp 的栅格系统 ...原创 2018-12-13 15:11:13 · 4560 阅读 · 1 评论 -
【plugins】Summernote的引入、初始化、取值、赋值、方法详解
一、引入Summernote是一个简单灵活的所见即所得的 HTML 在线编辑器,基于 jQuery 和 Bootstrap 构建,支持快捷键操作,提供大量可定制的选项。&amp;amp;amp;lt;link href=&amp;amp;quot;https://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.css&amp;amp;quot; rel=&amp;amp;quot;styleshe原创 2018-09-20 10:21:33 · 6517 阅读 · 3 评论