Code--Maker-CSDN博客

原创 elementUI 修改input-placeholder 样式

placeholder 样式修改// 样式深度穿透 (推荐)/deep/.el-input__inner { &::placeholder { color: red; font-size: 16px; } }// 不同浏览器样式兼容.el-input input::-webkit-input-placeholder { color:#AEABAB;}.el-input input::-moz-input-placeholder {

2021-08-14 01:38:54 2724 1

原创 elememtUI--Select下拉框及Cascader级联选择器获取value值、label值

elememtUI-select多选框及Cascader级联选择器获取value值、label值------ select多选框-----select多选框绑定change事件changeLocationValue(val){ this.departmentValues = [] //初始化数据 this.departmentNames = [] //初始化数据 for(let i=0;i<=val.length-1;i++){ this.options.find((

2021-08-14 01:23:06 1226

原创 Vue项目中使用upload组件上传图片,视频到OSS阿里云服务器

vue项目中使用upload组件上传图片,视频到OSS阿里云服务器项目中使用vue搭配elementui组件库的upload完成图片文件视频的上传,项目中是上传到OSS了解upload组件upload大家都不陌生,这里就不详细介绍了,大家可以到官网查看详细文档------element-upload文档 //注意 action 属性必须要有,这里我们是上传OSS,不做固定 <el-form-item label="视频封面: "> <

2021-01-27 21:24:20 1821 1

原创 Vue中内置指令v-if和v-show的区别

在学习vue框架基础的时候,大家可能对v-if和v-show这两个内置指令比较模糊,分不清楚这两个内置指令的用法,今天来区分一下这两个内置指令v- 内置指令我们实际上是用来操作元素的attributesv-if和v-show,两个指令实现的效果是一样的,作用都是用来控制元素的显示和隐藏的v-if 是实打实的dom操作在dom树中加进去或者删除掉v-if 运行时性能较差 (把flag 从false改为true )由于运行时更改状态通过v-if 需要把元素依次加到dom中所以v-if

2020-09-21 22:04:17 1470

原创 vsCode中live server插件的安装及使用

live server 插件是用来干嘛的?本地开发常常需要搭建临时的服务,作用 :1.模拟服务器的方式打开页面2.代码改动后,会自动刷新页面安装 :使用 :1.使用要求 :要求项目文件夹 Demo 要单独出现在vscode侧边栏。以下两种都可以文件夹打开错误示范 :tip : 写项目时大家最好留一个要编辑的项目文件夹在vacode侧边栏就可以,这样清清爽爽写代码,心里也舒畅(头发也掉的少啦)2.使用 live server 插件打开页面:如果vscode侧边栏只有项目文件夹De

2020-09-02 00:24:27 32658 4

原创 js中实现rem适配

// 实现rem适配// 适配的是屏幕，范围 1024 ~ 1920var setFont = function () { // 获取设备屏幕的宽度 var html = document.querySelector('html'); var width = html.clientWidth; // 获取html的宽度 // 判断一下，width值是否小于1024；是否大于1920 if (width < 1024) { width

2020-08-21 21:08:52 2862

原创 Echarts可视化插件的使用

在前端开发中,可视化视表是必不可少的一项,Echarts插件基本使用认知 :官网下载 / Git Hub下载(外网太慢不推荐了) 网址 :https://echarts.apache.org/zh/index.html这个是百度之前开发的一个网站,后面好像卖给外国一个公司了,打开里面就有下载选项卡,点击下载最新版本即可解压后引入,在dist文件夹中找到 echarts.min.js 文件,引入到自己的js文件夹中为echarts视表准备一个有宽高的容器(盒子)基于准备好的dom元素,初始化

2020-08-20 22:09:54 752

原创 js中break、return、continue三者的区别

return只能作用于函数在函数体中遇到return语句，则结束函数执行（函数遇到return下面的代码不再继续执行，只能返回一个值！)将表达式的值返回到函数调用处。二：breakbreak主要用在循环语句或者switch语句中，用来退出整个语句块。break跳出最里层的循环，并且继续执行该循环下面的语句。break当用于循环结构时，表示退出其所在的整个循环结构，当前次循环未完成任务及未完成循环次数将不再执行！三：continuecontinue适用于任何循环控制结构中。作用是让程序立即跳转

2020-07-31 22:39:50 152

原创利用函数定义方法求若干个数最大值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&

2020-07-26 22:09:32 689

原创 js中函数的形参和实参区别及函数的length属性

形参形参，就是一个占位符，命名规则和规范和变量一样在函数创建时，在小扩号中定义的变量语法：function 函数名(形参,形参,形参...) { //函数体}注意： 1 函数也可以做为参数进行传递实参实参，在函数调用时，在小扩号中所传入的实际的数据。语法：函数名(数据,数据,数据...); //实参，就是实际的数据给形参一对一赋值JS中函数的length属性length是JS函数对象的一个属性值,该值是指"该函数中有多少个必

2020-07-26 22:04:53 289

gdxjznfw的博客