web小谢-CSDN博客

原创 vue点击按钮节流封装

使用vue封装节流按钮工作中经常遇见，button按钮提交申请，如果点击过多就会重复发送请求，今天自己就使用elenent-ui对button进行了二次改造。代码如下：<template> <el-button v-bind="$attrs" v-on="evet" :loading="disabled"><slot></slot></el-button></template><script>expor

2021-08-20 11:22:02 1220

原创 2021-08-20

js时间格式化封装export function formatDate(cellValue) { if (cellValue == null || cellValue == "") return ""; var date = new Date(cellValue) var year = date.getFullYear() var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date

2021-08-20 11:14:22 135

原创使用js统计两个日期之间去掉（周六，周日）

使用js统计两个日期之间去掉（周六，周日）写项目客户有个需求，要做一个休假申请，需要去掉休息日。今天就做了一个js的封装js中一段时间中获取一段时间中的工作日，去掉星期六，星期日，代码如下：export function computeWorkingDays(startDate, endDate) { startDate = new Date(startDate) endDate = new Date(endDate) var base = 1000 * 60 * 60 *

2021-08-20 11:12:08 1567

原创 VUE面试题

标题1, 如何让CSS只在当前组件中起作用(vue中如何实现样式隔离)？在组件中的style前面加上scoped标题2, 的作用是什么?keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。标题3, vue组件中如何获取dom元素?使用ref属性获取, 在组件模板元素中添加ref属性, 在js中用this.$refs获取标题4, 说几个vue中的指令和它的用法？v-model双向数据绑定；v-for循环；v-if, v-show 显示与隐藏；v-b

2021-05-27 22:00:47 433

原创 React面试题

React面试题1. React中有那些生命周期函数？Constructor(props) 构造器Render()渲染componentWillMount() 渲染前 (不建议使用)componentDidMount() 渲染后componentWillReceiveProps() 接收props传值时shouldComponentUpdate()控制组件是否更新componentWillUpdate() 组件将要更新componentDidUpdate() 组件已经更新compon

2021-05-27 21:52:44 317

原创 react学习一

react学习一（1）react组件模板react组件分为两种：ES5的构造函数和ES5的类函数式组件：使用构造函数创建的组件function MyCom1(){ var count = 1 console.log(count) return <div>{count}:这是函数式组件模板</div>}类组件：使用class类构建的组件，继承父类React.Componentclass MyCom2 extends React.Compo

2021-05-27 21:30:27 78

原创如何在vue项目中添加状态管理

1. 方法一在脚手架创建项目时，选择vuex即可2. 方法二在项目写一半需要用vux1. 下载安装vuex模块cnpm i vuex --save2. 在/src目录下新建文件夹strore/index.js 导入vueximport Vue from 'vue'import Vuex from 'vuex'//在vue中使用vuexVue.use(Vuex)3. 在/src/store/index.js创建库，并导出export default new Vuex.Store({

2021-05-19 17:34:32 372

原创 vue路由传值和路由跳转

文章目录前言一、vue路由配置步骤1. 路由跳转时共有以下四种传值方式:1. url路径拼接拼接2. 动态路由传值3. 路由query对象传值4. 命名路由传值总结路由有以下两种跳转方式:路由跳转时共有以下四种传值方式:前言一、vue路由配置步骤1.第一步: 导入vue.js和vue-router.js插件 <script src='vue.js'></script><script src="vue-router.js"></script>.

2021-05-13 20:53:18 898

原创 vue购物车（简单）

vue实现购物车基本功能具体功能：添加到购物车选择按钮技算价格删除购物车分页显示操作演示源码提取码：13mh运行步骤1.在编辑器里使用vscode 插件运行

2021-05-13 20:27:25 115

原创 vue组件传值和单项数据流

【vue】vue组件传值和单项数据流前言一、vue 组件传值有以下四种方式父传子：props属性传值父传子：slot插槽传值子传父：$emit事件传值非父子：bus总线传值下面我们开使用代码来介绍vue组件传值的四中方式1.父传子（props）代码如下（示例）： <script src='vue.js'></script>  <div id='myApp'> 父组件中的输

2021-05-13 19:56:16 313

原创使用vue仿淘宝放大镜

使用vue做仿作淘宝商品展示放大镜效果图文件地址提取码：s2yjcss代码： <style> #myApp { text-align: center; } #main { width: 300px; height: 300px; position: relative; }

2021-05-11 23:52:47 611

原创 vue实现简单轮播图

代码如下文件地址百度网盘提取码：phcf效果图如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale

2021-05-11 23:26:45 152

原创关于vue 数组在数组长度不变的情况下，界面不会刷新

数组在长度不变的前提下通过索引修改内容，视图不会自动更新原因：当在vue对象的data定义变量时，vue内部会自动生成这个变量的set和get函数，set函数用于把data中的数据渲染到视图上，更新视图，get函数用于把视图上的数据读取出来，并赋值给data数据当data数据发生变化时，会调用对应的set函数，更新视图，把新数据显示出来。但是，当使用索引修改数组时，并不会触发set事件，也就不会调用set函数，视图就不会更新，此时可以使用this.$set()手动调用set函数，更新视图解决方案：

2021-05-08 22:40:51 617

qq_51050856的博客