写法vue2 vue js
关于 vue element date-picker 2023年节假日过滤
element-ui DatePicker 的使用可参考：https://element.eleme.cn/#/zh-CN/component/date-picker 具体节假日需要每年12月份，跟据国家发部的通知自己行做调整 2023年节假日通知参考：http://www.gov.cn/zheng ......
《nodejs跨栏》vue篇——新建项目
使用脚手架新建 参考链接：https://segmentfault.com/a/1190000022484789 一、安装nodejs 1、访问网址：https://nodejs.org/en/ ，下载安装（左边稳定版，右边最新版），一路next。 2、下载完成后，cmd中输入node -v，检查是 ......
js获取对象数组中的id集合
js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item = ......
js实现产品页点击小图在大图区显示
企业网站产品图片可能会比较多，需要在产品页面多放几张展示图片，我们可以使用一张大图+几张小图的形式排列，并使用js代码实现点击小图显示大图。效果如下所示html代码部分：<div class="img_bd"> <img src="/e/picture/180613/1-1P6130ZH6.jpg" ......
dedecms批量替换sql写法
本教程操作环境：Windows10系统、DedeCMS 5.7版、Dell G3电脑。 dedecms 怎么实现批量替换？ 织梦dede批量替换文章标题、正文内容关键词方法 相信对于很多织梦dedecms站长来说，应该经常遇到采集文章或者复制别人文章，需要批量修改文章标题、关键词、正文、作者、来源、 ......
xlsx.js导出表格
说明 vue2 前端导出表格需用用到xlsx.js这个库 npm install xlsx 代码部分 wch和 import * as XLSX from "xlsx";//记得在要用的页面导入 /* 导出表格 */ exportExcel_() { /* 定义表格的数据 第一行是表头*/ var ......
原生js layui模板引擎使用
HTML代码: <div id="dayOvertime" style="border:1px solid #e2e2e2;"></div> JS代码: <script id="lateTimeLaytpl" type="text/html"> {{# layui.each(d, function( ......
vue 导致el-menu高亮会失效的问题
一个router转到另一个router常用的方法： this.$router.push({path:'',params:{}}); this.$router.push({path:'',query:{}}); 这种方式传参都是可以接收到的。但是有个问题，导致中的el-menu不能高亮显示，进行跟踪以 ......
vue 后端传文件流前端解析并下载
注：很多小伙伴可能会出现，下载后乱码情况，因为后端传的文件流。 前端请求的时候，在请求体上需要添加申明： export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
vue中关于赋值的坑
在使用弹窗展示表格数据详情的时候，由于字段名都取一样的，在详情弹窗页面，不会在data中去特意定义每个字段名。直接用上个页面的传值，通过赋值让值直接显示: 比如: this.ruleForm = data 如果，在你需求中没有清空或者更改data中数据或许并不会产生问题。但如果在这个页面需要对数值进 ......
JS中内存泄漏的几种情况
JavaScript 中的内存泄漏是指程序中使用的内存不再被需要却没有被释放，最终导致浏览器或者 Node.js 进程使用的内存越来越大，直到程序崩溃或者系统运行缓慢。 在 JavaScript 中，内存泄漏通常是由于变量、对象、闭包、事件监听器等长期存在而没有被释放引起的。这些长期存在的引用会阻止 ......
关于vue中动态路由404 为什么要放最下面
在vue在路由匹配机制中，对路由的匹配是从上到下的，通常使用{ path: '*', redirect: '/404', hidden: true }进行404页面跳转，*代表获取所有路径标识，如果放在前面就会提前进行匹配到404页面，从而无法匹配到正确页面。所以我们需要将其放在最后，只有当页面不存 ......
js中找出对象中值最大的一项
比如有以下对象 const obj = { num1: 1000, num2: 800, num3: 900, } 期望得到 num1: 1000这一项。 js实现代码： export const maxIncome = (userWalletIncomes) => { let maxValue = ......
vue中 vuex踩坑笔记-刷新后动态路由不渲染
在vue中，vuex经常用于存储公共状态，特别是在登录的时候获取token再保存，这个时候 如果是做的动态路由，由于vuex的特性在你刷新后会清除你的所有操作的存储。这时候，存储的token和动态路由都会被清掉。 如何解决这个问题： 1.结合session或者cookie（通常用这个），token保 ......
vue写一个sleep函数
在Vue中，可以使用Promise和setTimeout来实现一个sleep函数。 下面是一个示例代码： function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } 这个函数接受一个毫秒数，返回一个Pr ......
vue环境配置
.env.peizhi ENV = 'peizhi' package.json "serve:peizhi": "vue-cli-service serve && webpack-dev-server NODE_ENV=peizhi --mode peizhi --open --hot" ......
Vue全局配置WebSocket
服务端可以主动向客户端推送数据，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输 创建文件/xx/global.js，且在main中引用 // global.js 文件 export default { ws: {}, setWs: function(newWs) ......
Mac安装node.js开发环境的详细步骤
1.官网下载node.js 下载地址：https://nodejs.org/ 直接点击下载即可。 2.双击刚下载的文件，默认点继续安装就行。 3.安装完成后，打开终端，输入“npm -v”和“node -v”两个命令，如下图出现版本信息，说明安装成功。 4.进行环境配置 打开终端，输入“open - ......
JS之根据两地经纬度获得两点之间的距离
JS之根据两地经纬度获得两点之间的距离： const getDistance = (lat1, lng1, lat2, lng2) => { lat1 = lat1 || 0; lng1 = lng1 || 0; lat2 = lat2 || 0; lng2 = lng2 || 0; var rad ......
js得到一个字符串的真实长度
早期，由于存储空间宝贵，Unicode使用16位二进制来存储文字。我们将一个16位的二进制编码叫做一个码元（Code Unit）。 后来，由于技术的发展，Unicode对文字编码进行了扩展，将某些文字扩展到了32位（占用两个码元），并且，将某个文字对应的二进制数字叫做码点（Code Point）。 ......
vue3 路由页面返回时，恢复滚动条位置
首先，路由必须是KeepAlive模式 <script setup lang="ts"> import { onActivated } from "vue"; import { onBeforeRouteLeave } from "vue-router"; import { ref } from " ......
使用 HTTP/2 加速 Node.js 应用
我们想让现今使用 Node.js 构建的网站能够更加轻松的获得性能提升。为此，我们开发了 netjet 中间件，它可以解析应用生成的 HTML 并自动添加 Link 头部。 当在一个示例的 Express 应用中使用这个中间件时，我们可以看到应用程序的输出多了如下 HTTP 头：本文是使用 Ghos ......
vue中手动清除KeepAlive缓存
首先，这是vue的官方文档 KeepAlive | Vue.js (vuejs.org) KeepAlive组件能够保存当前组件状态，在进行路由跳转时变为【不活跃状态】而非卸载。但是官方并没有提供清除缓存的方法（除了刷新页面，整体重建） 假设以下是我们路由&对应组件的代码 <router-view ......
vue-cli打包出单文件
// vue.config.js修改const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, filenameHashing: f ......
js
在CMD规范中，一个模块就是一个文件。每个的书写格式如下： define(function(require, exports, module) { // 模块代码 }); 立即调用的函数表达式IIFE(Immediately-invoked function expression) (functio ......
Vue "引用式"调用组件内函数
##场景 希望在点击页面上的某个 button 时, 刷新某个组件的内容. 组件内容刷新函数 getStatistic() 在组件<Table/>内, 当点击 "统计" 按钮时, 页面 Block 切换至统计页面, 同时调用对应组件中的 getStatistic() 函数, 更新数据. ##解决方案 ......
JS高级（作用域，原型链，闭包，节流，防抖等概念性）
作用域 局部作用域 函数作用域 在函数内部声明的变量只能在函数内部被访问，外部无法直接访问 块作用域 let和const声明的变量会产生块作用域，var不会产生块作用域，推荐使用let和const 全局作用域 在<script>和.js文件的最外层就是全局作用域，在此声明的变量在其他任何作用域都可以 ......
记录--极致舒适的Vue页面保活方案
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 为了让页面保活更加稳定，你们是怎么做的？ 我用一行配置实现了 Vue页面保活是指在用户离开当前页面后，可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验，而不会被繁琐的操作打扰。 为什么需要页面保活？ 页面 ......
【面试题】 VUE 路由守卫 next() / next({ ...to, replace: true })区别
【面试题】 VUE 路由守卫 next() / next({ ...to, replace: true })区别 : https://blog.csdn.net/weixin_42981560/article/details/127907423?ops_request_misc=%257B%2522 ......