javascript
maxwheel
这个作者很懒,什么都没留下…
展开
-
配合vue-route更优雅的实现懒加载(lazy-load),显示Loading加载状态
一般情况下,在Vue中引入组件,我们都会使用:import MyComponent from './MyComponent.vue';在大型项目中,我们经常需要进行分隔代码(split code),以免产生过大的单一文件。Vue router的文档中有推荐的使用方式:const MyComponent = () => import('./MyComponent.vue');结合webpack的配置,在build过程中此chunk会被从app.js提出单独打包。在前端页面路由到相应功原创 2021-08-25 14:37:04 · 3417 阅读 · 0 评论 -
关于@vite/client 404
多发生于项目从webpack迁移至vite的过程。虽然debug比较麻烦,但是解决方法意外简单。如果你在vite.config.js里添加了类似 resolve: { extensions: ['.vue', '.js', '.json' ], alias: [ { find: "@", replacement: path.resolve(__dirname, './src') }, ], },这样的兼容逻辑,那么在extensions数组里加入"原创 2021-07-22 11:15:45 · 7838 阅读 · 0 评论 -
前端JS的一些小坑
1. typeof(null) == 'object'2. document.cookie对于httpOnly的cookie无法读取原创 2019-01-25 15:55:26 · 187 阅读 · 0 评论 -
Firefox的请求头不带Cookie
最近开发前端,发现Firefox的请求头没有带Cookie字段,但是Safari和Chrome却带着,百思不得其解。 后来发现,因为使用了whatwg-fetch库,但是fetch options没有加credential: same-origin,而ff和chrome的默认行为居然还不一样。。坑...原创 2019-02-27 16:10:14 · 1655 阅读 · 0 评论 -
关于浮动菜单在点击之前自动隐藏的问题
做div浮动菜单,需要在点击菜单项之后再消失整个菜单,但是如果简单在外层div中设置onblur的话,就会在内层菜单触发点击之前隐藏掉整个菜单导致点击不生效。简单搜索了一下,大概有设置全屏透明层和在内层的onmousedown里设置preventDefault的方法。但是如果用React或vue之类的框架,有一种不知道算是简单还是复杂的方法,即在外层菜单同时设置onfocus和onblur, ...原创 2019-03-01 18:21:50 · 297 阅读 · 0 评论