2 _let

尚未进行身份认证

要么孤独,要么庸俗

等级
TA的排名 1w+

TypeError: Cannot read property 'indexOf' of undefined at VueComponent.resetField

本文首发于语雀在这个复用的弹出框中,有时操作成功后会在控制台报一个这样的错误:百思不解,直到在报错信息中点击element-ui.common.js?5c96:17242后看到这一行:再结合报错信息,我们可以得知,应该是我们每个el-form-item标签的prop属性有问题。果然,存在一个没有传入prop属性。...

2019-09-05 11:53:54

UI 组件二次封装之 props 传递与 v-model 实现

UI组件二次封装之props传递与v-model实现我们知道在组件的二次封装的时候,有三点是必须做到的:原组件的props继承、事件传值的回掉函数、v-model双向绑定。本文以elemnetUI为例,记录原组件的props继承以及v-model双向绑定相关的解决方案。一、props继承以el-select为例,我们知道它的change事件只能获取选项...

2019-06-14 10:09:59

elementUI 输入框回车刷新页面

elementUI输入框回车刷新页面如何出现?当el-form表单内只有一个el-input输入框时,在输入框内回车触发表单提交。<el-form:model="formData"> <el-form-itemlabel="服务名称":rules="[{...

2019-06-14 09:19:13

mac 下 vs code 配置 SonarLint

mac下vscode配置SonarLintSonarLint与SonarQube区别:SonarLint仅存在于IDE(IntelliJ,Eclipse和VisualStudio)中。其目的是在您键入代码时提供即时反馈。为此,它专注于您要添加或更新的代码。SonarQube是一个处理完整分析的中央服务器(由各种SonarQube扫描仪触发)。其目...

2019-05-29 17:21:57

jtopo 折叠与展开子节点

jtopo折叠与展开子节点通过对象记录状态,简单实现功能:varfoldOpenStatus={}; //记录折叠状态functionfoldOpen(e){ //折叠展开 varthisNode=e.target.text; //第一层以当前节点名称为key区分折叠状态 vartarlink=e.target.outLinks; ...

2019-04-09 17:36:10

JavaScript 原型链探索

JavaScript原型链探索很早就知道了JavaScript的原型与原型链,但是关于原型链之间的关系却一直没有仔细思考,趁着有空探索一番。对象的原型每个对象都有一个隐藏的属性——__proto__(隐式原型),这个属性引用了创建这个对象的函数的prototype。varobj={a:10};console.log(obj.prototype);...

2019-03-12 14:42:34

MV* 模式梳理与理解(还原真实的 MV* 模式)

还原真实的MV*模式作者:戴嘉华原文链接目录:前言MVCMVCModel2前后端的MVCMVPPassiveViewSupervisingControllerMVVM结语References前言做客户端开发、前端开发对MVC、MVP、MVVM这些名词不了解也应该大致听过,都是为了解决图形界面应用程序复杂性管理问题而产生的应用架构模式。网上很...

2019-02-28 15:01:50

React Router 4 笔记

ReactRouter4笔记记录了一下学习ReactRouter的笔记,学习文章均在4.学习资料这部分。1.ReactRouter4介绍ReactRouter4是一个流行的纯React重写的包。现在的版本中已不需要路由配置,现在一切皆组件。据江湖传言,目前官方同时维护2.x和4.x两个版本。3.x版本相比于2.x并没有引入任何新的特性,只是...

2019-02-27 10:19:54

动手学习 webpack4

文章目录learnwebpack4安装前提条件基本安装使用下一代ECMAScript使用转换插件使用@babel/polyfill资源管理加载CSS使用style-loader和css-loader使用CSSModule使用PostCSS加载图片使用file-loader使用url-loader和image-webpack-loader加载字体加载Iconfont加...

2019-01-22 17:17:42

npm 学习笔记

文章目录NPMNPM是什么?如何安装NPM并管理NPM版本从Node.js网站安装NPM更新NPM使用版本管理器安装Node.js和NPM如何安装npm包在本地下载和安装包通过命令行安装使用使用package.json要求(Requirements)创建package.json运行CLI问卷创建一个默认的package.json文件指定依赖项全局下载和安装包...

2019-01-11 11:16:25

在项目中引入本地自己创建的包(在模块化项目中使用 jtopo)

引入本地自己创建的包昨天有位群友问我怎么在项目中通过npminstall命令安装jtopo?据我所知,jtopo并没有提供npm包可下载,于是就有了这个记录~~~记录一个完整的过程:从零开始写一个简单的包,然后在项目中引用。创建一个简单的包首先,新建一个文件夹npm-demo,在文件夹中新建文件index.js,并写入下面内容:;(function(global,f...

2019-01-10 16:15:46

ECMA 笔记之正则表达式

文章目录JavaScript之正则表达式小计转义字符两种创建正则的方法直接量语法通过内置对象RegExp参数表达式(方括号)非`^`或`|`元字符量词贪婪匹配与非贪婪匹配子表达式`()`RegExp对象属性RegExp对象方法`test()`方法`exec()`方法`exec()`方法与子表达式`()``compile()`方法字符串上使用正则表达式字符串的`match()...

2019-01-08 14:20:18

classList.js

classList.js是一个对JavaScript中的element.classList的一个跨浏览器的实现。如果对element.classList还不熟悉的可以参考MDN上的文档。classList.js适用于IE7或更早版本以外的所有浏览器。CDN使用:https://cdnjs.cloudflare.com/ajax/libs/classlist/1.2...

2019-01-07 13:50:54

checkCard 组件

发现最近比较常用选择卡片这一类的效果,干脆封装一个组件~嗯。。。这个最近有点久^_^<template><divclass="group-content":style="{width:row?row*(iconSize+padW*2+space*2)+space*2+'px':'100%',backgroundColor:compon...

2019-01-07 10:25:11

CKeditor 编辑器使用记录 (CKeditor 4 and 5 )

文章目录CKeditor编辑器CKeditor4使用自定义构建CKeditor5使用CDN使用npm使用自定义图片上传自定义图片上传(七牛云)自定义构建基本操作还原编辑器样式CKeditor编辑器CKeditor是一款可定制的适合开发人员使用的富文本编辑器编辑器官网CKeditor4使用官网自定义构建构建页面常用插件CodetagEasyImageF...

2018-12-19 15:46:47

VUE 根据需要动态加载单文件组件

根据需要动态加载组件核心方法//动态添加需要的版式registerComponent(templateName){returnimport(`../component/plate/mainBoard/${templateName}.vue`).then(component=>{constconstructor=Vue.ex...

2018-12-19 15:25:10

git 与 github 小计

总是记不到,简单做个记录~git准备git下载地址:https://git-scm.com/downloads配置usergitconfig--globaluser.name"let"gitconfig--globaluser.email"3192687026@qq.com"连接github生成sshkey首先检查是否已生成密钥cd~/.ss...

2018-11-22 16:21:52

关于前端直播(videoJS与百度云web播放器:Cyberplayer3.0试用)

videoJSvideoJs文档https://docs.videojs.com/docs/实现PC/移动端适应直播,暂停播放出现广告(哎,万恶的广告)打开方式下载此demo,浏览器打开index.html记录初始化直接在标签里面加上class="video-js"和data-setup='{}'属性。通过JS初始化//初始化播放器varmyPlayer=...

2018-11-22 16:09:25

前端解决 API 跨域的几种方式

文章目录使用webpack配置代理使用http-server模块进行代理使用nodejs的node-http-proxy模块来处理使用nginx配置使用webpack配置代理webpack对于前端来说是个强大的工具,除了能够帮助你打包和启动调试服务器外,代理的功能也值得你了解下中文文档地址webpack印记中国最简单的配置module.exports=...

2018-11-16 17:18:31

Nginx 反向代理 API 与 Nginx 教程

安装下载地址:http://nginx.org/en/download.html下载解压到D:nginx/CMD运行命令:D:cdnginxstartnginxNginx基础命令查看nginx的版本号:nginx-v验证配置是否正确:nginx-t启动命令:startnginx快速停止命令:nginx-sstop正常停止命令:nginx-squit...

2018-11-01 10:06:29

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。