之前项目多次遇到隔离环境需要通信，比如window.top和iframe。Chrome Extension环境之间通信。主线程与web worker通信等。原生的通信方式会遇到以下问题

用原生vnode的数据格式使用自定义指令：注意属性名一定是directives！！！不能改！ {代码...} {代码...}

搜了下貌似是chrome 115之后出现的存储分区机制，他会在a页面被不同跨域页面嵌入时，生成不同的storage相关链接：[链接]希望未来能提供一个默认分区吧，现在是没找到

背景项目升级为[email protected]@2老项目很难升级为[email protected] [email protected]不再维护vue.js [email protected]不支持新的setup state等常用功能vue.js [email protected]对vue@2一进入页面卡死项目由于历史以及业务原因页面性能很差，导致vue.js [email protected]会在一些场...

项目使用vite5与vitest；自动化测试脚本产生了内存泄露。使用命令vitest run --logHeapUsage=true打印结果如下

官方例子没有体现出来slot的最佳用法 {代码...} 问题1：slot-scope已经废弃，不论是volar还是vue2.7都不是很兼容问题2：官方例子columns配置和表格分离，语义化不是很好环境ant-design-vue: 1.7.8vue: 2.7volar最佳实践 {代码...} 以上写法支持v-slot用法，columns配...

项目使用vue-cli-service@4打包一个bundle.js；希望bundle引用的文件使用cdn，但是发现publicPath设置无效：

今天遇到了一样的问题，解法如下，帮大家节省下时间 {代码...} vue-cli-service@4 版本

这里我们使用Vue.component这个函数作为切入点；发现Vue.component对于同一个组件（如ElTooltip）调用了2次；看到全量引入的element-ui来自于node_modules中的包；查看了下logic-tree这个包的代码

背景h5页面有时候需要给可交互元素添加触摸反馈功能：点击的时候给触摸元素1个样式的修改取消点击的时候还原本文首先对多种已知方法进行描述，同时总结其优缺点，最后基于以上方法提出我们自己的方法法1：:active使用css的active伪选择器，代码如下 {代码...} 优点简...

背景项目中使用的chrome extension是v2版本的，不支持一些新特性，比如方法的promise化。同时希望对框架进行整体的升级，以储备踩坑经验功能基于之前的开发痛点，希望新的项目如下框架：包管理：pnpmvue 3typescript打包工具：viteui组件库：element-plusbackground ...

项目采用monorepo(yarn workspace)方式来管理，当使用vant这种库的时候，需要在引用处配置.postcssrc.js来处理rem和px转换。

从 2016 年 5 月 19 日开始，每一年的这一天都被定为京东集团的“519 老员工日”。正所谓：五年砺银，十年锻金！在京东成长 10 年的员工，放在行业里的任何一家公司，都能够像金子般发光！

说到在网页里创建动画，你可能很快会想到jQuery的animate()方法，或者css3的animation和transition。现在，本文将介绍另一个web动画的可选方案，GSAP。

1.浏览器的主要构成部分 1.用户界面 2.浏览器引擎(负责窗口管理、Tab进程管理等) 3.渲染引擎(有叫内核，负责HTML解析、页面渲染) 4.JS引擎(JS解释器，如Chrome和Nodejs采用的V8) 这里面最核心的就是渲染引擎和JS引擎，后面会详细介绍这两个引擎的相关内容。 常见浏览...

前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配套的，尺寸和比例上有些偏差，即使你只使用某一个图标库的图标难免也会有收录不...

在线上系统中，需要使用node的多进程模型，我们可以自己实现简易的基于cluster模式的socket分发模型，也可以使用比较稳定的pm2这样进程管理工具。在常规的http服务中，这套模式一切正常，可是一旦server中集成了socket.io服务就会导致ws通道建立失败，即使通过backup...

背景 由于表格数据比较同构，有时候列配置是动态的，此时希望使用v-for来配置column {代码...} 可以看到代码比直接使用template更加简洁，另外也可以利用formatter函数处理简单的自定义字符串 问题：自定义template的列 当我们希望使用配置的方式来达到<template ...