web前端
关注
分享
扫一扫
文章平均质量分 82
爱草莓的番茄酱
这个作者很懒，什么都没留下…
展开
-
找到数组里某个元素并返回该对象或者数组
找到数组里某个元素并返回该对象用jquery里的filter方法var taskid = $("#hidTaskId").val(); $.getJSON('requestAddress?taskId=' + taskid +'&stepId=4687', function(data){ var IsNewSysArr = data.filter(function(elem, index,data){ return elem.propId == 'isNewVer'转载 2020-08-05 09:34:43 · 3216 阅读 · 1 评论 -
vue.js 解决后台返回数组对象属性名与前端需要属性名不一致
在项目中经常会遇到，后台返回的数组值是前端需要的值，但值的名称对应不上的问题。使用map可以解决此类问题。// 更新状态（请求中）this.firstView = falsethis.loading = true// 发ajax请求axios.get(url).then(res => { const result = res.data //result是后台返回给我的数据，我需要取到result里的item const users = result.item.map(原创 2020-07-26 10:04:32 · 2372 阅读 · 0 评论 -
Element-UI 自定义upload组件(进度条,删除,下载)
先看看效果图上传过程中.png上传结束后.png代码也很简单,样式自己写好之后就剩下处理进度条了 <div class="footer"> <div class="title"> <span>产品资料</span> <span>（提示：文件请控制大小...转载 2020-07-23 17:09:05 · 4963 阅读 · 0 评论 -
使用promise解决循环请求接口数据（for循环）&使用el-upload组件自定义上传文件
template部分： <el-upload multiple //可以多选文件 class="upload-demo" ref="upload" //组件名 action="fakeaction" //因为是前后端分离的上传方式，所以这里的action随便填一个 :file-list="fileList" //文件列表 :auto-.原创 2020-07-23 17:06:42 · 2158 阅读 · 1 评论 -
Vue中字符串拼接变量
1.标签属性label中字符串拼接变量<el-dialog :title="`查看纪要文件-${this.meetingDetail.title}`" :visible.sync="isShowSummaryDlg.showSummary">2.方法中字符串拼接变量methods: { showMsg() { alert(`查看纪要文件-${this.meetingDetail.title}`); }}...原创 2020-07-22 19:18:04 · 10789 阅读 · 0 评论 -
git 初始化，新建分支，本地和远端联系以及拉取代码等基本操作（小白实用）
1.首先在需要使用git的地方右键鼠标打开命令行终端，输入以下指令来初始化gitgit init2.然后创建本地的分支git branch 本地分支名3.可以查看所有分支（会列出所有分支名，其中信号+绿色是当前分支)git branch4.切换分支git checkout 你想切换成的本地分支名5.将切换到的本地分支和远端分支关联git branch --set-upstream-to=origin/远端分支名 本地分支名6.拉取远端代码git p原创 2020-06-29 09:41:19 · 1264 阅读 · 1 评论 -
vue-cli 2.x连多个后台&前端使用proxyTable解决跨域问题
零、axios模块引入npm install axios然后在你需要的地方开头写importaxiosfrom'axios'即可，我这里是在axios/index.js里面使用了，全部代码看下面。一、axios二次封装要想连两个后台，原理就是在vue-cli配置文件中封装axios的地方创建两个axios实例，然后在你写的接口api位置调用具体的某个axios即可。所以我们首先先封装axios，我这里是封装在了axios/index.js里面的，全部代码如下：import a...原创 2020-06-22 12:49:15 · 1900 阅读 · 0 评论 -
vue 页面刷新 表格刷新 数据刷新
1.页面刷新每次跳转页面，有些需要刷新有些不需要刷新，如何做到呢，首先，vue-cli有一个默认的全局刷新v-loading:true，需要关闭它，然后在你的页面里面，把需要每次跳转回来刷新的数据放在actived(){}里面，就可以实现了。2.表格刷新el-table的刷新很简单，它有自带的v-loading属性，使用布尔值控制即可3.数据刷新和表格刷新类似，由于data中初...原创 2019-12-25 17:16:50 · 11023 阅读 · 0 评论 -
vue表单校验之bluer，change
今天发现,如果设置select的trigger:'blur'就算选择之后还是边框是红色的,之后查了一下iview的文档,也没有找到准确的蚊子描述,只看到form那个组件其中有一个例子,大概是select会对应change,input对应blur还有其他checkbox的....,因为判断的有点乱,一个个看很麻烦,后来发现直接将trigge:'blur,change',省的去纠结它是哪个，就可以了。...原创 2019-12-02 14:29:35 · 1543 阅读 · 0 评论 -
vue.js 删除table特定行&数组去重
使用filter可以做到去重和删掉特定行功能<script> export default { data(){ return{ tableData:[ {name:'helen',id:1}, {name:'bob',id...原创 2019-11-14 10:54:24 · 948 阅读 · 0 评论 -
javascript 判断某字符串包含某子字符串，判断某字符串以某字符串开头，结尾
1.js判断字符串是否包括某字符串var str = "123";console.log(str.indexOf("3") == 0 ); // true2.js判断字符串是否以某字符串开头var str = '我喜欢小鱼干';str.startWith('我');//true3.js判断字符串是否以某字符串结尾var str = '我喜欢小鱼干';str.s...原创 2019-10-17 08:49:56 · 521 阅读 · 0 评论 -
[{},{},{}], 在数组中的每个对象上添加一个字段实现vue el-option下拉框部分不可选功能
适用场景：因为实际项目开发中，el-option的数据肯定是从后台获取的，后台不一定给我所有想要的数据，就比如后台返给我的是若干个对象组成的数组，这个数组组成下拉框，但是我们页面显示要求这个下拉框里的部分可选部分不可选，那要怎么解决这个问题呢？这就涉及到给数组对象统一添加字段和el-option实现部分不可选功能的问题了。核心代码如下：1.template部分：<el-select...原创 2019-10-12 11:16:35 · 1341 阅读 · 0 评论 -
一、初识HTML
一、HTML的学习路径：二、实验步骤：2.1 什么是HTML首先，HTML是一种语言，是用来描述网页的语言HTML 指的是超文本标记语言 (Hyper Text Markup Language) 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素HTML 不是一种编程语言，而是一种标记语言 (markup language)所以就算你什么编程语言都不懂，没关系，完全可以上手HTML...转载 2018-06-29 10:09:00 · 130 阅读 · 0 评论 -
vue 纯前端删除表格内容功能
// dom里面 <el-scrollbar style="height:170px;"> <div> <el-table ref="choosePeopleTable" :data="choosePeopleData" @selection-change="handleSelectionChange2" height="370p...原创 2019-08-15 16:13:18 · 1431 阅读 · 0 评论 -
vue 文件上传到后台接口以及从后台接口下载文件
文件上传操作稍微复杂点，有如下两种// vue前端页面部分（使用老式的input按钮上传，贼丑）<template> <div> <input type="file" @change="inputFileChange"> <el-button type="primary" size="mini" @click="clicks"...原创 2019-08-15 19:54:51 · 14056 阅读 · 10 评论 -
Vue开发小tips
1.el-table 隐藏表中的某一列，直接在该列属性处写v-if="false"<el-table-column prop="name" label="名字" v-if="false" />2.el-table列超出部分省略加悬浮提示<el-table-column :show-overflow-tooltip="true" />3.表映射操作后端...原创 2019-08-26 15:56:59 · 366 阅读 · 0 评论 -
VSCode 插件离线安装方法
步骤一、打开 VSCode 插件市场网址Extensions for the Visual Studio family of product，输入你想要的插件名称，比如这里我想要安装的是OBKoro1插件步骤二、点进图标里面，可以看到该插件的官方介绍，在右下角有一个Download Extension，点击它，进行离线下载步骤三、把下载下来的离线安装包拷贝到 VSCode 的...原创 2019-08-28 16:35:11 · 1600 阅读 · 0 评论 -
数组合并且去重&向一个数组添加一条数据（重复的就不添加）&数组对象去重处理
两个结构相同的数组是可以合并的，使用es6的reduce方法可以合并两个数组并去重，例子如下：将一个数组添加到另一个数组中并去重，其中tableData是将要添加到fatherTablelist的数组，这时建议用es6的reduce方法： inChildByValue: function(tableData){ if (this.fatherTablelist.leng...原创 2019-09-03 17:26:39 · 5742 阅读 · 1 评论 -
vue按照字母表排序
跳转完整例子：原创 2019-07-12 09:00:51 · 2483 阅读 · 1 评论 -
Vue剩余基础知识杂烩
Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。Vue.js 事件处理器事件监听可以使用 v-on 指令事件修饰符Vue....原创 2019-03-27 17:10:08 · 179 阅读 · 0 评论 -
Vue.js 条件与循环&计算属性&监听属性
条件判断v-if条件判断使用 v-if 指令：参考上一篇博客看第二点指令那块v-else可以用 v-else 指令给 v-if 添加一个 "else" 块v-else-ifv-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：<!DOCTYPE html><html><h...原创 2019-03-27 16:16:58 · 1237 阅读 · 0 评论 -
Vue.js第一个程序
一、每个vue应用都需要通过实例化vue来实现，vue模块格式如下：var vm = new Vue({ //选项})具体代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>第一个vue程序</title><sc...原创 2019-03-26 17:31:02 · 663 阅读 · 0 评论 -
使用vscode建立一个vue.js工程完整过程
一、安装vscodevscode下载链接二、在 vscode中安装、使用 Vue.jsstep1 打开vscode，打开你工程将放的文件夹，我这里是想放在web1里面，所以打开它：然后点击vscode的terminal（终端），打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli，在终端输入：npm install -g vue...原创 2019-03-25 10:54:34 · 2180 阅读 · 0 评论 -
CSS基础选择器
一、实验介绍1.1 实验内容本次实验我们详细介绍CSS的基础选择器1.2 实验知识点派生选择器id选择器类选择器属性选择器二、实验步骤2.1 派生选择器派生选择器 通过依据元素在其位置的上下文关系来定义样式，可以使标记更加简洁。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。 比方说，你希望列表中的 strong 元素变为...转载 2018-07-02 11:19:47 · 272 阅读 · 0 评论 -
css入门基础
一、实验介绍1.1 实验内容学习本课程的同学都应该深入学习了 HTML 基础，所以相信大家对 CSS 并不陌生。CSS 指的是层叠样式表（Cascading StyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。1.2 CSS 学习路径二、实验步骤2.1 Brackets-开源、简洁强大的前端集成开发环境前端开发的工具很多，我...转载 2018-07-02 10:26:06 · 158 阅读 · 0 评论 -
HTML超文本（二）
一、实验介绍1.1 实验内容本次实验我们继续学习HTML超文本的内容。1.2 实验知识点HTML列表HTML块HTML布局HTML表单二、实验步骤2.1 HTML列表HTML列表标记主要有三种：有序列表、无序列表和定义列表。下面我们来一一的学习(1).有序列表有序列表始于 < ol> 标签。每个列表项始于 < li> 标签。列表项内部可以使用段落、换行符、图片、链接以及其他...转载 2018-06-29 16:56:01 · 306 阅读 · 0 评论 -
HTML超文本（一）
一、实验介绍1.1 实验内容和普通文本不同，html被称为超文本(hypertext),之所以被称为超文本，是因为其中的超链接（也就是我们平常说的链接）能够指向其他资源。本次试验我们就来学习HTML超链接及相关其他内容。1.2 实验知识点HTML链接HTML表格HTML图像二、实验步骤写在前面：因为这节要方便实现图片的调用，从这一章我们就可以使用环境中的开发软件Brackets（方便补全和查看），...转载 2018-06-29 11:32:31 · 7576 阅读 · 0 评论 -
Web 设计与开发必备工具：Brackets 编辑器
rackets 是一款使用 HTML，CSS，JavaScript 创建的开源的针对 Web 开发的编辑器。你可能在宁皓网的视频里见过这款编辑器。实时预览，快速编辑，跨平台，可扩展，开源，让 Brackets 成为一款非常优秀的编辑器。安装打开 Brackets.io，点击 Download Brackets ，网页会根据你的操作系统，为你提供对应版本的 Brackets 编辑器。你也可以在所有发...转载 2018-06-29 11:12:23 · 679 阅读 · 0 评论 -
Node.js的安装与VS code配合
以下是关于如何安装，以及在VS code中启动内容：1、下载Node.js在官网中根据电脑版本下载2、安装打开文件直接一直下一步，根据需要更改安装位置3、查看是否安装成功，及启动win+R，node -v或npm -v安装npm http-server服务，npm install http-server -g-g代表安装到全局global在VS code中选择文...转载 2019-03-28 17:28:14 · 732 阅读 · 0 评论 -
问题解决：Vue前端页面数值无法传给后台，后台接收到的是url
开发中遇到一个问题，前端调用接口createMethod，数据传不到后台，后台获取到的是一串url路径：后来发现是因为接口写的不对，不应该写params:data,而是应该直接写data...原创 2019-06-29 17:28:16 · 4731 阅读 · 0 评论 -
多个数组合并成一个，多个对象合并成一个
多个数组合并成一个ver arrry=arr1.concat(arr2).concat(arr3).concat(arr4).concat(arr4)两个对象合并成一个。let para={name:'1'};let para2={name2:'1'};.......转载 2019-06-29 10:43:11 · 1041 阅读 · 0 评论 -
Vue Router 的params和query传参的使用和区别（详尽）
讲的真的很详细转载 2019-06-29 10:42:14 · 812 阅读 · 0 评论 -
Vue路由this.route.push跳转页面不刷新
Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。案例：A页面：B页面：问题：当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致moun...转载 2019-06-28 14:33:45 · 5022 阅读 · 0 评论 -
vue run dev 启动时报错 There are multiple modules with names that only differ in casing. This can lead
warning in ./~/vue-style-loader/lib/listToStyles.jsThere are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other ca...转载 2019-06-28 09:02:26 · 309 阅读 · 0 评论 -
Vue-router 学习笔记
一、vue-router配置子路由src/router/index.js文件解析import Vue from 'vue' //引入Vueimport Router from 'vue-router' //引入vue-routerimport Hello from '@/components/Hello' //引入根目录下的Hello.vue组件 Vue.us...原创 2019-06-14 11:28:48 · 224 阅读 · 0 评论 -
vscode必备常用插件
前言这篇文章只要让你做一些基础的配置，把vscode变得更加顺手；插件的需求不是一成不变，比如在新版就已集成的就可以移除了。必备插件功能性Auto Close Tag : 匹配标签，关闭对应的标签。很实用【HTML/XML】Auto Rename Tag : sublime和webstorm也有这个内置功能，改变标签的时候同时改动开闭合标签；【HTML/XML】beauti...转载 2019-06-13 15:18:40 · 2574 阅读 · 0 评论 -
vue-cli脚手架安装以及第一个完整脚手架项目
一、安装vue-cli安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安装node软件包，根据你的系统版本选择下载安装就可以了。下载地址：http://nodejs....转载 2019-06-13 11:32:25 · 135 阅读 · 0 评论 -
Vue Router 的params和query传参的使用和区别（详尽）
https://blog.csdn.net/mf_717714/article/details/81945218转载 2019-06-13 11:08:12 · 642 阅读 · 0 评论 -
二、HTML文本
一、实验介绍1.1 实验内容一个网站通过HTML（当然也包括css、js）向用户显示网页内容，本次实验就来学习html如何表示这些内容。1.2 实验知识点HTML元素HTML属性HTML文本格式化HTML样式二、实验步骤2.1 HTML元素1.什么是HTML元素在第一章中在介绍标签的时候为了避免概念的混乱，我们简单介绍了下HTML元素，这里我们就详细开始介绍HTML元素。HTML 元素指的是从开始...转载 2018-06-29 10:42:59 · 316 阅读 · 0 评论