2019年06月_张兴华(MarsXH.Chang)

11月 10月 09月 08月 07月 06月 05月 04月 03月

原创 Vue Cli 3 新特性与 2 的区别

升级VueCli3的理由:1.构建速度大大加快,之前看到一个升级的例子是2的3倍速度，具体可以在自己迁移一个项目测试下，这里的优化有默认开启了多核构建、缓存并行和缓存2.webpack被内置到@vue/cli-service，可以升级，其他服务基于插件注入，比如babel、TypeScript插件// 安装@vue/cli-plugin-eslintvue add @vue/esli...

2019-06-28 16:10:56 3714

原创 Vue Cli 3 初体验（全面详解）

vue新出了 vue cli 3，并直接改名为 @vue/cli，今天就来盘他。首先介绍等啰里啰嗦的就不写了，贴个link吧。Vue CLi3 githubVue CLi web安装一、找个地方新建文件夹二、用cmd进入文件夹（这里最好用cmd，不要用 git bash，不然之后的选择很麻烦）三、全局 Install Vue Cli 3npm install -g @vue...

2019-06-28 15:20:26 1610

原创 vue element 左侧动态树形导航 Demo

因为官方给的例子是死的数据，全都用html写出来很多，所以想通过数据去展示nav，于是简单踩了下坑。效果图code<div class="nav-list"> <el-row class="tac"> <el-col> <el-menu default-active="/"...

2019-06-24 10:57:15 6868

原创 vue中事件修饰符详解(stop, prevent, self, once, capture, passive)

.stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件.prevent 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交.self 是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号.capture 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式.once 是...

2019-06-20 16:40:28 13235

原创 Nuxt.js 中全局（按需）引入 Element-ui 组件

1. 安装 element-uinpm i element-ui -S2. 在根目录下的plugins下创建element-ui.js文件以下是我的文件内容，自己按实际情况引用import Vue from 'vue'import { Button, Select } from 'element-ui';Vue.use(Button);Vue.use(Select);3. 然...

2019-06-13 16:13:42 3768

原创 js原生表格增加、删除一条

<!DOCTYPE html><html><head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body> 姓...

2019-06-13 10:21:15 733

原创 Centos/Redhat平滑更新火狐浏览器Firefox

官网下载官网: http://www.firefox.com.cn/download/解压火狐tar -jxf Firefox-latest-x86_64.tar.bz2暴力替换# rm -fr /usr/lib64/firefox #删除旧版火狐# rm -fr /usr/bin/firefox #删除旧版软链接# mv firefox /us...

2019-06-11 15:50:26 961

原创 Firefox前端控制台报错 let is a reserved identifier

今天有一台机器登录不了web系统，调试发现控制台报错`let is a reserved identifier`原因是机器上的Firefox 版本为2015年的 38.0版，不支持ES2015规范中的 let 关键字，所以尝试安装了最新版的 Firefox（67.0版），最后得以解决。...

2019-06-11 14:35:17 2556 2

原创 Echarts之筷子图-在图表中画自定义线

近日接到个没玩过的需求，需要在折线图中插入"一双筷子"（即自定义的两根折线），但是这根筷子不能有鼠标事件（即鼠标放上没有反应），更不能有图例，标注… 就是摆设的两根线，如下图：没错就是那两根黄不拉几的线，称之为筷子图。可以看到鼠标放上是没有任何效果的，像背景图一样呆在那里。echarts还真提供了这个功能（强大！），废话不多说直接上代码。var markLineOpt = { a...

2019-06-05 14:51:03 2981 2

原创 css 3D 旋转 - Demo

今天玩了下 css 3D 旋转，顺便写了一个小 Demo只写了一个 hover 向上翻转的，其他效果基本类似，就没多写，了解原理即可，可自行扩展。先简单贴个效果图直接上代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <m...

2019-06-03 16:11:50 1702