02 2020 档案
深入 webpack 打包机制
摘要:前言: 我最近需要整理一下 webpack 这个前端构建工具的相关知识,希望对前端工程化的和模块化有更多的理解,我以前对 webpack打包机制感到非常的困惑,也没有深入的理解, 都是浅尝辄止, 最近看到了相关的文章介绍,并对webpack 对 js 打包有了深入的理解; 这篇文章会帮助你理解如下的 阅读全文
posted @ 2020-02-29 16:40 ygunoil 阅读(503) 评论(0) 推荐(0) 编辑
利用webpack打包自己的第一个Vue组件库
摘要:先说一下这篇文章的诞生原因。我们有一个这样的项目,类似或者说就是一个仪表板-Dashboard,其中的各个部分可能不是一个部门写的……我们需要提供拖拽布局(大小和位置)和展示的能力。要实现这样一个功能,想了好几种方式实现(后面的笔记详说),最后选择了这篇笔记的实现方式:写整个项目的,算是使用方;写每 阅读全文
posted @ 2020-02-29 15:54 ygunoil 阅读(746) 评论(0) 推荐(0) 编辑
前端微服务
摘要:介绍 什么是前端微服务?我们知道,近些年,前端发展呈百家争鸣式发展,框架层出不穷,版本更是迭代不穷,难免会出现前端项目技术栈不统一、所用框架版本不统一。比如,有的项目中,还采用了angelar1.0、vue1.0等。而这些项目若没有新的功能加入,线上稳定运行,对其重构成本会很高。但却需要结合到新的应 阅读全文
posted @ 2020-02-28 17:54 ygunoil 阅读(1972) 评论(0) 推荐(0) 编辑
构建前端微服务
摘要:在过去的几周里,围绕微观前端进行了大量讨论(一些是负面的,一些是积极的)。在本教程中,我将分享我所学到的知识,并向您展示如何构建由React和Vue应用程序组成的微前端应用程序。 要查看此应用程序的最终代码,请单击此处。 Single-spa 我们将用于创建项目的工具是Single SPA - 用于 阅读全文
posted @ 2020-02-28 17:49 ygunoil 阅读(2058) 评论(0) 推荐(0) 编辑
使用PropTypes进行类型检查
摘要:原文地址 1.组件特殊属性——propTypes 对Component设置propTypes属性,可以为Component的props属性进行类型检查。 import PropTypes from 'prop-types'; class Greeting extends React.Componen 阅读全文
posted @ 2020-02-28 17:43 ygunoil 阅读(579) 评论(0) 推荐(0) 编辑
proptypes介绍
摘要:开始 prop-types的主要作用:对props中数据类型进行检测及限制 引用方法:import PropTypes from 'prop-types' 用法: // 基本用法 用来检测数据类型 componentsName.PropTypes = { 参数变量: PropTypes.类型 } / 阅读全文
posted @ 2020-02-28 17:40 ygunoil 阅读(1456) 评论(0) 推荐(0) 编辑
element-ui的table列超出部分省略加悬浮提示
摘要:<el-table-column :show-overflow-tooltip="true"> </el-table-column> 阅读全文
posted @ 2020-02-27 14:00 ygunoil 阅读(3990) 评论(0) 推荐(0) 编辑
ElementUI 修改默认样式的几种办法
摘要:ElementUI 是一套ui组件库,目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色,若用于项目开发,难免遇到要需求修改其默认样式的情况,本文就基于 react 和 vue 框架介绍几种修改 ElementUI 默认样式的办法。 ElementUI下载官网:http 阅读全文
posted @ 2020-02-27 13:59 ygunoil 阅读(3079) 评论(0) 推荐(1) 编辑
vue实时获取页面的宽度,自适应屏幕
摘要:data(){ return{ fullWidth:document.documentElement.clientWidth } }, created(){ window.addEventListener('resize', this.handleResize) }, beforeDestroy: 阅读全文
posted @ 2020-02-27 13:57 ygunoil 阅读(11816) 评论(0) 推荐(0) 编辑
React+antd table中的每列内容换行
摘要:1,效果图如下 2,分隔数组split(",") 3,详细代码代码如下 const leadsDetails = this.props.leadsDetails; const audits = JSON.stringify(leadsDetails) !== '[]' ? leadsDetails. 阅读全文
posted @ 2020-02-26 00:50 ygunoil 阅读(5271) 评论(1) 推荐(1) 编辑
如何在scoped不污染组件样式的前提下,实现el-input组件样式覆盖?
摘要:elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效 方式:在本页面重新定义style样式且不需要写scoped即可生效 注意:为了不影响其他位置的元素样式,需要定义一个特定的class类名便于区分 <style> //修改inp 阅读全文
posted @ 2020-02-26 00:44 ygunoil 阅读(643) 评论(0) 推荐(0) 编辑
Element-ui为Table表格头部设置背景颜色(高亮)
摘要:<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}"> 阅读全文
posted @ 2020-02-26 00:42 ygunoil 阅读(9989) 评论(0) 推荐(0) 编辑
indexOf与includes的区别
摘要:自从ES6部署includes方法,好像indexOf就失去了它的用武之地了,到底indexOf有什么不足,这篇文章就要来介绍这两个方法之间的区别。 看一个函数,先看他们的返回值,一个是返回数值型的,一个是返回布尔型的,所以在if条件判断的时候includes要简单得多,而indexOf 需要多写一 阅读全文
posted @ 2020-02-21 00:13 ygunoil 阅读(620) 评论(0) 推荐(0) 编辑
element-ui的el-date-picker组件设置提交时的日期值格式
摘要:一、 在使用el-data-picker组件时,提交表单,发现日期值的格式不是我想要的“yyyy-MM-dd”,即使我已经设置了 format="yyyy-MM-dd" <el-date-picker v-model="form.birthdayName" type="date" @change=" 阅读全文
posted @ 2020-02-20 23:46 ygunoil 阅读(6644) 评论(0) 推荐(0) 编辑
多行文本溢出显示省略号(…)全攻略
摘要:大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。 css 代码: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是这个属 阅读全文
posted @ 2020-02-20 17:01 ygunoil 阅读(732) 评论(0) 推荐(0) 编辑
elementui-select改变宽度
摘要:设置style="width:100%"与父盒子同宽,改变父盒子的宽度即可 阅读全文
posted @ 2020-02-20 16:57 ygunoil 阅读(7317) 评论(0) 推荐(0) 编辑
WebStorm ctrl+shift+F 快捷键,无法打开全局搜索?
摘要:查找其他运行软件是否与WebStorm快捷键相同(冲突)问题。 ctrl+shift+F 搜狗输入法:简繁切换 WebStorm:全局搜索 原因:按键冲突 解决方式: 1、禁用搜狗输入法简繁切换功能快捷键或者修改该功能快捷键 2、修改WebStorm 全局搜索快捷键 阅读全文
posted @ 2020-02-20 16:55 ygunoil 阅读(4507) 评论(0) 推荐(1) 编辑
element-ui 清除form-item错误的显示
摘要:this.$refs.ruleForm.clearValidate() 这个方法可以实现 阅读全文
posted @ 2020-02-20 16:53 ygunoil 阅读(1148) 评论(0) 推荐(0) 编辑
设置el-tooltip的宽度
摘要:<div class="title" > <el-tooltip v-bind:content="item.content" popper-class="tips" placement="bottom" effect="light"> <a href=""> {{item.message}}</a> 阅读全文
posted @ 2020-02-20 16:50 ygunoil 阅读(8888) 评论(0) 推荐(0) 编辑
vue---el-switch值true、false改为number类型的1和0
摘要:需求描述:后端传回的status值为1(number类型)对应el-switch值true(打开)状态,status值为0(number类型)对应el-switch值false(关闭)状态。 <el-switch active-value="1" inactive-value="0" v-model 阅读全文
posted @ 2020-02-17 16:58 ygunoil 阅读(5790) 评论(0) 推荐(0) 编辑
vue-router 如何在新窗口打开页面
摘要:1. <router-link>标签实现新窗口打开: 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a>标签,但事实上vue2版本的 <router-link 阅读全文
posted @ 2020-02-14 18:16 ygunoil 阅读(693) 评论(0) 推荐(0) 编辑
Element-ui中自动验证问题的解决
摘要:Element-ui中的el-form组件自带了验证功能,方便了我们的开发。然而,在开发中经常会遇到一些莫名其妙的问题,比如表单一出来就触发了验证、验证提示出现英文等等。通过查看源代码的方式,我终于找到了问题的根源,也有了解决方法。 在我的项目的一个页面中,需要弹出表单框并填入旧数据。然而,我只要拿 阅读全文
posted @ 2020-02-13 20:10 ygunoil 阅读(4198) 评论(0) 推荐(0) 编辑
cmd copy命令 文件复制
摘要:本文转载自:https://www.jb51.net/article/18981.htm copy,中文含义为“复制”,一个很容易见名知意的命令,它的作用是复制文件,用法十分简单:copy 源文件 目的路径。 假设,你需要把d:\test\test.txt这个文件复制到D盘根目录下,那么,使用 co 阅读全文
posted @ 2020-02-05 16:52 ygunoil 阅读(868) 评论(0) 推荐(0) 编辑
mkdirp——递归创建目录及其子目录
摘要:如果要创建目录A并创建目录A的子目录B,没有用-p参数的情况下mkdir会逐个创建目录(mkdir A; mkdir A/B); 加上参数-p就可以直接创建2个目录mkdir -p A/B( 如果目录A 不存在就创建) mkdirp命令是npm的包,可以代替mkdir -p操作。 intall: n 阅读全文
posted @ 2020-02-03 17:32 ygunoil 阅读(816) 评论(0) 推荐(0) 编辑
Git和SVN的区别?
摘要:a、存储方式不一样 Git按照元数据的方式将文件的一个版本存入了一个类似与K/V数据库,而SVN是按照文件的方式进行一个存储。Git的内部有一个类似于K/V的数据库,我把他理解为是一个Map<K,V>,我们将内容存储到Git的数据库内后,Git会返回一个Key给我们,这个Key是唯一的(把一模一样的 阅读全文
posted @ 2020-02-02 00:09 ygunoil 阅读(660) 评论(0) 推荐(0) 编辑
添加自己的cmd/运行命令
摘要:网上有很多文章已经介绍了如何添加自己的cmd命令,以此可以实现在cmd或者运行中执行自定义的命令。 但网上的方法多有一些错误,再次我重新写一个操作步骤的教程。 1)在自己希望的地方建立一个文件夹,专门方式希望运行程序的快捷方式、脚本等。 例如 D:\myCmd 2)进入系统环境变量设置(此电脑右键- 阅读全文
posted @ 2020-02-01 04:04 ygunoil 阅读(3277) 评论(0) 推荐(0) 编辑
gnvm 教程以及 use 报错解决方案
摘要:首先按照教程安装gnvm //已经安装了git的用户 git clone https://github.com/Kenshin/gnvm-bin.git 设置gnvm的环境变量 不存在 Node.js 环境 下载并解压缩 gnvm.exe 保存到任意文件夹,并将此文件夹加入到环境变量 Path 。 阅读全文
posted @ 2020-02-01 02:42 ygunoil 阅读(918) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示