weixin_60463255的博客

//1.new Setvar arr1 = [1,2,3,2,4,1]console.log(Array.from(new Set(arr1)))console.log([...new Set(arr1)])//封装成函数var arr1 = [1,2,3,2,4,1]function unique(arr){ return [...new Set(arr)]}console.log(unique(arr1))//2.indexOfvar arr2 = [1,2,3,2,4,1].

mine.vue > mine (tab页) 在此页面点击登陆跳转到login.vue<template> <view class="mine"> <u-navbar :is-back="false" :background="background" :border-bottom="false"> <view slot="right"> <view class="right-content">

<template> <view class="search"> <u-navbar> <view slot="default"> <view class="nav-center"> <u-search v-model="keyword" placeholder="Vue" :show-action="true" action-text="取消" :clearabled="fals.

原本的时间格式如：Wed Jan 19 2022 00:00:00 GMT+0800 (中国标准时间)改为：2022-1-19代码：addUser(){ this.form.birthday = this.setTime(this.form.birthday);//调用 console.log(this.form.birthday);//Wed Jan 19 2022 00:00:00 GMT+0800 (中国标准时间) ＝》 2022...

当打包构建项目时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。1 安装 @babel/plugin-syntax-dynamic-import 包2 在 babel.config.js 配置文件中声明该插件。//这是项目发布阶段需要用到的babel插件const prodPlugins = []if (process.env.NODE_ENV === 'prod...

问题：生成打包报告时，终端vue ui指令，通过可视化UI面板查看报告，在可视化的UI面板中，通过控制台和分析面板，看到项目中所存在的问题echarts,element-ui,quill等依赖项所占体积太大 控制台中显示，第三方依赖项占项目总资源的90%体积；速度统计面板，不同网络状态下，项目打开所消耗的时间都比较长；chunk-vendor.js文件占了1.9MB ，需要缩小这个文件的大小原因：默认情况下，通过import语法导入的第三方依赖包，最终会被打包...

默认情况下，vue项目的开发模式和生产模式共用一个打包的入口文件——src/main.js，为了将项目的开发过程与生产过程分离，我们可以分为两种模式，各自指定打包的入口文件：main-dev.js和main-prod.js，将src/main.js重命名为main-dev.js，并复制一份main-prod.js 在vue.config.js中通过chainWebpack节点自定义打包入口module.exports = { lintOnSave: false, chainWebpack: c

官网：babel-plugin-transform-remove-console - npm1. npm install babel-plugin-transform-remove-console --save-dev2. 根目录下babel.config.js >module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [ 'component',

<!-- --><template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item&gt.

1.字符串转数组const res = await api.getManyParams(this.cateId, 'many')if (res.meta.status !== 200) { return this.$message.error('获取动态参数列表失败')}res.data.forEach( item => {//将后端每一项的字符串用空格分开变成数组 item.attr_vals = item.attr_vals.length === 0 ? [] : it

注意：每次上传图片，都需要为上传的UI组件手动指定headers请求头，同时在请求头对象中绑定authorization字段，因为上传组件并没有调用axios，所以我们需要手动指定headers去获取tokenadd.vue ><!-- --><template> <div> <!-- 面包屑导航区域 --> <!-- 卡片视图区域 --> <el-card> <!--.

main.js >import Vue from 'vue'import App from './App.vue'import router from './router'import './plugins/element.js'//导入全局样式表import './assets/css/global.css'//导入字体图标import './assets/fonts/iconfont.css'import TreeTable from 'vue-table-with-tre.

import React from 'react'import { Card, Form, Input, Button, message, Checkbox } from 'antd'import { UserOutlined, LockOutlined } from '@ant-design/icons';export default function FormLogin(props) { //获取表单节点 const formRef = React.createRef() //校验.

src > components > header > index.jsimport React, { useState, useEffect } from 'react'import './index.less'import { Row, Col } from 'antd';import { Util } from '../../utils/utils';export default function Header() { const [showTime, setSh

代码： <div class="history-search"> <span class="s-span">病历信息搜索 </span> <!-- 改变input框的值触发的事件 --> <el-input class="input-input" v-model="searchVal" @input="inputChange" ><i c

for-in实例：let arr = [1, 2, 3, 4, 5]Array.prototype.id = 123arr.name = 'Jessica'for (let index in arr) { if (index == 2) { // break;//0,1 // continue;//0,1,3,4 // return;//0,1 } console.log(index, arr[index]);//遍历[1,2,3,4,5,Jessica,123]}for-of

js数组去重是比较常见的数组操作方式之一，网上有很多关于数组去重的博客文章，方法各式各样，但有些方法实用性很差，很容易造成不必要的麻烦，所以我们需要去其糟粕取其精华，下面我们就整理一些比较实用的数组去重方法。一、for循环嵌套，利用splice去重此方法是比较常用的方法之一，也是es5中比较实用的方法之一。function newArr(arr){ for(let i=0;i<arr.length;i++){ for(var j=i+1;j<arr.lengt

共同点：1.都是循环遍历数组的每一项，数组中有几项，那么传递进去的匿名函数就要执行几次2.forEach()和map()里面每一次执行匿名函数都支持3个参数：数组中的当前项、当前项的索引、原始数据3.匿名函数中的this都指向window4.只能遍历数组不同点：1.总的来说，map的速度大于forEach2.map会返回一个新的数组，不会改变原来的数组；forEach不会返回新数组，允许对原数组进行修改//1.forEach()不会返回新数组。仅仅是遍历数组中的每一项，可以通过数组的索

使用hasOwnProperty()方法来判断属性是否为对象自身属性function iterate(obj) { let result = []; for (let key in obj) { //for in遍历obj属性 if (obj.hasOwnProperty(key)) { //判断是否为对象自身属性 result.push(key + ':' + obj[key])

1. forEach() ：主要用于循环遍历数组，forEach不会返回新数组，允许对原数组进行修改。2. map() ： 主要用于循环遍历数组，也可在内使用条件语句，map会返回一个新数组，不会改变原来的数组。3.filter() ：主要用于筛选过滤数组，返回符合筛选条件的数据，filter会返回一个新数组，不会改变原数组。4. find() ：主要用于查找数组的数据，只要查找到第一项符合条件的数据，直接返回，若没有找到符合条件的数据返回undefined。find会返回一个新数组，不会改变.