使用canvas 如何绘制形状并支持拖拽、缩放功能引言开始编写首先绘制一个形状绘制多个、多种类型形状添加缩放功能引言   之前遇到过一个面试的机试题，就是用画布绘制形状，并且支持缩放、拖拽功能。现在有点时间就分享一下我是如何一步一步完成这个功能的。看这篇信息之前先取看一下canvas 的 api，canvas API 穿梭机。开始编写先写出容器Dom，和样式html<div id="char

Vue 实现在线选座功能（支持miniMap，支持缩放）前言一、功能介绍二、选座页面效果三、实现原理布局设计方面交互实现方面四、在线例子总结前言前段时间写了一个在线选座功能，现在分享一下。纯Dom方式实现，包括miniMap，代码没怎么优化，主要提供实现思路。一、功能介绍支持选座区域划分支持缩放选座区域大小（可配置）支持拖拽选择区域支持miniMap 拖拽通过数据支持简单编辑座位布局二、选座页面效

引言网上相关博客与教程很多，但是解决方式有些不明确，在此统一总结一下sass、stylus、less预编译css全局引用方法，每个均介绍三种方案，皆为本人实测，一下方案为vue-cli@3.0使用方法，使用较低版本的前端朋友可以参考，本人精力有限，暂时就只提供3.0版本解决方案。本次提供使用方法代码参考：https://github.com/rudyLittleLove/global-var...

vue 组件选项的推荐顺序 与 自动排序转载一下vue推荐顺序使用 eslint 自动排序一直以来使用vue开发，除了知道生命周期的 hook 函数顺序，其他选项的顺序不知道是否有规范。后来看了vue的风格指南，里面的选项是有推荐顺序的，也找了一下如何自动排序，今天就分享一下。转载一下vue推荐顺序先发个 Vue 风格指南 选项推荐顺序 地址组件/实例的选项应该有统一的顺序。这是我们推荐的组件选项

Vue-router 不允许导航到当前位置（/path）报错提示错误原因错误演示解决方法方法一方法二方法三报错提示Navigating to current location ("/path") is not allowed错误原因控制台出现以上这种 Navigating to current location ("/path") is not allowed 时，是因为重复进入了相同路...

vue中 iframe 引入 本地静态html文件，vue-cli2与vue-cli3引用的差异。引言Vue-cli 2.0 构建的项目引用Vue-cli 3.0 构建的项目引用不考虑项目构建版本的方法1.如果你是webpack工程师，你就自己配置打包方式。2.使用require() 引入总结引言  在写个人网站的时候，需要用到 iframe 引用本地静态的 html 文件，发现引用方式的一些差异

elementUI el-form 组件 验证 提示不能为空，以及验证不生效的详细原因唠唠嗑如何进行验证的获取规则 源码处写法获取验证项 源码处写法上述使用中常见问题场景结语唠唠嗑用vue + elementUI 开发有些日子了，经常在使用el-form 组件时，时不时的出现验证没生效，或者生效了在验证函数中 value 是 undefined，也细细的读了elementUI 的文档。有些信息交代

解决npm install安装node-sass包容易失败的问题 （Error: Cannot find module 'node-sass'）问题与原因解决方法一、手动下载binding.node文件解决方法二、设置环境变量安装解决方法三、使用CNPM安装问题与原因问题： 在编译nodejs项目的时候，使用npm install命令安装node-sass包容易安装失败。因此执行打包命令时会出现

axios 表单（formData）方式提交请求，以及文件上传方式一、使用表单格式请求二、上传文件总结一、使用表单格式请求更改请求头 headers 中 content-type 为 application/x-www-form-urlencodedaxios 官方文档 application/x-www-form-urlencoded 格式请求例子：import qs from 'qs';con

echarts 图例（legend icon）图标自定义的几种方式前言一、默认 图例项的 icon二、使用图片链接或者base64 图片三、使用 矢量 路径四、创建 矢量路径并导出对比一下 创建复合路径 与不创建复合路径的区别总结前言博主开发有个习惯，会苛求自己尽量还原UI设计的图。这些年开发经常会做图表，echarts用得比较多，其中的图例 图标 (legend.icon) 样式自定义现在分享一