#前端

对于 tailwind。我个人的习惯是，如果写一些自己很熟悉的 css 样式，例如 font-size、margin 或者 padding，我可能都会优先使用它

但如果像使用 grid 这种不太熟悉的语法（对个人来说），我肯定会直接使用原生 css。主要就是想加强一下练习。我不想 css 知识都被 tailwind 占据了。就像以前操作 dom，在一般情况下，我都尽量不会去使用 jquery

#前端

正在学Next.js，他们文档中对一些概念的描述比webpack组织的明显更合理

#前端

♥已找到 | 业余项目需要一个前端伙伴 | 电鸭社区

Link2在电鸭社区里发了一个成员招募帖子，引起了不少返响，也许可以上线后先搞个活跃开发者通讯录？

#前端

Web Push for Web Apps on iOS and iPadOS

在推特上看到 Viking 分享的：iOS 16.4 Beta 1 版本正式支持了 Web Push，支持 Push API / Notifications API / Service Workers，对添加到桌面的Web 应用有效。

WebApp 迎来一个新的发展机会。

#前端

Day 12 study ModernJs

#前端

Are you interested in any of these things?🤔

🐙Git
🐧Linux
🐍Python
☁️DevOps
⚓️Kubernetes
⚡️JavaScript
🐳Docker
🌟GitHub
🏆Certs
☕️Java
📊SEO
🤖AI

#前端

想做一个浏览器插件，功能很简单：在屏幕正中央打一个倒计时，对，就是汪淼眼中看到的那种，可以选定一个节日或自定义一个未来的时间，然后它就一秒一秒的跳动，无论你切换到任何一个网页，它永远在那里，怎么样？

#前端

font-spider字体压缩工具只能用于静态页面，像是 Vue 这种框架动态渲染文字的可以使用网上找的可以使用 font-spider-plus 进阶版，但是看 usage 需要填写项目中所有页面的路径，很麻烦啊。有没有更好的工具优化网页的自定义字体呢？

#前端

Bing 新版 和 ChatGPT 结合体。【为孩子们写一个关于住在月球上的狗的故事】
好的，我为你写了一个关于住在月球上的狗的故事，希望你和孩子们喜欢。故事是这样的：

月球上的狗

有一只叫做阿波罗的狗，他是一只勇敢的宇航员。他的梦想是去月球探险，看看月球上有什么奇妙的东西。他经常在夜晚仰望天空，想象自己飞到月亮上的样子。

有一天，他的梦想成真了。他被选中了参加一次月球任务，他要和其他三个人类宇航员一起乘坐一艘火箭飞向月球。他非常兴奋，他穿上了特制的太空服，戴上了头盔，坐进了火箭的舱内。他听到了倒计时的声音，然后感觉到了强烈的推力，他知道他要开始他的冒险了。

火箭飞了三天，终于到达了月球的轨道。阿波罗看到了月球的表面，他觉得它很美丽，也很神秘。他迫不及待地想要下去看看。他和其他宇航员一起进入了登月舱，准备着陆。他们成功地降落在了月球的一个平坦的地方，他们打开了舱门，走出了登月舱。阿波罗感觉到了月球的重力，他觉得自己很轻，他可以跳得很高，他很开心。他跟着其他宇航员一起在月球上走了一会儿，他们拿着一些仪器，采集了一些月球的岩石和土壤。他们还在月球上插上了一面国旗，拍了一些照片，和地球上的人们通了话。

阿波罗觉得月球上的一切都很新奇，他想要探索更多的地方，他看到了一个大坑，他想要去看看里面有什么。他偷偷地离开了其他宇航员，跑向了那个大坑。他跳进了大坑，他发现了一个惊人的秘密。大坑里面有一座巨大的玻璃穹顶，里面有一片绿色的草地，还有一些小房子，还有一些动物，有猫，有鸟，有兔子，还有一些他从来没有见过的奇怪的生物。他觉得自己好像进入了一个童话世界，他很好奇，他想要去和那些动物交朋友。

他走进了玻璃穹顶，他感觉到了温暖的空气，他闻到了花草的香气，他听到了动物的叫声。他看到了一只白色的猫，它正躺在一棵树下，晒着太阳。阿波罗走过去，对它说：“你好，我叫阿波罗，我是一只狗，我来自地球，我是一个宇航员，我来到月球上探险

#前端

记录下昨天Debug~

现网反馈部分用户海报下载功能点击没反应，查了之后发现是js执行xhr下载图标Icon时，显示跨域；单独尝试Get请求/浏览器直接打开图片Icon地址，又正常。

百思不得其解，CDN为啥会跨域呢？公司CDN也没有特别的跨域配置。

观察到一个特殊现象，打开F12 devtools后则不会报跨域错误；关闭则会稳定报错；

然后发现是F12开了disabled cache，于是定位缓存相关。

于是发现是因为这个图片Icon在前置的业务流程中，以Img标签的形式访问了一次，浏览器缓存住了这个Icon cdn地址的Http Response，但是CDN配置中，对于Img标签的访问回包里不会特殊设置跨域Header；于是在下次js执行xhr下载图标Icon时，命中浏览器缓存，直接返回缓存的Http Response，由于其中没有跨域头，所以请求被浏览器拦截，提示报错。

临时应对：xhr下载图标Icon时候，给CDN地址后面+Random参数，规避缓存

后续：应该和CDN侧讨论这类问题，对于Img等返回是否也应该返回跨域的Header配置

#前端

像素丢失

像素丢失更新了。给它购买了独立域名 https://xiangsu.art 这是一次巨大的更新，我给它的定位是：为现代 Web 应用而生的图片压缩工具。

​它或许是目前最高效的图片压缩 GUI 软件，利用它的「工作空间」，能快速为你的 Web 应用提供所需的全套图片。

​​官方站点由 SvelteKit 切换到了 Next.js，我对框架（包括 Tailwind CSS、SCSS、Less 等工具集成）彻底退烧了，在尝试过市面上大部分主流 JavaScript Frameworks 之后，已经对构建一个什么样的网站选择什么框架有了些经验，希望今后有机会谈这个话题。

​像素丢失在今后一段时间内不会做太大的更新，尽管我还有一些想法没有实现，我需要把精力放在其它事情之上。希望在 2.0 版本的时候切换到 Rust + WebView 或者 Rust + Flutter 又或者是 Golang + Flutter，这些还太过遥远。

​欢迎使用像素丢失，希望它对你打造更好的产品有帮助，祝好运。
​

#前端

背前端八股好痛苦…但是为了找工作我拼了！

#前端

就这几行代码，花了半天才搞懂😭本来以为是单纯的es语法，后来发现是ts的语法。顺便发现了各种奇奇怪怪的导入导出