Zack_ZXY-CSDN博客

原创 element ui中Form组件resetFields方法无法移除下拉框校验结果

版本："element-plus": "^1.2.0-beta.1"这样写，就可以了 this.$nextTick(() => { this.$refs.form.resetFields() setTimeout(() => { this.$refs.form.clearValidate() }, 0) })另外，这个版本Form好像还有个问题，Form上的model和ref不可以同名，同名导致

2021-11-14 23:06:43 1749

原创 scope样式穿透

首发于我的博客(http://zhengxiyun.top)有这样一种情境：1、因为某些特殊的原因我不希望注册一个全局组件，而且不想新增一个文件作为组件，只能在当前页面中注册局部组件2、在局部组件中，该组件又是一个富样式的组件3、所以我希望在当前页面中，穿透部分scope，使当前页面的一些样式可以应用于局部组件中1.单纯css的样式穿透...

2019-12-04 22:32:20 916

原创 vue2 onresize实现浏览器窗口大小实时计算

首发于我的博客(http://zhengxiyun.top) mounted(){ window.onresize = () => { return (() => { this.divHeight = window.innerHeight - yourHeight })(); ...

2019-12-04 22:24:22 812

原创 windows如何杀掉特定端口的进程

文章首发于我的博客(http://zhengxiyun.top)打开dos窗口查看某端口(9530端口)占用情况netstat -ano | findstr "9530"根据进程id获得进程名tasklist|findstr "13144"根据进程名，杀掉进程taskkill /f /t /im "node.exe"...

2019-12-04 22:18:33 1117 1

原创 vue2 过滤器的定义及传参及调用

首发于我的个人博客1、定义全局定义import*asfiltersfrom'./filters'局部定义filters:{timestampToTime:function(value,type){vardate=newDate(value)varY...

2019-12-04 21:36:46 286

原创 Vue页面跳转传参

首发于我的博客(www.zhengxiyun.top)1、新开窗口{%codeblock[lang:javascript]%}letrouteData=this.$router.resolve({path:"/test/aaaaa",query:{'param1':'','param...

2019-09-11 22:01:44 221

原创 2019最新vscode1.36.1 设置控制台清空快捷键

首发于个人博客网站（https://zhengxiyun.top）1、File-》Preferences-》Keyboard Shortcuts2、输入框输入workbench.action.terminal.clear3、双击该条目4、弹出框内ctrl+k，回车保存...

2019-07-16 22:20:35 3954

原创 webpack深入浅出第一章示例源码 1.3.3 示例源码 CommonJS项目的Webpack构建

首发于我的博客（https://www.zhengxiyun.top），欢迎访问！### 1、Webpack版本"webpack": "^4.35.3","webpack-cli": "^3.3.5","webpack-serve": "^3.1.0"### 2、源码地址https://github.com/CapernaumZheng/studyCode/tree...

2019-07-11 00:26:50 131

转载 Angular项目配置webpack alias 路径别名

转载文章，若有侵权，请联系删除。转自： https://majing.io/posts/10000018711176作者：devgirlAngular cli内部是基于webpack实现构建项目：默认是没有webpack的配置文件webpack.config.js。部分与webpack相关的配置可以在.angular-ci.json中设置。如果需要定制的webpack.co...

2019-02-20 16:57:53 2042

原创最新淘宝镜像安装node-sass方法及淘宝镜像的安装，删除

不建议所有的包都从淘宝镜像上安装。node-sass嘛，你懂的，有的时候要是实在装不上了，也没得办法了。要么翻墙，要么淘宝镜像了要么去GitHub上下载文件？再手动安装？要是你就装不上了，也别费这个劲了，多半也是下不下来的。呵呵~~~ 下载方法：下载地址：https://github.com/sass/node-sass/releases设置变量：set SASS_BIN...

2019-01-24 19:10:51 11660

原创不用镜像，也不下载安装包，windows下安装Ruby

先安装Windows7下的包管理器Chocolatey安装方法请看我的文章：https://blog.csdn.net/u013253924/article/details/83149821安装好之后运行：choco install ruby在安装过程中，命令行内会打印出来安装的路径将路径手动添加到环境变量的path中就行了...

2019-01-24 18:31:15 1172

原创 TypeScript学习笔记五理解类的代码 public、private、protected、static及存取器

官网地址：https://www.tslang.cn/docs/handbook/classes.htmlpublic 公共的private 私有的protected 受保护的 class Animal{ public size:string = "small" protected name:string private fierce:number...

2019-01-24 12:36:01 9508 2

原创 Accessors are only available when targeting ECMA Script 5 and higher.

运行 tsc demo.ts 出错（demo 是我的文件名）需要指定编译到版本ES5或以上运行 tsc demo.ts -t es5

2019-01-24 10:55:21 3613

原创 TypeScript学习笔记四理解类的代码

官网教程：https://www.tslang.cn/docs/handbook/classes.html 理解类的代码： class Animal{ name:string private fierce:number constructor(animal:string,fierce=0){ this.name = animal ...

2019-01-23 18:48:19 187 1

原创 TypeScript学习笔记四接口类类型

接口除了可以描述变量，描述函数，还可以描述类interface Animals{ name: string size: string setName(animalName:string) setSize(animalSize: string) getName():string}class Mammal implements Animals{ ...

2019-01-23 16:59:21 157

原创 TypeScript学习笔记三接口可索引的类型

官方教程：https://www.tslang.cn/docs/handbook/interfaces.html 用来描述可以通过索引得到值的类型。interface StringArray { [index: number]: string;}let myArray: StringArray;myArray = ["Bob", "Fred"];let myStr: ...

2019-01-23 12:56:19 1897

原创 TypeScript学习笔记二接口

学习教程：https://www.w3cschool.cn/typescript/typescript-interfaces.html比如我写一段程序，打印出名字function printPerson(person:{name:string}){ console.log(person.name)}let xiaozhang = {name: "张三",age:18,fro...

2019-01-22 17:16:41 189

原创 TypeScript学习笔记一基础类型

TypeScript：不介绍了，可以认为是一门基于JavaScript的编程语言。（ts会被编译成js文件）环境配置：1、安装最新的node2、打开命令行窗口，运行以下语句：npm install -g typescript 新建一个.ts文件在命令行窗口运行：tsc 文件名.ts这个ts文件就会在同级目录下生成一个同名的.js文件。学习笔记一：...

2019-01-22 15:03:10 217

原创 JavaScript原始类型学习笔记

附上学习地址： http://www.w3school.com.cn/js/pro_js_primitivetypes.asp js中，原始类型，一定要记住是原始类型，原始类型是5种。原始类型是5种，分别是：Undefined、Null、Boolean、Number、String也就是：未定义、空、布尔值、数字、字符串 Undefined：一个变量声明但...

2019-01-17 17:54:25 163

转载毒鸡汤语录20190117

1、这些年我一直提醒自己一件事，千万不要自己感动自己。大多数人看似的努力，不过是愚蠢导致的。什么熬夜看书到天亮，连续几天只睡几小时，多久没放假了，如果这些东西也值得夸耀，那么富士康流水线上任何一个人都比你努力多了。人难免天生有自怜的情绪，唯有时刻保持清醒，才能看清真正的价值在哪里。 2、你的时间有限，所以不要为别人而活。不要被教条所限，不要活在别人的观念里。不要让别人的意见左右自己内...

2019-01-17 15:43:07 4765 1

翻译 bpmn-js起步

通过本文逐步熟悉bpmn-js。快速介绍：bpmn.js是一个BPMN2.0渲染工具包和web建模器。使用JavaScript编写，在不需要后端服务器支持的前提下向现代浏览器内嵌入BPMN2.0流程图。这使得它很容易的嵌入到任何web应用中。这个库既可以是web查看器也可以是web建模器。使用查看器将BPMN2.0流程图嵌入到你的应用中并可以使用数据丰富你的流程图。使用建模...

2019-01-04 16:47:45 32774 2

翻译 bpmn.js 简介

（注：英语渣渣，以下内容机翻加人工整理，翻译的不好，望请谅解。）bpmn.js是一个渲染工具包及web建模器。用来在浏览器中创建、嵌入和扩展BPMN图表。可以独立使用也可以集成到你的应用中。一、模型使用“基于web的模型组件”（web-based modeling component）可以很简单的创建属于你自己的BPMN2.0图表二、流程图的嵌入和注释使用工具包将BPMN2....

2019-01-03 11:24:24 5368

原创 vue前端模糊搜索高亮的一种实现

最终效果是这样的：思路是：1、写一个方法过滤每一组字符串，需要高亮的加高亮的class2、过滤器方法返回 html字符串3、通过v-html将返回作为HTML标签解析后输出过滤器代码：export function highLightTableMsg(msg, highLightStr) { if (msg == null) { msg = '' }...

2018-12-29 16:01:32 4369 2

原创 vue Element UI树的手动点击选中（非checkbox选中）

element数形组件提供手动checkbox选中有时候我们希望，手动设置树上的选中样式，类似于这种：直接上源码：// 手动点击选中树节点（非checkbox选中）export function manualClickChecked(theTree, manualNode, alwaysExpand) { var store = theTree.store ...

2018-12-29 15:40:42 4865 1

原创 Vue+webpack+Echart Echart富文本图片找不到 404

echart富文本里可以放图片，具体这样写： rich: { Disconnect: { height: 30, align: 'left', backgroundColor: { image: '../../a...

2018-12-19 15:46:37 643 3

原创 Element表格内嵌套表单，表单input回车跳转页面

导致这个问题是因为回车时提交了表单，阻止表单提交问题就解决了。方法一：在表单内写一个type为hidden的input标签方法二：在<el-form>标签内写上@submit.native.prevent...

2018-12-14 20:07:06 1071

原创 Vuescroll在IE浏览器下滚动条中的内容展示不全

具体的样子是这样的：在IE下可以看到，在IE下表格的右边有一部分被遮盖住了。与之对比，在谷歌浏览器下：这个原因是由于这段样式导致的：在谷歌浏览器下：在IE浏览器下：解决思路就是：判断是IE浏览器的时候，加增加一段css <vue-scroll :style="ieStyle"></vue-scroll> ...

2018-12-12 11:54:57 2192

原创 npm install报错：MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”

报错信息：以管理员身份运行dos键入以下命令回车：npm install --global --production windows-build-tools 等待安装结束重新npm install如果node-sass还报错。手动运行一下npm install node-sass再npm install ...

2018-11-30 17:12:12 5853 2

原创 table表格中数据点击，数据上移，数据下移功能

其实就是两条数据互换位置，上移就是当前条跟上一条互换位置，下移就是当前条和下一条互换位置。 // table数据上移export function moveUpTable(tableData, index) { if (index === 0) { // 数据已经置顶 } else { tableData.splice(index - 1, 1, ...tabl...

2018-11-28 16:09:32 1944 1

原创 IE浏览器兼容问题，date获取类型获取年、月、日为NaN

time 为字符串，为传过来的日期字符串，转为date类型var date = new Date(Date.parse(time.replace(/-/g, '/')))

2018-11-28 11:50:11 2408 1

原创基于element ui下拉框的省市二级联动Vue组件

本人Vue小白，代码比较粗陋简单，欢迎指导。以下源码基于element ui下拉框，对外输出为选择省、市的城市编码，提供重置的方法。json文件查看另一篇文章：https://blog.csdn.net/u013253924/article/details/84334144<template> <div class="province-city"> ...

2018-11-23 10:03:21 19919 5

原创中国城市代码json，省市二级联动json

根据中国城市代码表整理的json文件：level代表行政级别code代表城市编码{ "provinces": [ { "name":"北京市", "level":"1", "code":"1100", "cities":[ { "n

2018-11-22 09:52:43 17389 2

原创 Eslint:'$' is not defined

修改这个文件：.eslintrc.js env: { browser: true, node: true, es6: true, jquery: true}, 增加jquery: true

2018-11-13 17:47:58 3798

转载 Vue 中 a标签上href无法跳转

问题：使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决：在App.vue 里增加判断IE浏览器手动修复……export default { name: 'App', mounted(){ function checkIE(){ return '-ms-scroll-limit' in docume...

2018-11-13 15:21:07 10718

原创 element ui 中checkbox或radio不可勾选/不可取消勾选/点击没有反应

不知道有没有小伙伴遇到过，动态生成的checkbox或radio会出现无法勾选或者不可取消勾选，或者点击没有反应的时候。我v-model绑定了数据，而且设置是true，但是checkbox生成后，就无法点击了，也不触发这个字段的true和false的变化。解决办法就是，设置的时候，需要使用vue的$set方法设置...

2018-11-01 11:38:01 12339

原创在windows 7 + ie11完美配置HP QC客户端

1、配置UAC和DEP：点击‘开始’ -》在搜索框输入‘UAC’-》点击“更改用户账户控制设置”滑块拉到“从不通知”，点击保存点击‘开始’ -》在搜索框输入‘cmd’-》右键 “cmd.exe”，以管理员身份运行键入以下命令bcdedit /set {current} nx AlwaysOff 重启电脑！重启电脑！重启电脑 2、配置IE11打开ie浏览器...

2018-10-23 18:55:35 1348

原创 ie浏览器打不开，没有注册类别

管理员身份运行dos窗口，键入：sfc/scannow 扫描恢复系统文件

2018-10-23 16:24:27 2094

原创 websocket的几个demo实现笔记

本机环境win7x641、菜鸟教程-pywebsocket下载资源：https://download.csdn.net/download/u013253924/10732075 pywebsocket/mod_pywebsocket目录下打开Dos窗口，运行以下语句$ python standalone.py -p 9998 -w ../example/打开index.htm...

2018-10-19 15:44:41 612

原创 Windows7下的包管理器Chocolatey的安装

点击“开始”，搜索栏输入‘cmd’,右键‘cmd.exe’,选择‘以管理员身份运行’，在命令行界面输入: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object...

2018-10-18 17:22:00 2905