凑热闹的-CSDN博客

原创 vue使用axios创建请求拦截、响应拦截器

一安装axios1.npm install axios --save2.npm install qs.js --save　　//它的作用是能把json格式的直接转成data所需的格式二在utils文件下编写规则2.1 新建request.js

2021-09-17 11:26:51 520 1

实现思路根据el-element的el-image组件点击图片实现放大缩小功能来实现首先需要引入插件import ElImageViewer from ‘element-ui/packages/image/src/image-viewer’整体封装代码```html<template> <div> <el-image-viewer :on-close="closeViewer" :url-list="urlList" &

2021-08-27 16:04:17 1422

原创 vue项目elementUi图使用el-image下载图片原尺寸下载放大缩小旋转图片增加自定义按钮

elementUi框架中有el-image，这个组件可以放大，缩小，旋转图片。适用于一般通用性业务，但是有下载需求的话这个就满足不了，需要自己手动撸一管下载按钮来实现下载功能效果图实现思路1.创建下载按钮图标2.把创建的下载图标放到和旋转放大同一行内3.监听图标按钮点击事件4.实现下载原图```html <template> <div > <el-image style="width: 40px; height: 40px; ma

2021-08-27 09:53:38 7408 4

原创使用vue项目初搭建Vue3.0项目框架搭建

一，创建vue项目vue create vue二，选择配置项 1 Choose Vue version 可选择版本 2.x 3.x (1. babel (2. TypeScript (3. Progressive Web App (PWA) Support 支持渐进式网页应用程序 (4. Router 路由管理器 (5. Vuex 状态管理模式（构建一个中大型单页应用时） (6. CSS Pre-processors css预处理 (7. Linter / Fo

2021-08-25 10:33:08 332

原创判断数组中的对象是否存在相同的值

1、findIndex() 方法返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。let demoData = [ {checked:false,name:'royal'}, {checked:false,name:'royal'},]if(demoData.findIndex(target=>target.checked === true)==-1){ console.log('验证通过') }else { console.log('验证不通过') }

2021-08-12 16:02:21 7168

原创模糊搜索查询

changeList() { let val = this.keyWord if (val) { this.showRadioList = this.radioList.filter(function (radioList) { return Object.keys(radioList).some(function (key) { return String(radioList[key]).toLower

2021-05-12 10:07:43 116

原创动态渲染vue表格的表头和表体

@<template> <div>  <!-- <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="(item,index) in tableDatahe" :key="index" :prop="item.props"

2021-04-02 15:20:22 857

原创 react数据懒加载滚动加载组件滚动加载

记录使用react滚动加载的问题//引入组件import InfiniteScroll from 'react-infinite-scroller'; // eslint-disable-next-line react-hooks/exhaustive-deps //封装请求数据接口返回值const getMenuList = useCallback((disease,page,callback) =>{ getPrescriptionMenuRequest(disease,p

2021-04-01 15:33:51 1154

原创 2021-02-04

vue项目使用js-cookie获取cookie和请求搭配token以及axios请求封装1.npm i js-cookie //安装1.新建util文件件在util文件件下新建util.cookies.jsimport Cookies from 'js-cookie'const cookies = {}/** * @description 存储 cookie 值 * @param {String} name cookie name * @param {String} value co

2021-02-04 16:18:50 77

原创 web前端面试题HTML+CSS+CSS3 综合前端面试题知识点附答案

1.Doctype作用？标准模式与兼容模式各有什么区别?（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。2.行内元素有哪些？块级元素有哪些？空(void)元素有那些？首先

2020-11-02 16:56:18 515

原创 vue 组件传值父子组件之间传值子父组件之间的传值以及兄弟之间组件传值

父子组件间的传值一、子组件访问父组件的数据方式一：子组件直接访问父组件的数据父组件在调用子组件时，绑定想要获取的父组件中的数据，在子组件内部，使用 props 选项声明获取的数据，即接收来自父组件中的数据。在vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息父组件<template> <div> <div>父组件</div> &l

2020-09-18 15:59:10 275

原创 vue+element UI导航栏组件多级菜单侧边栏导航封装功能效果

在开发当中会遇到一些组件的封装，侧边栏导航的封装也是很实用的。下面代码拿走直接用！！！<template> <div> <el-aside width="200px"> <el-menu default-ac

2020-09-17 15:34:24 2399

原创前端面试题总结最新之vue篇

1. 说说说什么是什么是 MVVM?这 MVVM 是 Model-View-ViewModel 的缩写。 MVVM 是一种设计思想。 Model 层代表数据模型，也可以在Model 中定义数据修改和操作的业务逻辑； View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来， View是一个同步 View 和 Model 的对象在 MVVM 架构下， View 和 Model 之间并没有直接的联系，而是通过ViewModel 进行交互， Model 和 ViewModel 之间的交互

2020-09-17 15:23:25 451

原创 vue图片上传组件图片预览和下载功能

在实际开发中会遇到一些图片上传的问题，避免采坑，拿走直接用<template> <div> <div>导入并预览</div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" //上传路径

2020-09-16 16:48:34 1314

原创 WEB前端面试题--js面试题(高级)相关总结题目

JavaScript 进阶面试题说说说说 ECMAScript6 怎么写 class?这个语法糖可以让有 OOP 基础的人更快上手 js ，至少是一个官方的实现了。对熟悉 js 的人来说，这个东西没啥大影响；一个 Object.creat() 搞定继承，比 class 简洁清晰的多。说说说什么是面向对象编程及面向过程编程，它们的异同和优缺点?面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。面向对象是把构成问题事务分解成

2020-09-16 13:03:54 789

原创 WEB前端面试题--js面试题(基础)总结题目

JavaScript 基础面试题介绍 JavaScript 的基本数据类型?基本数据类型: Number、String、Boolean、Null、Undefinedobject 是 Javascript 中所有对象的父对象。数据封装类对象： object 、 Array 、 Boolean 、 Number 和 String 。其他对象： Function 、 Arguments 、 Math 、 Date 、 Error 和 RegExp 。其他数据类型： Symbol浅谈 JavaS

2020-09-16 10:35:12 484

原创前端面试题最新的最全的HTML+CSS+CSS3 综合前端面试题知识点

HTML+CSS+CSS3 综合面试题的 title 和 alt 有什么区别 通常当鼠标滑动到元素上的时候显示 alt 是的特有属性，是图片内容的等价描述，用于图片无法加载显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。html5 有哪些新特性、移除了那些元素? HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，储，多任务等功能的增加 绘画 canvas 用于媒介回放的 video 和 audio 元素

2020-09-03 13:51:59 2627

weixin_45852123的博客