- 博客(12)
- 收藏
- 关注
原创 vite配置显示本地ip
可以在 vite.config.ts 文件中配置 server 选项,将 host 设置为 ‘0.0.0.0’,这样 Vite 开发服务器就会监听在所有可用的网络接口上,包括本地 IP 地址。
2024-12-30 14:13:01
422
原创 如何解决前端更新部署后通知用户刷新
解决场景:当前端部署更新后,用户一直停留在页面上,拿不到最新资源,会造成无响应的情况。解决方案:1.在public文件夹中加入manifest.json文件,记录版本信息。2.在前端打包的时候向配置文件manifest.json文件写入当前时间戳。3.在入口JS引入检查更新的逻辑,有更新则提示更新:路由守卫router.beforeResolve,检查更新,对比manifest.json文件的响应头Etag判断是否有更新。通过Worker轮询,检查更新。
2024-03-12 10:46:56
1328
原创 在el-checkbox中使用el-image进行内层阻止冒泡
el-image外层添加容器,添加点击事件@click.stop.prevent=“() => {}”
2024-03-01 14:28:14
496
2
原创 el-date-picker组件设定指定时间起一个月的限制(PS:日常笔记)
【代码】el-date-picker组件设定指定时间起一个月的限制(PS:日常笔记)
2023-05-19 17:00:38
677
1
原创 vite vue3 ts配置
ps:如果在ts文件中导入js报错需配置tsconfig.json。在src目录下新建router目录,并新建index.js文件。在main.ts文件中把router挂载上去。2、在vite.config.ts中导入。3、在tsconfig.json中添加。最后在app.vue中使用。1、安装path插件。
2023-02-21 15:57:18
657
原创 AES进行加密、解密
一、安装npm install crypto-js --save-dev二、封装JS方法import CryptoJS from 'crypto-js'let keyStr = 'XXXXXXXX'export default { // 加密 encrypt(word) { var key = CryptoJS.enc.Hex.parse(keyStr) var enc = CryptoJS.AES.encrypt(word, key, {
2022-02-18 17:10:53
782
原创 js判断IE内核,IE浏览器版本
方法一:使用document.documentMode进行判断,即表示当前文档格式,只有IE内核浏览器才支持。 //IE11返回11,IE10返回10,IE9返回9,IE8返回8,IE7返回7,IE6返回6 function IEVersion () { if (document.documentMode) return document.documentMode; } if (IEVersion()) { console.log('当前IE浏览器版本号是', IEVers
2022-02-18 16:34:18
4545
1
原创 el-table多选判断当前操作是勾选还是取消
<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @select='onTableSelect' /*判断当前表格勾选的是选中的还是取消选中的 */ @selection-change="handleSelectionChange"> <el-table-colu
2021-11-19 14:21:54
2249
原创 element-ui树形组件实现父级与子级关联,子级与父级不关联
欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图.
2021-11-15 16:49:04
4510
2
原创 javascript——原型与原型链
标题javascript——原型与原型链一、prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。例如:function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavin
2021-05-31 10:27:56
165
原创 对Promise的理解
对Promise的理解1、Promise 是一个构造函数,我们可以通过该构造函数来生成Promise的实例。2、Promise 即承诺,后续必要兑现,一旦兑现则不可更改!其状态有三:pending(等待)、resolved(成功)、rejected(失败)。3、Promise 是对回调函数的一种封装,是对异步编程的一种改进(传统解决异步编程的方式是通过回调函数,而回调嵌套过多会导致回调地狱(callbackhell)),我们可以通过Promise将自己的程序以同步的方式表达出来,从而可以解决代码臃肿及
2021-04-02 10:06:29
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人