前端笔记
日常学习记录
momo(激进版)
˶⍤⃝˶꒳ᵒ꒳ᵎᵎᵎ
展开
-
qiankun微前端:qiankun+vite+vue3+ts
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。原创 2024-06-28 14:10:38 · 347 阅读 · 0 评论 -
创建一个vue3+vite+ts项目
新建一个vue3+vite+tsx项目原创 2024-06-29 14:48:29 · 521 阅读 · 0 评论 -
构造函数和原型
构造函数:是一种特殊的方法,主要用来创建对象时初始化对象,及对象成员变量赋初始值,和普通的函数没有什么区别,只是习惯函数名首字母大写,调用时class Person原创 2021-06-07 22:51:43 · 50 阅读 · 0 评论 -
vue时间过滤器
vue局部过滤器filters: { relativeTime (val) { const t = new Date(val) const diff = Date.now() - t.getTime() const year = Math.floor(diff / (1000 * 3600 * 24 * 365)) if (year) { return `${year}年前` } const month = M原创 2021-06-08 16:13:14 · 86 阅读 · 0 评论 -
cookie
CookieHTTP协议本身是无状态的。即服务器无法判断用户身份。Cookie实际上是一小段的文本信息(key-value格式),是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息Cookie是一段不超过4KB的小型文本数据,由一个名称(Name)、一个值(Value)和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成用于:会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息)个原创 2021-06-09 22:40:14 · 184 阅读 · 0 评论 -
promise和async
由于javascript是单线程的,只能在JS引擎的主线程上运行的,所以js代码只能一行一行的执行,不能在同一时间执行多个js代码任务,这就导致如果有一段耗时较长的计算,或者是一个ajax请求等IO操作,如果没有异步的存在,就会出现用户长时间等待,并且由于当前任务还未完成,所以这时候所有的其他操作都会无响应。那么常见的异步模式有哪些呢?回调函数事件监听发布/订阅模式(又称观察者模式)promise具体JS是如何实现异步操作的呢?当JS解析执行时,会被引擎分为两类任务,同步任务(synchron原创 2021-06-07 13:37:12 · 271 阅读 · 0 评论 -
$nextTick和$refs知识
ref和$refs使用1.获取原生DOM标签<template> <div> <h1 ref="myH1">1. ref获取原生dom</h1> <button @click="fn">点击修改上面内容</button> </div></template><script>export default { methods: { fn() { c翻译 2021-06-10 17:10:43 · 159 阅读 · 0 评论 -
关于 vue.use(plugin, arguments)
Vue.use( plugin )先举个栗子,常见的用法import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。当 install 方法被同一个插件多次调用,插件将只会被安装一次。plugins.j原创 2021-06-11 00:26:29 · 289 阅读 · 3 评论 -
两个数组重复id过滤
const arr = this.allChannels.filter(channel => { const idx = this.channels.findIndex(item => item.id === channel.id) if (idx === -1) { return true } }) return arr原创 2021-06-10 22:54:25 · 288 阅读 · 0 评论 -
什么是闭包
换而言之,闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中,闭包会随着函数的创建而被同时创建。如果不是特定的需要应该尽量减少使用闭包,闭包会消耗内存。(closure)是一个函数以及其捆绑的周边环境状态(原创 2023-03-25 22:31:34 · 34 阅读 · 0 评论 -
导入导出excel
get请求,直接使用window.open。post请求,要在header里加东西。后端返回的是文件流类型。原创 2023-03-27 11:01:18 · 70 阅读 · 0 评论 -
createWebHistory和createWebHashHistory的区别
history每次刷新会向后端发起请求,需要和后端配合,如果对于项目没有硬性标准要求,我们可以直接使用hash模式开发。history刷新会出现404需要配nginx的url重定向。createWebHashHistory路由带#createWebHistory路由不带#原创 2023-03-24 10:46:40 · 435 阅读 · 0 评论 -
深拷贝和浅拷贝,及其深拷贝使用场景
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。原创 2023-04-07 09:30:11 · 58 阅读 · 0 评论 -
小程序的生命周期
【代码】小程序的生命周期。原创 2023-04-13 16:28:04 · 39 阅读 · 0 评论 -
element plus表格表头保留换行符
【代码】element plus表格表头保留换行符。原创 2023-05-28 09:41:22 · 368 阅读 · 0 评论 -
elememtplus表格按搜索条件高亮显示
需求预约日期默认显示当天日期,工位,工位状态和预约时间前端自行过滤,符合条件的高亮显示。原创 2023-06-08 14:36:35 · 247 阅读 · 0 评论 -
接口返回是Blob转换成地址
【代码】接口返回是Blob转换成地址。原创 2023-04-04 11:36:40 · 776 阅读 · 0 评论 -
使用g2堆叠柱形图点击柱状图展示对应月份的数据
【代码】使用g2堆叠柱形图点击柱状图展示对应月份的数据。原创 2023-04-14 12:12:57 · 313 阅读 · 0 评论 -
el-table 固定列后固定列盖住滚动条怎么解决?产品想要鼠标悬浮改变滚动条颜色怎么实现?
产品嫌滚动条太细调整高度后滚动条被固定列盖住了。原创 2024-01-24 11:43:40 · 441 阅读 · 1 评论 -
根据url下载各种格式的图片文档
使用downloadjs。原创 2023-04-14 12:07:41 · 106 阅读 · 0 评论 -
打开一个页面,数据是接口轮询返回的,还可以修改属性,如何在编辑时暂停轮询
使用 @vueuse/core封装的方法,传递一个函数,监听一个boolean值。原创 2023-04-14 11:53:18 · 85 阅读 · 0 评论 -
【electron】-This renderer process has “webSecurity“ disabled. This exposes users of this app to sever
原因:有跨域请求在主进程里添加了webSecurity:false,控制台出现如下警告⚠️。原创 2023-04-14 12:42:15 · 898 阅读 · 0 评论 -
EventBus,$emit,$on
EventBusEventBus 又称为事件总线。如果组件之间没有引入关系,也不需要用vuex库来处理通信,则可以用EventBusmain.jsVue.prototype.$EventBus = new Vue()如果有两个组件A,B需要进行通信,点击A页面按钮则传递数据给BA.vue<button @click="sendMsg"></button> methods: { sendMsg() { EventBus.$emit("change",原创 2021-06-11 23:52:05 · 2077 阅读 · 1 评论 -
vue-property-decorator
是依赖于ts的一个装饰库,用来简化书写npmvue-property-decorator是vue-class-component的进一步封装,提供了 写法template和css写法不变,只是在script上加上lang='ts':script声明当前语言是ts@Component:注明此类为一个vue组件 export default class Test extends Vue:当前组件类继承vue生命周期 方法 组件 watch 计算属性对于V原创 2023-04-14 13:11:25 · 332 阅读 · 0 评论 -
electron
ready:当Electron完成时被触发window-all-closed:所有窗口被关闭时触发before-quit:在窗口关闭之前触发will-quit:在所有窗口都已经关闭并且应用程序将要退出quit:退出之前。原创 2023-04-14 12:57:44 · 188 阅读 · 0 评论 -
vue resolveDynamicComponent的使用
这几个组件里的内容写在对应的views的component文件夹下。使用resolveDynamicComponent动态解析组件。遇到这种情况,每个卡片的布局一致,只有内容不一致。组件注册在global或者在main.ts里导入。对应的ts写出对应的标题和详情页配置。原创 2023-04-14 12:31:44 · 460 阅读 · 0 评论