工具包,插件
主要介绍本人项目中使用过的一些工具,插件,以及它们的安装和使用方法。
ddx2019
这个作者很懒,什么都没留下…
展开
-
获取两个时间字符串相差的秒数
这里说的时间字符串格式是:"2021-01-15T14:44:40.001+08:00" 或者 "2021-01-15 14:44:40" 一、原生js function diffSecond(start, end) { const startTime = new Date(start); const endTime = new Date(end); const second_time = Math.abs(startTime - endTime) / 1000; // 得到相差的秒数原创 2021-01-25 10:16:27 · 1300 阅读 · 0 评论 -
利用vscode的LOC插件,统计代码行数
在vscode中安装LOC插件安装了,按 Ctrl+Shift+p ,再输入命令 LineCount 就可以了此时会在你的项目下生成一个out文件夹,文件夹下有两个文件,里面记载了你代码行数等相关的的详细信息以上操作是按默认设置统计 ,也可以在vscode的 setting.json 文件中,新增它的配置信息,详细配置,参考 **LOC**插件 的文档。...原创 2020-09-11 19:35:24 · 2481 阅读 · 0 评论 -
vue中,mavon-editor的引入和使用
安装 mavon-editor npm install mavon-editor --save 一、vue中,按照官网,全局注册mavonEditor报错参考mavonEditor的github地址给出的全局注册 use 示例,报错:Unknown custom element: <mavon-editor> - did you register the component correctly?mavonEditor.jsimport Vue from "vue";import原创 2020-08-31 19:29:20 · 6154 阅读 · 3 评论 -
2019年5月~2020年4月,我积累的的网址(学习网站等),小技巧
搜索地stackoverflow,程序设计领域的问答网站,主要用于搜索解决问题的方法;CodePen,一款可在线编辑制作前端页面的工具,上面可搜到很多小demo,且提供常见的 js、css 库,并且支持流行技术(如 SASS),免去了我们自建平台的麻烦。开发者文档:MDN,Web 文档技术社区:CSSclip-path ,在线编辑 clip-path 的效果图,且可以拿到...原创 2020-04-29 13:36:22 · 1289 阅读 · 0 评论 -
vue-cli+Electron项目中___ 小型本地JSON数据库Lowdb的使用
前言:此篇文章基于篇一和篇二中搭建好的项目进行,项目中安装了Element, 相应的代码地址:https://github.com/ddx2019/vue-electron-demoLowdbLowdb ,一个小型的本地JSON数据库; 用于Node,Electron和浏览器的小型JSON数据库。由Lodash驱动.用法如下:1. 在项目的public 下有一个本地JSON文件,db.js...原创 2020-04-24 09:21:51 · 4180 阅读 · 1 评论 -
富文本编辑器之——CKEditor
CKEditor41. 在index.html中直接引入,注意这里引入的是 CKEditor 4,<script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script>2. 在vue.config.js文件中配置module.exports = { configureWebp...原创 2020-03-15 10:10:18 · 333 阅读 · 0 评论 -
富文本编辑器之————Vue-Quill-Editor
1. 安装vue-quill-eidtoryarn add vue-quill-editor 或者 npm install vue-quill-editor --save2. 在main.js中引入:import Vue from 'vue'import { quillEditor } from 'vue-quill-editor' // 引入vue-quill-editorimpo...原创 2020-03-14 21:43:21 · 215 阅读 · 0 评论 -
在vue +Element 的项目中使用Font-Awesome的icon
在Element中直接可通过el-icon-fa使用Font-Awesome中的图标;1. 安装,font-awesome (也可在index.html中直接引入font-awesome,参考官网http://fontawesome.dashgame.com/)yarn add font-awesome//直接引入地址:<link href="//netdna.bootstrapcdn...原创 2020-03-10 10:44:54 · 3182 阅读 · 0 评论 -
crypto-js,前端加密的JS库,加密解密示例(在vue中使用)
AES加密1. 安装,npm install crypto-js 或者yarn add crypto-js2. 引入crypto-js,并封装加密解密的方法在项目的src下的utils文件夹(自己建的文件夹)下新建一个encrypt.js文件,内容如下:import CryptoJs from 'crypto-js' //引用AES源码jsexport default { //...原创 2019-11-07 22:49:16 · 2867 阅读 · 0 评论 -
vuetify的用法
用法同element-ui1.安装( 这里安装的是1.5.5的vuetify )yarn add vuetify@1.5.5 2.在src下的plugins文件夹下新建一个vuetify.js的文件import Vue from 'vue'import Vuetify from 'vuetify'import 'vuetify/dist/vuetify.min.css'V...原创 2020-02-12 20:00:36 · 1637 阅读 · 0 评论 -
vue-pdf, vue预览PDF,可分页
初步使用:1. 安装yarn add vue-pdf 或者 npm install vue-pdf2. 引入,注册,使用testPdf下的index.vue<template> <div> <!--使用刚刚注册好的testPdf组件 *** 注意,这里的new.pdf是放在public下的PDF文件夹下的pdf文档。--...原创 2020-02-12 19:16:16 · 3606 阅读 · 0 评论 -
xlsx插件,导入导出Excel (vue中导入导出表格)
- ## vue文件中直接写函数,完成的测试1). 安装xlsx,yarn add xlsx 2). importExcel.vue(实现了 导入表格 )<template> <div class="hello"> <el-upload class="upload-demo" ref="upload" accept=".xls,.x...原创 2020-01-20 10:20:28 · 20619 阅读 · 7 评论