famanoder's recent timeline updates famanoder's recent timeline updates |
famanoderV2EX member #194835, joined on 2016-10-07 13:08:39 +08:00 |
github.com/famanoder
famanoder
| svg in JS 之图标的解决方案 前端开发 • famanoder • Jan 20, 2024 • Lastly replied by webszy | 8 |
| 不可错过的包管理工具 - yarn 前端开发 • famanoder • Jul 30, 2019 • Lastly replied by MonoLogueChi | 4 |
| 为什么发布主题时的 markdown 语法支持这么让人忧伤？ 问与答 • famanoder • Jul 27, 2019 • Lastly replied by b00tyhunt3r | 3 |
| 探究 PWA 的实现与应用 前端开发 • famanoder • Jul 28, 2019 • Lastly replied by julyclyde | 2 |
| 使用 Babel 进行抽象语法树操作 前端开发 • famanoder • Jul 22, 2019 |
| 更快的安装 puppeteer Node.js • famanoder • Jul 21, 2019 • Lastly replied by Karpov | 8 |
| 网页骨架屏自动生成方案（dps） 前端开发 • famanoder • Jul 24, 2019 • Lastly replied by buhi | 10 |
| 用纯 DOM 的方式结合 Puppeteer 自动生成网页骨架屏 问与答 • famanoder • Oct 11, 2018 • Lastly replied by horizon | 1 |
| 做个前端，来点 Nginx Node.js • famanoder • Oct 24, 2017 • Lastly replied by sm0king | 24 |
| Nodejs 同步与备份服务器仓库 Node.js • famanoder • May 24, 2017 |
famanoder's recent replies
Jan 19, 2024 Replied to a topic by famanoder › 前端开发 › svg in JS 之图标的解决方案 |
@codehz 了解了，我看看彩色字体能不能跟我这个方案结合一下
Jan 19, 2024 Replied to a topic by famanoder › 前端开发 › svg in JS 之图标的解决方案 |
@codehz 多谢提点，我去查了一下，确实有彩色字体图标方案了，我看看我这优化后的 svg 能不能转成字体，但是又不太想加载一个字体文件，导致出现图标闪烁的情况
Jan 19, 2024 Replied to a topic by famanoder › 前端开发 › svg in JS 之图标的解决方案 |
@tool2d 思路差不多，我这就是加了一层运行前的优化，整理了一下 svg 颜色设置的方案和组件化的封装
Jul 30, 2019 Replied to a topic by famanoder › 前端开发 › 不可错过的包管理工具 - yarn |
@MonoLogueChi 在 windows 上面，使用 yarn 比 npm 舒服很多，能避免不少坑，目前 yarn 还没让我失望过，用 npm 时经常需要各种折腾。
Jul 21, 2019 Replied to a topic by longhao › 前端优化 › 如何更好的管理前端环境变量 |
赞
Jul 21, 2019 Replied to a topic by famanoder › Node.js › 更快的安装 puppeteer |
@all 学习了
Jul 20, 2019 Replied to a topic by famanoder › 前端开发 › 网页骨架屏自动生成方案（dps） |
@ChefIsAwesome 最后，对于不同用户看到的场景不一样的话，我们推荐按页面里的模块生成相应的骨架屏，然后在模块内取数据前后控制显示或隐藏；
Jul 20, 2019 Replied to a topic by famanoder › 前端开发 › 网页骨架屏自动生成方案（dps） |
@zqx 这个想法非常好呀，这里 puppeteer 做的事情和 selenium 类似，都是借助一个工具来运行指定页面，得到页面的 html，再分析页面结构， 但是我们为了精简 DOM 节点和样式信息，最终选择只画出模块的轮廓，异曲同工，哈哈
Jul 20, 2019 Replied to a topic by famanoder › 前端开发 › 网页骨架屏自动生成方案（dps） |
@ChefIsAwesome em...首先，该方案只是针对网页的轮廓生成最多两层纯 DOM 节点，试验过很多个主流网站，生成的骨架屏体积几乎没有超过 30k 的，都非常小，所以对网页本身的加载渲染速度几乎没有拖累；其次，对于不同用户看到的东西不一样，骨架屏确实不好做成动态的，但我们在实际的使用及用户反馈来看，并不影响用户体验；
Jul 20, 2019 Replied to a topic by famanoder › 前端开发 › 网页骨架屏自动生成方案（dps） |
@also24 哦，这一行是百度提示下载 app 的按钮和图标
Select Language