北风凛-CSDN博客

原创 Issues 助手 —— 一个轻松帮你自动管理 issues 的 GitHub Action

经常玩 GitHub 的童鞋想必对 Issues 都不陌生。它是连接维护者和使用者的一个重要方式。对于维护者：可以收集、处理产品的 Bug 和新特性。建立以产品为中心的社区。根据 issue 可定位产品薄弱环节和未来走向。对于使用者：可以通过 issue 咨询使用问题，也可查询以往 issue 来解决自己遇到的问题。与不同的使用者交流经验，也可能会是国际友人。与维护者交流，并可参与到产品的开发中来。所以经常会看到各大项目有成千上百的 Issues 待处理，而且每天都在增长。长久.

2020-12-31 16:16:13 549

原创 Pug 介绍和在 Vue 中使用

1 介绍pug 是一种前端模板引擎，原名 jade可用来生成 HTML，它的写法类似于 CSS中文文档这里先简单举几个 ????#hello<div id="hello"></div>a.link-button Link<a class="link-button">Link</a>a(href="https://xrkffgg.g...

2020-01-07 15:45:17 1833

原创 tabindex 用法说明

1 前言tabindex 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航。本篇将介绍 tabindex 的一些用法。通常使用 tab 键移动焦点，使用空格键激活焦点。2 规范 && 兼容HTML 4Only supported on <a>、<area>、 <button>、 <object&...

2019-12-23 18:04:00 3214

原创 Npm 发布 Vue 组件教程

1 前言平时我们在开发的时候经常使用 npm 安装各种组件。今天我们就来尝试下制作一个自己的组件发布到 npm 上。这里我以自己刚发布的一个 Vue 组件来介绍。感兴趣的可以来下载玩玩。k-progress安装npm install -S k-progress使用// main.jsimport 'k-progress';import 'k-progress/dist/k...

2019-12-16 09:45:26 182

原创 Canvas图片处理之黑白、反向（附演示及源码）

1 前言1.1 预览图2 实现本例使用：Vueelement-ui2.1 画图<canvas id="canvas01" width="400" height="400"></canvas>// vue 生命周期mounted(){ this.drawCanvas()},drawC...

2019-12-16 09:43:23 553

原创 Element-ui 简单实现表格滚动（附演示及源码）

1 前言1.1 预览图1.2 介绍功能很简单，不确定方法有没有问题，所以写出来让大家来检查检查1.3 使用技术VueElement-ui2 实现2.1 查看UI这里是直接使用 UI 里的表格组件，F12 查看可以明显看出：表格头 class="el-table__header-wrapper"表格体 class="el-table__body-wrapper...

2019-12-16 09:42:09 4218

原创 vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）

接上篇vue全家桶+Echarts+百度地图，搭建数据可视化系统1 前言1.1 业务场景实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。1.2 业务分析上一篇分析的步骤大致有：系统搭建vue-clivuex记录登录信息vue-router路由跳转3个维度的页面，提取出共用的组件各个组件开发调节样式，增加UI加入后台接口数据优化显示测试上...

2019-05-27 17:15:12 974

原创前端引用字体@font-face的若干优化方法

1 前言1.1 场景我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。

2019-05-22 16:55:03 687

原创 Vue项目打包后动态获取自定义变量

1 前言1.1 业务场景一般使用 Vue 项目连接后端请求，使用的 axiosimport axios from 'axios'export const CMSAPI = axios.create({ baseURL: "http://localhost:8080", timeout: 30000,});axios 中的 baseURL 一般是访问地址Vue 项目打包后，...

2019-05-10 16:20:39 1321

原创 vue全家桶+Echarts+百度地图，搭建数据可视化系统

本文章篇幅略长，内容有点多大佬可根据目录选择性查阅新人可一步步来阅读1 前言1.1 业务场景突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。本人之前从未接触过Echarts，然后需要2周拿出成果，有点慌

2019-04-25 19:57:57 3917 2

原创 Vue使用Canvas绘制图片、矩形、线条、文字，下载图片

1 前言1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。2 实现原理2.1 绘制画布<el-dialog title="查看图片" :visible.sync="dialogJPG" append-...

2019-04-24 18:02:09 2475 2

原创 Vue监听键盘鼠标事件

1 前言1.1 业务场景vue页面监听键盘鼠标等事件。官方给的例子是在input标签中的，我们想要的效果是不使用固定标签。2 实现原理2.1 增加监听mounted () { window.addEventListener('keyup',this.handleKeyup) window.addEventListener('scroll',this.handleScro...

2019-04-24 16:05:16 2730

原创 Vue+Element前端导入导出Excel

1 前言1.1 业务场景由前台导入Excel表格，获取批量数据。根据一个数组导出Excel表格。2 实现原理2.1 引入工具库file-saver、xlsx、script-loadernpm install -S file-saver xlsxnpm install -D script-loader2.2 导入Excel2.2.1 Element 上传控件<el-...

2019-04-24 16:04:43 7182 3

原创 JS实现页面查看zip文件中的内容

1 前言1.1 业务场景附件zip上传到服务器后，在页面中可直接查看zip中的文件内容，如：readme.txt。2 实现原理2.1 引入工具库jszip、jszip-utilsnpm i jszip -Snpm i jszip-utils -S2.2 查看txt中内容// 查看view(row){ var JSZip = require("jszip") ...

2019-04-24 16:03:56 2229

原创 JS计算两个时间间隔

1 前言1.1 业务场景JavaScript计算两个时间相隔了多少年多少月多少日。时分秒这里不作考虑。2 实现原理2.1 获取当前时间若需要和当前时间比较，这里提供当前时间的获取格式化方法。我这里是根据传入类型输出日期或者日期+时间，可以明显看出type为day时，输出日期。getNowDate(type){ let now = new Date() let year...

2019-04-24 15:58:14 350 1

xrkffgg前端