猪猪侠的博客

【代码】vue3实现页面端的自适应布局。

【代码】个人开发笔记。

前端心跳机制的检测

解析数据

vue2创建

Vue路由跳转并传值方式三种1. <router-link :to="{name:'XXX',query:{page:1,code:100}}"></router-link>2.明文传参 URl路径会显示传递的参数优劣：页面刷新参数不会丢失，劣处：参数公开this.$router.push({ name: 'EditDetail', query: { page: 1, code: 100

标签实现新窗口打开：官方文档中说 v-link 指令被 组件指令替代，且 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target="_blank" 属性的(tag=“a”)，如下：<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开hom`在这里插入代码片`e页</router-link>2、编程式导航：有.

一.最大值或者最小值getNumByRandom(max,min){ return Math.floor(Math.random() * (max - min + 1)) + min; },`在这里插入代码片`

一、生成时间代码getProjectNum () { const projectTime = new Date() // 当前中国标准时间 const Year = projectTime.getFullYear() // 获取当前年份 支持IE和火狐浏览器. const Month = projectTime.getMonth() + 1 // 获取中国区月份 const Day = projectTime.getDate(

一、文件下载<a :href="http://***文件下载地址" download="">下载</a>二、文件预览1.npm安装插件npm i docx-preview//此插件容易安装失败 安装了cnpm的小伙伴可使用cnpm i docx-preview2.public文件下index.html引入<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>3.

html:el-date-picker选择器:picker-options="startTime":picker-options="endTime"为禁止选择逻辑 <div class="control-item"> <div class="left"> <span class="sale-require-star-text">开始时间</span> </div>

网址https://blog.youkuaiyun.com/weixin_43915587/article/details/91953230

https://blog.youkuaiyun.com/weixin_45421249/article/details/119936124

beforeFileUpload(file,fileList){ let fileName = file.name; let uid = file.uid let pos = fileName.lastIndexOf("."); let lastName = fileName.substring(pos, fileName.length); console.log(lastName,lastName.toLowerCase()); if

页面接口

export2Excel: function() { let tables = document.getElementById("out-table"); let table_book = XLSX.utils.table_to_book(tables); let table_write = XLSX.write(table_book, { bookType: "xlsx", ...

以下为个人面试时所问到的问题sessionstorage存储大小5M超出则会存不进去并报错（QuotaExceededError）解决方案：1、划分域名。各域名下的存储空间由各业务组统一规划使用2、跨页面传数据：考虑单页应用、优先采用 url 传数据3、最后的兜底方案：清掉别人的存储Cookie 大小存值不大(最大可以存4kb)每个域名下最多存储50条数据(不同浏览器会有不同)可以自己设置过期时间具有不可跨域性是否可以代替Cookie　　浏览器使用Cookie进行身份验证已经好多年

https://vue3js.cn/interview/

…methods: { async getMessage(){ ... // for 循环同步的方式连续发出十个请求 for(let i = 0;i < 10; i++){ await axios({ method: 'post', url, data, }).then((res)=>{ ... }) } },},...

根组件实例：8个(beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed)组件实例：8个(beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed)全局路由钩子：2个 (beforeEach、 beforeResolve、afterEach) 组件路由钩子：3个(bef.

<template lang="html"> <el-table :data="tableData5" :row-key="getRowKeys" :expand-row-keys="expands" style="width: 100%"> <el-table-column type="expand"> <template scope="props"&.

如:每个请求url前都要加一个前缀,但会根据开发环境不同而变化,那么我们可以写一个方法去引用,方便后面维护.env.development 开发文件中写入要用的服务编码# 微服务编码VUE_APP_SERVICE_PREFIX = '/0201010254'在src文件下的settings.js文件中引入module.exports = { /** * 主站标题 * @type {string} */ title: '开发项目名称', /** * @typ

<el-table-column label="保单号" show-overflow-tooltip min-width="220"> <template slot-scope="scope"> <span>{{ scope.row.policyNoCI }}</span> <span v-if="scope.row.policyNoCI" :key="scop.

创建src\directive\auth\index.js文件import store from '@/store' const auth= { inserted(el,binding,vnode,oldVnode){ let user = window.sessionStorage.getItem('user') user = user ? JSON.parse(user) : {} // 如果角色为管理员就不验证 if(!user.super){ let rules = u

方法之间互不影响 function1(){ this.function2().then(val => { this.function3(val); }); }, function2(){ let that = this; return new Promise((resolve,reject)=>{ let newData=[]; let objData={}; for

创建目录，npm初始配置,生成package.json文件npm init之后安装webpack,–save-dev作为开发依赖npm install webpack --save-dev接着安装webpack-Dev-servernpm install webpack-dev-server --save-dev现在就可以为项目启动前端工程化了...

在get和post下载的时候地址的封装都一不一样let params={ regionCode: that.$refs.regioncode1.regioncode, stationName: that.searchCondition_form.key, monitorTypeId: that.searchCondition_form.type, status: that.searchCondition_form.status, lim

前端不同版本的面试提要点

node.js基础

var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactualQty": 10947, "brealyQty": 11000, "bavailQty": 53}, { "id": 980550566221, "model": "XQB70-C3006", "color": "灰", "invStatusName":