怪味曹小豆

如何搭建一个基于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) 编辑

正则表达式

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

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

CSS3实现画方格

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

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

Element_Select简介与用法

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

posted @ 2019-12-01 19:26 怪味曹小豆阅读(1679) 评论(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 怪味曹小豆阅读(3452) 评论(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 怪味曹小豆阅读(684) 评论(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 怪味曹小豆阅读(1600) 评论(0) 推荐(0) 编辑

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

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

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

css预编译器stylus

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

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

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

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

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

导航

公告