愤怒的大香蕉-CSDN博客

原创大文件分片断点续传

<template> <div class="hello"> <el-upload class="upload-demo" drag :on-change='change' :auto-upload='false' action multiple> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖到此处，或<em&g

2021-04-27 17:25:36 120

原创 vue cdn加载 element vue vuex echart axios 简单粗暴

**跟我步骤走，其实就那么简单 **首先引入cdn element vue vuex echart axios<!DOCTYPE html><html><head> <meta charset="utf-8">  <link rel="stylesheet" href="https://unpkg.com/element-ui@2.3.7/lib/theme-chalk/inde

2021-01-26 12:01:24 496

原创 vue 处理防抖节流没有封装，可以直接复制代码学习查看

vue 处理防抖节流没有封装，可以直接复制代码学习查看下面展示一些内联代码片。<template> <div class="hello"> </div></template><script>// import func from '../../vue-temp/vue-editor-bridge'// throttle 在某个时间段,无论触发多少次,我只认第一次// 防抖在某个时间段,无论触发多少次,我只认最后一次e

2020-07-13 12:02:03 267

原创 vue render实现不同用户在同一页面渲染不同组件

vue render实现不同用户在同一页面渲染不同组件我们日常生活中会使用导航菜单,不同的用户进入菜单内容会有所不同Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。虽然可以使用v-if进行判断，但是代码冗长，所以我们可以使用render函数render类型：(createElement: () => VNode) => VNode详细：字符串模板的代替方案，

2020-06-24 16:30:03 1522

原创 webpack5 css打包压缩

首先，你需要安装 css-minimizer-webpack-plugin： npm install mini-css-extract-plugin --save-dev npm install css-minimizer-webpack-plugin --save-dev接着在 webpack.config.js配置中加入该插件const MiniCssExtractPlugin = require("mini-css-extract-plugin");const CssMinimizerPl

2022-05-17 17:47:02 759

原创 webpack5 使用postcss-preset-env 不生效问题

不需要 process.env.NODE_ENV = ‘development’; 这样写引入 const PostcssPresetEnv = require(‘postcss-preset-env’);**在postcssOptions里面写 { loader:"postcss-loader", options:{ postcssOptions:{

2022-05-16 15:47:59 1111 4

原创 vue3语法糖自定义组件使用v-model

默认情况下，组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。我们可以通过向 v-model 传递参数来修改这些名称//father.vue<template> <div> {{bookTitle}} <Child v-model:title="bookTitle" v-model:name="name"></Child> {{name}}.

2022-03-08 15:08:54 2105

原创 vue3语法糖使用vuex

store/index.vueimport { createStore } from 'vuex'export default createStore({ state: { num:123 }, mutations: { ADDNUM (state) { state.num++ }, GETNUM (state,num) { state.num = state.num * num } }, actions: {

2022-03-02 16:19:15 920

原创 vue3语法糖父子组件传值 defineProps ,defineEmits,defineExpose

父组件<template> <div> <Child :num= "num" @chuyi='chuyi' @addNum="addNum" name = "乘"></Child> </div></template><script setup> import Child from './child.vue' import {ref} from 'vue' cons

2022-03-02 15:58:30 5827

原创 vue3语法糖 ref reactive

<template> <div> {{num}} {{obj}} </div></template><script setup> import {ref,reactive} from 'vue' const num = ref(0) const obj = reactive({ name:"张三", age:18 }) se

2022-03-02 15:48:11 771

原创 vue uniapp 七牛云上传图片

封装七牛云// 引入qiniu.jsimport * as qiniu from '../assets/qiniu.js' let token//随机数字function get_uuid () { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Ma

2021-08-11 16:13:58 777

原创 navigationStyle“:“custom“或“app-plus“置顶状态栏

uniapp 使用"navigationStyle":“custom"或"app-plus”:{“titleNView”:false}出现效果顶到状态栏上解决方法解决方法:

2021-05-29 23:13:20 1972

原创 uni-app 点击回到顶部

methods: { pullTop () { console.log(123) uni.pageScrollTo({ scrollTop:this.menuTop, duration:300 }) } }, onLoad() { let that = this const query = uni.createSelectorQuery() query.select('#delicacy').boundingClientRect().

2021-05-17 16:51:38 830

原创 uniapp下拉置顶

onLoad() { let that = this // 获取当前dom与顶部之间的距离 const query = uni.createSelectorQuery() query.select('#delicacy').boundingClientRect() query.exec(function(res){ that.menuTop = res[0].top }) }, // 监听滚动 onPageScroll(.

2021-05-17 16:36:36 812

原创前端数字升序降序

let b1 = [11,22,445,12,53]let b2 = [11,22,445,12,53]let shengxu = b1.sort((a,b)=> a > b ? 1 : a < b ? -1 :0 ) // 升序 [11, 12, 22, 53, 445]let jiangxu = b2.sort((a,b)=> a < b ? 1 : a > b ? -1 :0 ) // 降序 [445, 53, 22, 12, 11]

2020-11-21 21:12:18 520 1

原创 Math 对象中的 mian() 和 max()方法向下舍入向上舍入四舍五入保留两位小数加密安全

Math 对象中的 mian() 和 max()方法向下舍入向上舍入四舍五入保留两位小数加密安全 // Math 对象中的 mian() 和 max()方法 let val = [1,2,3,4] console.log(Math.max(...val)) //数组必须要使用扩展操作符 4 console.log(Math.min(...val)) //数组必须要使用扩展操作符 1 // 舍入方法 // Math.ceil() 方法始终向上舍入为最接近的整数

2020-11-20 23:22:26 1065 2

原创日期格式化方法日期/时间组件方法(js原生)

日期格式化方法日期/时间组件方法(js原生) const time = new Date() console.log(time) //Fri Nov 20 2020 21:17:02 GMT+0800 (中国标准时间) // 日期格式化方法 console.log(time.toDateString()) //Fri Nov 20 2020 显示日期中的周几,月,日,年 console.log(time.toTimeString()) //21:19:24 GMT+0800

2020-11-20 22:20:07 574

原创 post请求导出文件

post请求导出文件 axios.post(url, param, { params: param, responseType: 'blob' }).then(res => { // console.log(res) // if(res.data.status == 'ERROR') return Message.error(res.data.errorMessage) let blob = new B

2020-10-21 17:24:22 2350

原创 vue axios封装

vue axios封装安装axios element-ui'use strict'//引入axios element-uiimport axios from 'axios'import { Message } from 'element-ui'//Loading 还可以以服务的方式调用。引入 Loading 服务：import { Loading } from 'element-ui'// import router from "../../router";// axios.default

2020-06-24 11:03:14 2218

TA关注的人

weixin_44952708的博客