书架
✨

书架

=一个知识书库=

使用zrender绘制基本图形
1455 字5 分钟

使用zrender绘制基本图形

基于zrender实现在canvas中绘制基本图形 <!--more--> ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo1</title> <script type="text/javascript" src="js/echarts.js"></script> </head> <body> <div id="main" style="height:600px;width:600px;"></div> <script type="text/javascript
技术设计,前端,vue
more...
带你体验Vue2和Vue3开发组件有什么区别
2172 字8 分钟

带你体验Vue2和Vue3开发组件有什么区别

我们一直都有关注和阅读很多关于 Vue3 的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 – “又要开始学新的写法了 (ノ ToT )ノ ~┻┻”。 所以这里我使用 Vue2 和 Vue3 开发一个简单的表格组件来展示一下 Vue2 和 Vue3 开发组件的区别。看完这片文章后，你将会有一个概念 Vue2 和 Vue3 开发组件时的区别，并且为 Vue3 的开发之路做好准备。ღ(◔ڼ◔ღ)ミ 废话少说，让我们开始吧～ (๑ •̀ㅂ•́)و✧ <!--more--> # 创建一个template 组件
技术设计,前端,vue
more...
vue中点击空白处隐藏div的实现（用自定义指令优雅的实现）
483 字2 分钟

vue中点击空白处隐藏div的实现（用自定义指令优雅的实现）

**vue中点击空白处隐藏div的实现（用自定义指令优雅的实现）** ```bash 简单想应该怎么实现？ -1、肯定是给document增加一个click事件监听 -2、当发生click事件的时候判断是否点击的当前对象 结合着本思路和指令咱们来实现。 ``` <!--more--> 代码实现 ```html <template> <div> <div class="show" v-show="show" v-clickoutside="handleClose"> 显示
技术设计,前端,vue
more...
vue 监听滚轮滚动事件
120 字1 分钟

vue 监听滚轮滚动事件

vue 中滚轮滚动监听事件 ```javascript <script> export default { name:"vue-scroll", data () { return { …… } }， mounted: function () { window.addEventListener('scroll', this.handleScroll, true); // 监听（绑定）滚轮滚动事件 }, methods:
技术设计,前端,vue
more...
Vue项目中导入excel文件读取成js数组
248 字1 分钟

Vue项目中导入excel文件读取成js数组

1. 安装组件 ```bash cnpm install xlsx --save ``` <!--more--> 2. 代码 ```html <template> <span> <input class="input-file" type="file" @change="exportData" accept=".csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"/> <button @click="bt
技术设计,前端,vue
more...