随笔分类 -  前端

摘要:背景 我在博客园后台写的自定义script依赖某个js库,他始终提示xxx not defined. 原因 通过对比,不难发现,博客园偷偷改了你的代码,用defer优化了一下,防止js代码的加载阻塞dom渲染。 defer和async script标签可以使用defer或者async属性。 defe 阅读全文
posted @ 2024-12-27 02:40 魂祈梦 阅读(90) 评论(0) 推荐(0)
摘要:背景 有时候写项目难免要用到文档框架。 可选项 VitePress/VuePress 熟悉的vue,不必多说。 https://vitepress.dev/zh/ docsify 28.2k stars https://docsify.js.org/#/zh-cn/ 知名度很高。 其服务端渲染的功能 阅读全文
posted @ 2024-12-25 18:12 魂祈梦 阅读(135) 评论(2) 推荐(1)
摘要:前言 实在是懒得手写一个toast,于是找了一下。 过程 https://github.com/Maronato/vue-toastification/tree/next vue-toastification这个库很有名,默认是vue2的,如果需要使用vue3,需要在安装时,指定next的tag,比 阅读全文
posted @ 2024-12-20 02:21 魂祈梦 阅读(357) 评论(0) 推荐(0)
摘要:背景 使用径向渐变画一个圆环 想要的效果大致如下 问题 出现明显的锯齿。 background: radial-gradient(circle at center, blue 35%, white 35.1%); 解决方法 原因和原理别人已经说过,我水平不及人家,不必多说。 https://juej 阅读全文
posted @ 2024-12-12 01:37 魂祈梦 阅读(58) 评论(0) 推荐(0)
摘要:正文 修改为PC的UA 修改ua能让很多网页将我们的设备认为是pc端,因为很多网页都是以ua作为判断的基础。 比如哔哩哔哩,ua为移动端则会跳转到m开头的移动端网页,那么你再怎么优化和配置,没有的功能就是没有。 还有知乎、百度贴吧等一系列放弃移动端网页引流App的平台。 修改viewport 大多数 阅读全文
posted @ 2024-12-10 17:06 魂祈梦 阅读(125) 评论(1) 推荐(0)
摘要:背景 使用了 https://github.com/JamieCurnow/vue-clipboard3 这个项目。以import,ES模块的方式引入。 pnpm dev时出现报错。 分析 我无法给出具体的分析,大致如下。 作者的npm包提供了ES模块和commonJS模块引入两种方式。 然而他的c 阅读全文
posted @ 2024-12-09 22:46 魂祈梦 阅读(399) 评论(0) 推荐(1)