怪味曹小豆

导航

2020年2月26日 #

如何搭建一个基于webpack模版的vue项目

摘要: 一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高效率,可以安装淘宝镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry= 阅读全文

posted @ 2020-02-26 17:19 怪味曹小豆 阅读(104) 评论(0) 推荐(0) 编辑

2020年1月7日 #

正则表达式

摘要: 一、正则表达式是用来干什么的? 正则表达式是用来匹配字符串的,用来检查一个字符串中是否含有某种子串,或者将匹配的子串替换成需要的子串。 二、正则表达式在项目中的应用? 1.需求:数值转换--输入val为-2,则输出-2%;输入为2,则输出+2%;若输入为0,则输出为‘-’ function form 阅读全文

posted @ 2020-01-07 10:46 怪味曹小豆 阅读(145) 评论(0) 推荐(0) 编辑

2019年12月2日 #

CSS3实现画方格

摘要: 一、实现思路 需求:画n个20 x 20的方格,作为元素div的背景图片 思路:利用CSS3的linear-gradient。 首先设置元素的background-size为20px 20px;利用linear-gradient为元素设置渐变的背景图片,分别向上下左右四个方向画0.5px的线。 二、 阅读全文

posted @ 2019-12-02 18:08 怪味曹小豆 阅读(1614) 评论(0) 推荐(0) 编辑

2019年12月1日 #

Element_Select简介与用法

摘要: 一、Select简介 当选项过多时,使用下拉菜单展示并选择内容。 二、Select使用 <template> <div id="app"> <el-select v-model="value" placeholder="请选择" class="labelSelectContent> <el-opti 阅读全文

posted @ 2019-12-01 19:26 怪味曹小豆 阅读(1670) 评论(0) 推荐(0) 编辑

Element_InputNumber组件

摘要: 一、InputNumber简介 1、仅允许输入标准的数字值,可定义范围 二、InputNumber使用 <el-input-number :controls="true" type="number" v-model="inputNumber" :min="1" :max="10" controls- 阅读全文

posted @ 2019-12-01 17:06 怪味曹小豆 阅读(3352) 评论(0) 推荐(0) 编辑

Element_Input组件

摘要: 一、Input简介 1、Input 为受控组件,它总会显示 Vue 绑定值。通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用v-model)。否则,输入框内显示的值将不会改变。 不支持 v-model 修饰符。 二、Input使用 <div id="app"> <el-input 阅读全文

posted @ 2019-12-01 16:06 怪味曹小豆 阅读(674) 评论(0) 推荐(0) 编辑

Element简介与使用

摘要: 一、Element简介 Element,一套基于 Vue 2.0 的桌面端组件库。(本文基于vue框架,使用Angular和React请移步Element_React、Element_Angular) 二、Element使用 首先搭建一个基于 Vue 和 Element 的开发环境 1、使用npm安 阅读全文

posted @ 2019-12-01 15:31 怪味曹小豆 阅读(1585) 评论(0) 推荐(0) 编辑

2019年11月4日 #

超出div宽度部分文字以省略号显示

摘要: 一、效果图 二、实现代码 (关键代码:text-overflow: eclipsis;overflow:hidden;white-wrap:nowrap 使超出div宽度部分文字以省略号显示) <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文

posted @ 2019-11-04 14:21 怪味曹小豆 阅读(510) 评论(0) 推荐(0) 编辑

2019年9月6日 #

css预编译器stylus

摘要: 一、stylus是什么? stylus是css预处理框架。在stylus中可以使用函数、变量、判断、循环等css没有的东西来编写样式文件,执行这一套骚操作后,这个文件可以编译成css文件。 二、如何安装stylus? 在用vue-cli搭建的项目中,(前提是已经安装了node环境,可以使用npm命令 阅读全文

posted @ 2019-09-06 14:36 怪味曹小豆 阅读(400) 评论(0) 推荐(0) 编辑

2019年9月5日 #

使用element的upload组件实现上传图片功能

摘要: 一、需求: 做一个背景图上传插件,并且将获取到的文件流转换为base64编码。 二、实现方案: 使用element组件库的upload组件 使用FileReader构造函数将文件流转换为base64编码 三:代码: <template> <div> <el-upload action="#" :fi 阅读全文

posted @ 2019-09-05 14:43 怪味曹小豆 阅读(2122) 评论(0) 推荐(0) 编辑