怪味曹小豆

导航

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 怪味曹小豆 阅读(114) 评论(0) 推荐(0)

2020年1月7日 #

正则表达式

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

posted @ 2020-01-07 10:46 怪味曹小豆 阅读(151) 评论(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 怪味曹小豆 阅读(1650) 评论(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 怪味曹小豆 阅读(1701) 评论(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 怪味曹小豆 阅读(3600) 评论(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 怪味曹小豆 阅读(712) 评论(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 怪味曹小豆 阅读(1669) 评论(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 怪味曹小豆 阅读(524) 评论(0) 推荐(0)

2019年9月6日 #

css预编译器stylus

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

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

2019年9月5日 #

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

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

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

下一页