maxwheel的博客

一般情况下，在Vue中引入组件，我们都会使用： import MyComponent from './MyComponent.vue'; 在大型项目中，我们经常需要进行分隔代码（split code），以免产生过大的单一文件。Vue router的文档中有推荐的使用方式： const MyComponent = () => import('./MyComponent.vue'); 结合webpack的配置，在build过程中此chunk会被从app.js提出单独打包。在前端页面路由到相应功

多发生于项目从webpack迁移至vite的过程。虽然debug比较麻烦，但是解决方法意外简单。 如果你在vite.config.js里添加了类似 resolve: { extensions: ['.vue', '.js', '.json' ], alias: [ { find: "@", replacement: path.resolve(__dirname, './src') }, ], }, 这样的兼容逻辑，那么在extensions数组里加入"

1. typeof(null) == 'object' 2. document.cookie对于httpOnly的cookie无法读取

最近开发前端，发现Firefox的请求头没有带Cookie字段，但是Safari和Chrome却带着，百思不得其解。   后来发现，因为使用了whatwg-fetch库，但是fetch options没有加credential: same-origin，而ff和chrome的默认行为居然还不一样。。坑...

做div浮动菜单，需要在点击菜单项之后再消失整个菜单，但是如果简单在外层div中设置onblur的话，就会在内层菜单触发点击之前隐藏掉整个菜单导致点击不生效。 简单搜索了一下，大概有设置全屏透明层和在内层的onmousedown里设置preventDefault的方法。但是如果用React或vue之类的框架，有一种不知道算是简单还是复杂的方法，即在外层菜单同时设置onfocus和onblur， ...