hdxg

2023年7月23日

摘要：有时候会遇到CDN挂掉的情况，导致页面长时间空白，极大地降低用户体验。这时候就需要CDN替补了。一般的做法是，添加替补script标签。比如对于jquery。如果在替补标签中发现jquery对象没有挂载到window对象上，就生成一段新的script标签加载替补cdn： <script src=" 阅读全文

posted @ 2023-07-23 21:35 hdxg 阅读(20) 评论(0) 推荐(0)

骨架屏

摘要： ## 简介骨架屏本质上就是页面的loading，与一般loading不同的是，它是页面初始化的loading，而不是某个操作的loading（比如接口请求时显示的loading）。技术实现上也没有特别高大上，就是得自己编写一个骨架屏组件（有的方案可以自动根据页面生成，但稍微看了下，觉得不好），然阅读全文

posted @ 2023-07-23 16:30 hdxg 阅读(149) 评论(0) 推荐(0)

2023年7月22日

IFC中行内盒的真实布局

摘要：根据9.4.2 IFC小节中的高亮文字可以看出，IFC中是这样布局行内盒的：IFC首先创建一个行框，将行内盒一个一个水平地排列。一个行框用完了，就创建一个新的行框接着放。如果一个行内盒在当前行框的剩余部分放不下，则会创建一个新的行内盒装下剩余的部分，放到下一个行框。被分割的行内盒在分割处（即上一个行阅读全文

posted @ 2023-07-22 19:59 hdxg 阅读(14) 评论(0) 推荐(0)

position为absolute的元素的生成盒的包含块是其position为absolute、relative、fixed的祖先的内容边界而不是内边距边界

摘要：蓝色区域为.parent的content box。由此可以看出，规范中所说的，若某元素的position为absolute，其视口应该为其第一个position为absolute、relative或fixed的祖先元素的内容边界，而不是内边距边界。阅读全文

posted @ 2023-07-22 19:58 hdxg 阅读(10) 评论(0) 推荐(0)

清除浮动的细节——clearance

摘要：假设现在有一个红色box和一个绿色box。红色box在上，绿色box在下。红色box设置float: left，绿色box使用clear:both清除浮动。请问，绿色box的哪个上边缘（content box的上边缘、padding box的上边缘、border box的上边缘、margin 阅读全文

posted @ 2023-07-22 19:06 hdxg 阅读(26) 评论(0) 推荐(0)

同一台电脑配置公司git和个人git

摘要： https://www.cnblogs.com/hezhi/p/10317642.html 照着这篇文章的第二章做就行，亲测有效。建议有条件的情况下专门配一台公司电脑，避免泄露公司代码。阅读全文

posted @ 2023-07-22 09:55 hdxg 阅读(12) 评论(0) 推荐(0)

2023年7月21日

动态修改audio中source元素的src属性，音频没有切换

摘要：问题如题，我是用的是vue。解决办法是修改src属性后，先调用audio.load()加载音频，然后再调用audio.play()播放。阅读全文

posted @ 2023-07-21 19:07 hdxg 阅读(464) 评论(0) 推荐(0)

2023年7月14日

electron中使用sqlite3和sequelize

摘要：需求如题，刚解决完，困难重重，挑重点讲： 1. 在windows下使用sqlite3需要以管理员的方式全局安装windows-build-tools，这个是用来给sqlite3重编译用的。下载的时候注意将npm降级到版本6，否则会卡在某一步半天没有动静。 2. 在项目中安装electron-rebu 阅读全文

posted @ 2023-07-14 02:51 hdxg 阅读(912) 评论(0) 推荐(1)

reify:ajv: timing reifyNode:node_modules/windows-build-tools Completed in 488ms

摘要：给用electron开发的项目中引入sqlite3和sequelize，运行时报错：Error: Please install sqlite3 package manually 网上搜索资料，有解决办法说要在管理员模式下全局安装windows-build-tools。于是执行npm i window 阅读全文

posted @ 2023-07-14 02:09 hdxg 阅读(805) 评论(0) 推荐(0)

2023年7月9日

Can't import the named export 'PromiseQueue' from non EcmaScript module (only default export is available)

摘要：最近在开发一个electron应用，需要用到ssh功能。经过挑选，最终使用的是node-ssh这个包。然而，使用的过程并不顺利，执行npm run electron:serve运行出错，报错信息如下：报错信息说的是使用import语法导入了非ES模块。网上找文章，都是说只要在webpack中阅读全文

posted @ 2023-07-09 07:45 hdxg 阅读(2044) 评论(0) 推荐(0)

公告