前端基础
文章平均质量分 62
YD_1989
这个作者很懒,什么都没留下…
展开
-
ES6的剩余参数
剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组不定参数定义方式,这种方式很方便的去声明不知道参数情况下的一个函数const chengji = (...args) => { let chengji = 1; args.forEach((item) => { chengji *= item; }) return chengji;}console.log(chengji(20,13))console.log(chengji(20,14,8,12))剩原创 2021-12-18 23:38:40 · 596 阅读 · 0 评论 -
原生html切换皮肤
原理:1.每个皮肤对应一个css文件,好维护2.通过js动态更改标签的href属性程序代码如下:HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="ref转载 2022-05-16 23:10:27 · 236 阅读 · 0 评论 -
Element UI下拉列表el-option中的key、value、label含义
Element UI下拉列表el-option中的key、value、label含义<el-select v-model="queryParams.level" placeholder="级别" style='margin-right:5px;width:140px' clearable> <el-option v-for="item in optionss" :key="item.value" :label="item.label" :valu原创 2022-04-15 10:15:51 · 4395 阅读 · 0 评论 -
vue项目npm总是出错
npm前端的Vue项目总是报错不成功。报错信息如下:error D:\xxx\xxx\node_modules\node-sass: Command failed.Exit code: 1Command: node scripts/build.jsArguments:Directory: D:\xxx\xxx\node_modules\node-sassOutput:Binary found at D:\software\nodesass\win32-x64-72_binding.node原创 2022-03-11 11:51:52 · 3371 阅读 · 0 评论 -
vue+elementUI穿梭框
穿梭框的实现思路,实现了可分页的表格穿梭框,同时涉及到了表格多选与表格里添加表单等知识点<template> <div> <h1 style="color: #F56C6C">部门模块</h1> <el-form :inline="true" :model="staffTemp"> <el-form-item label="手机号"> <el-inp.原创 2022-01-07 14:37:59 · 1562 阅读 · 0 评论 -
vue v-for循环
Vue v-for循环的用法1、v-for循环普通数组①创建Vue对象<script> var app = new Vue({ el:'#app', data:{ array:[1,2,3,4,5,6,7,8], } })</script>②循环数组<div id="app"> <p v-for="(item,index) of array">索引:{{index}}-数值:{{item}原创 2022-01-05 11:23:49 · 1252 阅读 · 0 评论 -
vue+elementUI组价学习
1、事件没有实现首先想到的是要在所在方法内进行debugger,看看有没有走进去这个方法原创 2021-12-29 21:06:51 · 173 阅读 · 0 评论 -
Vue学习笔记
1、第一个Vue示例解析:{{ messeage }}寻找data中和messeage 名称一致的数据,将值转换为data中messeage 绑定的值注:{{message}}这种写法被称为差值表达式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个Vue示例</title> </head> <body> <原创 2021-12-28 18:50:47 · 480 阅读 · 0 评论 -
W3school笔记——HTML
什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页例子解释 与 之间的文本描述网页 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题 与 之间的文本被显示为段落...原创 2021-12-24 14:34:07 · 1489 阅读 · 0 评论 -
scope插槽
vue插槽 <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="200px"> <template slot-scope="scope"> <el-radio v-model="scope.row.delFlag" label="0" @change="showProject(sc原创 2021-12-18 15:56:53 · 207 阅读 · 0 评论 -
JS截取指定字符串到指定字符串之间的内容
JS截取指定字符串到指定字符串之间的内容var str="<123>asdadsadsa<456>";str = str.match(/<123>(\S*)<456>/)[1];console.log(str);\S:匹配任何非空白字符。*:匹配前面的子表达式零次或多次。match方法://语法stringObject.match(searchvalue)stringObject.match(regexp)searchvalue:必需原创 2021-12-16 10:54:13 · 13103 阅读 · 0 评论 -
Axios发送请求时params和data的区别
Axios发送请求时params和data的区别简单来说:params 的方式。会将参数加到 url后面。所以,传递的都是字符串。无法传递参数中含有json格式的数据(我某个参数的数据是json格式)。data 的方式,是添加到请求体(body)中。然后如果你的数据有 json 格式。也是可以的。格式:我这是json格式的数据,但是params的方式会把json格式转为string进行传值let params = { todoItemStartTime: this.queryPar原创 2021-12-16 10:52:32 · 2874 阅读 · 2 评论 -
vue常用校验规则
1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.原创 2021-12-16 10:49:49 · 1157 阅读 · 0 评论 -
前端常用的方法
vue+elementUI1、Table表格中要在最前面添加index索引<el-table-column type="index" width="50"></el-table-column>2、编辑功能把某一个字段设置为无法修改(只读模式),添加 readonly或者disabled①使用属性 readonly=“true” 方式,输入框或文本域无灰色底;②使用属性 :disabled=“true” 方式,输入框或文本域有灰色底。<el原创 2021-12-16 10:47:41 · 1218 阅读 · 0 评论 -
JavaScript将一维数组转化为二维数组
JavaScript将一维数组转化为二维数组遇到的问题:后端返回的是一组一维数组,但是需要展示的格式是二维数组。常见的场景举例:后台返回10个长度的数组,需要分成3个一组展示在banner上。例:[1,2,3,4,5,6,7,8,9,10] => [[1,2,3], [4,5,6], [7,8,9], [10]]解决方法及思路:/** 调用 */let list = [1,2,3,4,5,6,7,8,9,10]let brr = setTwoDimensionalArray(lis原创 2021-12-16 10:40:25 · 1901 阅读 · 0 评论 -
vue跳转页面的几种方法
vue跳转不同页面的多种方法1:router-link跳转<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2</button></router-link> <!-- 带参数跳转 --><router-link :to="{path:'testDemo',query:{setid:123456}}"> <button>点击跳转1</原创 2021-09-14 11:17:41 · 9248 阅读 · 0 评论 -
Vue+Element UI实现复制内容
13.Vue+Element UI实现复制内容1. 安装依赖包: npm install vue-clipboard2 --save 2. main.js中引入 import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use( VueClipboard )3.页面中使用: <el-input v-model="address" :title="address"></e原创 2021-08-30 10:18:17 · 459 阅读 · 0 评论 -
Vue组件(Vue-cli)+vue路由+父子组件传参+Axios跨域
Vue组件(Vue-cli)以前:HTML、CSS、JavaScript只有一个一级节点html<html><style></style><script></script></html>现在:HTML、CSS、JavaScript具有3个一级节点SFC规范:单文件组件规范理解:以前前台是由很多【HTML页面】组成;以前前台是由很多【vue组件】组成1、自定义组件(components)步骤:(1)创建vue项目,用原创 2021-08-20 09:15:04 · 237 阅读 · 0 评论 -
Vue框架+Axios框架
Vue框架Vue概念Vue (读音 /vjuː/,类似于 view) 是一套用于**构建用户界面**的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。Vue框架原理:M-V-VM原理M-Model-模型-JSON数据(所谓模型,就是后端发往前端的json数据)V-Vie原创 2021-08-20 09:12:58 · 698 阅读 · 0 评论 -
Ajax+jQuery
AJAX-异步JavaScript和XMLAJAX原理:异步JavaScript和XML。什么是Ajax:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。同步与异步:异步传输是**面向字符的传输,它的单位是字符;而同步传输是面向比特的传输,它的单位是帧,它传输的时候要求接受方和发送方的时钟是保持一致**的。AJAX的工作原理:Ajax的工作原理相当于在**用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像原创 2021-08-20 09:11:12 · 291 阅读 · 0 评论 -
JavaScript+DOM+JSON
JavaScript(1)JavaScript入门案例:要在script标签里写<script> //alert弹窗 alert(100); alert(200); </script>(2)JavaScript数据类型(6大类) <script> // (1)字符串 // 注意:外边单引里边双引、外边双引里边单引。 var a = "张三"; document.write(a + "<br>原创 2021-08-20 09:09:18 · 123 阅读 · 0 评论 -
CSS3基础
CSS:层叠样式表语言(style样式属性)(1)CSS层叠样式表入门//style样式属性,font-size是样式名,20px是样式值。//把大小和颜色两个样式层叠在一起来渲染<body> <div style="font-size:20px;color:red;"> 你好 </div></body>(2)CSS的盒子模型说明:盒子模型是布局基础。理解:在css看来每一个html标签都是一个看不见的盒子。做网原创 2021-08-20 09:07:37 · 123 阅读 · 0 评论 -
HTML5
HTML5(一)前台核心语言(1)HTML5:超文本标记语言。定位:内容。(2)CSS3:层叠样式表语言。定位:样式。(3)JavaScript(ES6):JS语言。定位:功能。HTML5定义:超文本标记语言。定位:内容Brackets生成HTML模板快捷键:!+ Tabhttp:超文本传输协议(一)HTML5模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-08-20 09:06:31 · 96 阅读 · 0 评论