前端 | 互联网从业者充电站互联网从业者专属内容多为技术、产品、设计、运营等不同话题内容；目标人群为程序员、设计师、产品经理、运营管理等不同职能。投稿/合作： @inside1024_bot内容来源网络https://internet-charging-station.pages.dev#前端对于 tailwindhttps://internet-charging-station.pages.dev/posts/10436https://internet-charging-station.pages.dev/posts/10436Mon, 27 Feb 2023 09:45:00 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />对于 tailwind。我个人的习惯是，如果写一些自己很熟悉的 css 样式，例如 font-size、margin 或者 padding，我可能都会优先使用它<br /><br />但如果像使用 grid 这种不太熟悉的语法（对个人来说），我肯定会直接使用原生 css。主要就是想加强一下练习。我不想 css 知识都被 tailwind 占据了。就像以前操作 dom，在一般情况下，我都尽量不会去使用 jquery#前端https://internet-charging-station.pages.dev/posts/10401https://internet-charging-station.pages.dev/posts/10401Sat, 25 Feb 2023 18:00:04 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/B4zUezo8Qx-lpFYmYazICKQIgHxxTa_oHFB8tE8DPp6Po3LJtEkvjgotjo2IkG-vR-e4vFZHxbr7aCIsoZsA79HJVcTqS3OXvwe8rjgIBP94kufS4Yt2ljOMmDK7Oi_fRyEcjNFkobKtToyQ2NxrflFiP46nx1LQFZ9baxJQDiizUdLSVC8DvAOTu2pdOEhsUYbd9NEe2Ok6mMoLunrnLYPBkB7iDHnsTCoyiYhEnavjmLpktiSveyjJM_qx1ToWFciZGwQB7LnRcV0fZCIfNX5X8uSt3EUY9uEa0zRJ4ATc7rW-hlYUoQgSOCPaJeXiWODaAHKGVe-Cdlofjw2o_g.jpg" alt="#前端" loading="eager" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a>#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶https://internet-charging-station.pages.dev/posts/10382https://internet-charging-station.pages.dev/posts/10382Fri, 24 Feb 2023 11:44:08 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/toWIYIavv9moFe4WuxtHUuZIgWgNjZc8XnEfvq-3ayCLgZ9sQHiZ-ZcRnqeQ8o9j8FfmZfMIR_aI9OKplpVqM5m4Mfi1ahiV_29UALuRSDNSNBb3w-0_QHI6c8bP3rjxA88lyFB2yyUpuWdnYL16ZgZTECjjGhlk9_gzk840orn6ltOsMNY3N9MSQeVrNG0N0MOGKx6OOOxVy95QlYBZ5gCgcwRklJ37AN_AA90dVzSuWZqD1jmA5Ct5UOKGukwZF6bIPUeiWaib6PP46yZa91Q6hByEhUYxH-FTZBLvxaPmALqFc0qZH24HnQq9dslFWzt4z9q6iMCbqRYmSdji3A.jpg" alt="#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶" loading="eager" /> <img src="/static/https://cdn4.telesco.pe/file/vVP0xNLT1AH9tZbSNjnId2et5401EJlecWyPa3ZdI8F6jHrQNlbiUDPk_uoNQUbayCUEBcrYoEsI4aYC4u3ILMVmp3TTffSr3sFUbFl_Rk2c4AgvKTzQj5dXUIExuEM6CNOF6mjfA7Az81dh9EHq02xgel0fMS8xbp27NalBtkQn97Hc_eOOAGhEeScEQoNBnw0X580wzWwGNGN6WyoKCKRejTPnpzbqRt1FwdCXoqAhm5qVy37CKSCoM_6ObSmlZVs61BlUpF116fLOD4LuGDfiZsGh09HJVkZTr_XFjrWzlNJmGIAXxQ3RqJ1szXJInDtnWd54yT1JQK05sU_o3g.jpg" alt="#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶#前端刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧🐶" loading="eager" /> </div><div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />刚看了下纪录片的时长，2023 年该学哪个就不必多说了吧<i><b>🐶</b></i></div>#前端正在学Next.js，他们文档中对一些概念的描述比webpack组织的明显更合理https://internet-charging-station.pages.dev/posts/10371https://internet-charging-station.pages.dev/posts/10371Fri, 24 Feb 2023 03:31:07 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/ZM4XOHvfzbIbPAN-2-Lr7g71U9IKyKPQdxNnzJpB2Emk41da2S4ajddejfL-cw878_-x5rLPwlhPLMejEPQZ84saaxezmdiFMEUyE0fz91eURXi2RxCDrvfDQEPfbenqWiZoNECIp2NE-CY9k94ulAfYSlnUozkH_UZ3L4JNxBPM-eSPussdWQFuIJ5gZt2Nu5-CV9aSNKaPQEwMMaUDnwFzLaW25Ez1uqmaiXTSsk6gIQjMH7nHLGTVCWvzkGB6x8DHT00GSDu9wnmuowCSg_3kPVgn_la6Y3wIECzfb7BGc1Ncdpjq87-Icz4XBzKOESXf8UR8wnpUazMS4FVUkA.jpg" alt="#前端正在学Next.js，他们文档中对一些概念的描述比webpack组织的明显更合理" loading="eager" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />正在学Next.js，他们文档中对一些概念的描述比webpack组织的明显更合理#前端https://internet-charging-station.pages.dev/posts/10341https://internet-charging-station.pages.dev/posts/10341Thu, 23 Feb 2023 07:29:06 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><a href="https://t.me/https1024/10341"> <div></div> <div> <div>Fur2dbaQFdSCSV1RFug8YZu9lQFOv3.jpg</div> <div>664.4 KB</div> </div> </a>#前端♥已找到 | 业余项目需要一个前端伙伴 | 电鸭社区Link2在电鸭社区里发了一个成员招募帖子，引起了不少返响，也许可以上线后先搞个活跃开发者通讯录？https://internet-charging-station.pages.dev/posts/10285https://internet-charging-station.pages.dev/posts/10285Tue, 21 Feb 2023 19:24:05 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/iVmqoqTwwa-7aj6gCffazmSmjtjPOdpSp_sKhbTf6R8Y6ZT7uqimNZJ1UHEznA1Q88C46Qbl_AeOtrflc-CG3sxc06RfMiYadXevYt8W2IF0r1IxGCPFKLZRUzMh9t5hoeVLQtXx6TPICv6nahNkttaj27YmzLLkLLjt6Lqu8rxFPt2kPEcLtxodiipaLWDWHdMsc2xABcCRiFaS7dkc7JQRyrQEDe0g5OUyORbgXX9OsGY6U5M4DHHZJry8K3XF4z_srs-1VmlFEnxKN8YsJ1RILilQGNeFhQBcYzEUzzbT34AjzPZbURevId6XF0-AMscHVWJNpKoTVWuucWZ6WQ.jpg" alt="#前端♥已找到 | 业余项目需要一个前端伙伴 | 电鸭社区Link2在电鸭社区里发了一个成员招募帖子，引起了不少返响，也许可以上线后先搞个活跃开发者通讯录？" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br /><a href="https://eleduck.com/posts/x0fvgV" target="_blank"><i><b>♥</b></i>已找到 | 业余项目需要一个前端伙伴 | 电鸭社区</a><br /><br />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 应用有效https://internet-charging-station.pages.dev/posts/10233https://internet-charging-station.pages.dev/posts/10233Sun, 19 Feb 2023 23:30:02 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/XkpRpSzPUvbKq28CCiyVSi78FnHWozWsP-D8ckIkeG13NbmWSLUHhqa3KI142KIaeJLIefPOAntK3kEQ0EICaGT4XIioB_nj97hdPZsVe97UjAcXlEdH8Q-f8S8F4Lhvhhua4rMwuDrH6DVysPlyUhABQAFmCAhpXJgBivWPHkBsK9Jd3xOfcRmGm8LG7D4kscllj2chQMqq0LRd2eDSP2EAh0-I1dMomlO8yDEO2DEoxC4qVkWFew4p4-uHxBjskLRYXj1XWmAE_6OOpndvNlXgXOcIeNpRN2RzWWMs7F3Q_EhcbwBUgXDL8RjAu4qzVut5ahAFJzAIeR3LMn6wGw.jpg" alt="#前端Web Push for Web Apps on iOS and iPadOS在推特上看到 Viking 分享的：iOS 16.4 Beta 1 版本正式支持了 Web Push，支持 Push API / Notifications API / Service Workers，对添加到桌面的Web 应用有效" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br /><a href="https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/" target="_blank">Web Push for Web Apps on iOS and iPadOS</a><br /><br />在推特上看到 Viking 分享的：iOS 16.4 Beta 1 版本正式支持了 Web Push，支持 Push API / Notifications API / Service Workers，对添加到桌面的Web 应用有效。<br /><br />WebApp 迎来一个新的发展机会。#前端Day 12 study ModernJshttps://internet-charging-station.pages.dev/posts/10227https://internet-charging-station.pages.dev/posts/10227Sun, 19 Feb 2023 12:33:10 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/ZA-LEk2khbzXzLEWBUwnkqBlS-K_GnbNUXNpGSfSwmbHcI7QQpyAApy1Dd-9_5JZK1MSPsBUk9Inv-NZTK85cPI8XuE6k4SjyopmBgoA5geLN3hMW4JEIajOJIVLI8fkmykTYnZsLWemioBMi5dX5wMA7T_7KZO0ZVeTZeaAY6eHQ2_M0hM5_NOBaqSIb40dLlhoWQ5oko7NONXlxTvh-DmeVyg2DyCF2QUCLk5EZPjLHACBKemF448ymYnV96_pqKKY_l5r7d5lHg-ew5FFn_Ctwnqf1wR6Trrnno0I98IBPZwF00cQVt1ch4ZNc7MK24Tpj2bXEpbMAJGxo9joKw.jpg" alt="#前端Day 12 study ModernJs" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />Day 12 study ModernJs#前端学前端也太卷了！vue作者尤雨溪现场rap，翻唱K.Dot 《HUMBLE.》，嗨翻全场！_哔哩哔哩_bilibilihttps://internet-charging-station.pages.dev/posts/10167https://internet-charging-station.pages.dev/posts/10167Fri, 17 Feb 2023 06:53:03 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/Jn2PQLV6AK8uGWxmaS3jEueXMkU2pBiWq6DtOgHkE4uCa5JubMMmG98ix3Iz13nrsTHkYALU1NXLrWj5jNRgSs5vJzT0MHivyDnfndVl3zL3hXt_TT_1eVG5e0EhKhm5kRVHWGfGbNmq6e0jwpKg1_MPwVPgFs9y4_fFhpToYelFKjisN-m4u6DUBM58N0aL1BwXuM3A7GBdaaYbg1QWSzfJ7xbPpgUW-b1LUfhfY-cruzemiJrC0q_W62DM-P_0q97nYqsD3IesUYLtBRnruQoSwobmsj9fMvYXhi19Rn354E4hQBJgXdzgzgU9yBbyH-rp2Ub4s2t3gpVocQME5Q.jpg" alt="#前端学前端也太卷了！vue作者尤雨溪现场rap，翻唱K.Dot 《HUMBLE.》，嗨翻全场！_哔哩哔哩_bilibili" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br /><a href="https://www.bilibili.com/video/BV1jG4y1P7cy/?amptimestamp=1676615796&amp;amp;buvid=1fcaab18c79e34199ddbc840c5c3faf8&amp;amp;is_story_h5=false&amp;amp;mid=Nh7zAzS6t13IzJvc5fO2BA==&amp;amp;p=1&amp;amp;plat_id=116&amp;amp;share_from=ugc&amp;amp;share_medium=iphone&amp;amp;share_plat=ios&amp;amp;share_session_id=D1818104-31FE-4595-ABC3-18711DD19686&amp;amp;share_source=COPY&amp;amp;share_tag=s_i&amp;amp;unique_k=1YZz5Q9&amp;amp;up_id=259407534" target="_blank">学前端也太卷了！vue作者尤雨溪现场rap，翻唱K.Dot 《HUMBLE.》，嗨翻全场！_哔哩哔哩_bilibili</a>#前端Are you interested in any of these things?🤔🐙Git🐧Linux🐍Python☁️DevOps⚓️Kubernetes⚡️JavaScript🐳Docker🌟GitHub🏆Certs☕️Java📊SEO🤖AIhttps://internet-charging-station.pages.dev/posts/10125https://internet-charging-station.pages.dev/posts/10125Thu, 16 Feb 2023 03:53:01 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />Are you interested in any of these things?<i><b>🤔</b></i><br /><br /><i><b>🐙</b></i>Git<br /><i><b>🐧</b></i>Linux<br /><i><b>🐍</b></i>Python<br /><i><b>☁️</b></i>DevOps<br /><i><b>⚓️</b></i>Kubernetes<br /><i><b>⚡️</b></i>JavaScript<br /><i><b>🐳</b></i>Docker<br /><i><b>🌟</b></i>GitHub<br /><i><b>🏆</b></i>Certs<br /><i><b>☕️</b></i>Java<br /><i><b>📊</b></i>SEO<br /><i><b>🤖</b></i>AI#前端想做一个浏览器插件，功能很简单：在屏幕正中央打一个倒计时，对，就是汪淼眼中看到的那种，可以选定一个节日或自定义一个未来的时间，然后它就一秒一秒的跳动，无论你切换到任何一个网页，它永远在那里，怎么样？https://internet-charging-station.pages.dev/posts/10077https://internet-charging-station.pages.dev/posts/10077Tue, 14 Feb 2023 15:39:02 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />想做一个浏览器插件，功能很简单：在屏幕正中央打一个倒计时，对，就是汪淼眼中看到的那种，可以选定一个节日或自定义一个未来的时间，然后它就一秒一秒的跳动，无论你切换到任何一个网页，它永远在那里，怎么样？#前端GPT太强了，写了一晚上前端，刚换成Vue框架很多不会的，一些不好表述的小问题它都给解决了https://internet-charging-station.pages.dev/posts/9961https://internet-charging-station.pages.dev/posts/9961Fri, 10 Feb 2023 15:11:26 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/l5xqEt-2Lrmq3YAOfNS_ffzWp3q4t9Nhpt-smL0mmQI8uxAL4in4Ph35nbrGEsAIth0tyqv5jLxTS_b_c1ZQp5aoLk37cSZ8Bl9TpAuVh6EXRvQLChrnEPEYcUxMrPTrqAKl3YRHVv9KMuSZ9bY__dTZHNtpgPUzvZ0L8RRpjL04Z-AxlMNHAfgWvRK22cMBlQaPEDcHQe9sxAAga53msvCfSwlSd-PUD4Pv5LeZu1H-Kf0MvBXTwJkaPUjLtuT6CWjxTkGo05nGkEqnbs_anbwEKmacaR0BCT3Kk_Gsv1D70HsFhEt3SgiZEJQMLVUh04fuffE4syvfD8noQp3ZZQ.jpg" alt="#前端GPT太强了，写了一晚上前端，刚换成Vue框架很多不会的，一些不好表述的小问题它都给解决了" loading="lazy" /> <img src="/static/https://cdn4.telesco.pe/file/NKmHHRJyLOAeKp4otantRjRvMLgArO4xxu1N8PVL9uL81sz4IRbTczOls-taOnxG_Kl79RTO2JtcA7UiY1Vu1SKP1sm1I5LcB_kmL9DaRIie0Cv3c7KEKFcKE5o_BCVbelgZzcoa0sTZKBi_Qp4gM5yb7LNYCRyU9RSrd7BM0W6jNZwnosaa5HAlP_s7qGvGkUNcEBVQg5MWcJFhsuhWZQVXIvOpsYQuHLzKeVj7Xhx-yDjxZ62fRkCJdgit5s22Kj__Gb5uV4Kjob6mNitYWjbjUpbjPC8Y4LMZi8MaEXHvlyxfkXTLQxB1wFwuvgWU-rUDZHJ3P53U2pF1HaqGgg.jpg" alt="#前端GPT太强了，写了一晚上前端，刚换成Vue框架很多不会的，一些不好表述的小问题它都给解决了" loading="lazy" /> </div><div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />GPT太强了，写了一晚上前端，刚换成Vue框架很多不会的，一些不好表述的小问题它都给解决了。</div>#前端Good bye 👋 Tailwind CSS​I'm back ❤️ CSShttps://internet-charging-station.pages.dev/posts/9959https://internet-charging-station.pages.dev/posts/9959Fri, 10 Feb 2023 15:11:24 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/MHxoY3WWJsFNI3nniN9-QDb4UOiwc44hacXMEfOEp7wBYO_GoLTlcQEFro6LhNiYKqYJf7o-P39rLtqwFEDuZfR9B3RPXILnljz3anuVGHC-QefsH7R7Lne4PGfPhlddf9jdo-NXpx3jvlYlvg3Z7pawH8SYFRETZmOz0x_F7FYdvxpboqA_22YVZcct9CMOedY4S4ZYCL3nek-qKHvixPZ8Wl7-rLQ-mwUAVxoZPAv7XLEn3b2JeS-zZXwedJueCbHdbI0hjsfdqO8EwfP4X3kNJoRVT79FprR12F48l8VMJGVhIxhwVkhBRufwN-fBokHj-F3rILjJKu32kX-y1Q.jpg" alt="#前端Good bye 👋 Tailwind CSS​I'm back ❤️ CSS" loading="lazy" /> <img src="/static/https://cdn4.telesco.pe/file/DFM0H3V4B4seWioFE3H1ZAFvDM_d8qE9hXiUtr2GoWv7Ysc8LE1DyEmY3g0K79ks8-bBcuR5rAJwowGf3uHD2qYYAz0pI1dNmmgmFsgBHuVD21KA5tvMjLLRKPpwVJ8olmk1VacPZrzRLRATjBF3bLV_BYAfbLDAncs_PMv4kHYBDc72ngcAS0-l8g5MhebvGmDoxE1AfR0Vgm-F3Pckv4ih1E0K7YwTa5C1dr-vEUYg6rCo63GgAg6mCIUBOitHJw4PlxOpuS2Skso0fO2-I6oJyXaaNkphVNDO-HgWE2TLPgXNHv9R6tpgGYftGmTxI1alhZZYE1hqa0w-J9tuFg.jpg" alt="#前端Good bye 👋 Tailwind CSS​I'm back ❤️ CSS" loading="lazy" /> </div><div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />Good bye <i><b>👋</b></i> Tailwind CSS<br /><br />​I'm back <i><b>❤️</b></i> CSS<br /><br /><a href="https://uimo.dev/" target="_blank">https://uimo.dev</a></div>#前端font-spider字体压缩工具只能用于静态页面，像是 Vue 这种框架动态渲染文字的可以使用网上找的可以使用 font-spider-plus 进阶版，但是看 usage 需要填写项目中所有页面的路径，很麻烦啊https://internet-charging-station.pages.dev/posts/9926https://internet-charging-station.pages.dev/posts/9926Thu, 09 Feb 2023 14:03:01 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />font-spider字体压缩工具只能用于静态页面，像是 Vue 这种框架动态渲染文字的可以使用网上找的可以使用 font-spider-plus 进阶版，但是看 usage 需要填写项目中所有页面的路径，很麻烦啊。有没有更好的工具优化网页的自定义字体呢？#前端Bing 新版 和 ChatGPT 结合体https://internet-charging-station.pages.dev/posts/9868https://internet-charging-station.pages.dev/posts/9868Wed, 08 Feb 2023 03:57:13 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/sXbEn7RKw_NHcrYSdll39Hg6SN95WTOJkf2RLb-bcebKmSD2QcV5fdJUfmEh_tLnIXOoQ1km_Ewfat2Zb3X46-9xMQDoPMfS63QBBRP2s2GfLQYf94LYnDoXT0Q2NEbZ_Yzh9iG_rNwDGLwQp4RWFb-O_ri82ia8fbedptJxwB2PBk4laTtwQVH2qFPO3IY2GX96JXorZ-KYHTR_QtSCBQiKaea_7LRPW9RL61_4yjWdm6JestA4Rz-a_l1N7-vKI7Twh9SAZ35Y22r4pgse1QELY6CRizS-hdL_mYsnyGwmsgtxFeVVsngpjRfJSZWF_xkBDaMJkVgyYZWJsGcKtA.jpg" alt="#前端Bing 新版 和 ChatGPT 结合体" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />Bing 新版 和 ChatGPT 结合体。【为孩子们写一个关于住在月球上的狗的故事】<br />好的，我为你写了一个关于住在月球上的狗的故事，希望你和孩子们喜欢。故事是这样的：<br /><br />月球上的狗<br /><br />有一只叫做阿波罗的狗，他是一只勇敢的宇航员。他的梦想是去月球探险，看看月球上有什么奇妙的东西。他经常在夜晚仰望天空，想象自己飞到月亮上的样子。<br /><br />有一天，他的梦想成真了。他被选中了参加一次月球任务，他要和其他三个人类宇航员一起乘坐一艘火箭飞向月球。他非常兴奋，他穿上了特制的太空服，戴上了头盔，坐进了火箭的舱内。他听到了倒计时的声音，然后感觉到了强烈的推力，他知道他要开始他的冒险了。<br /><br />火箭飞了三天，终于到达了月球的轨道。阿波罗看到了月球的表面，他觉得它很美丽，也很神秘。他迫不及待地想要下去看看。他和其他宇航员一起进入了登月舱，准备着陆。他们成功地降落在了月球的一个平坦的地方，他们打开了舱门，走出了登月舱。阿波罗感觉到了月球的重力，他觉得自己很轻，他可以跳得很高，他很开心。他跟着其他宇航员一起在月球上走了一会儿，他们拿着一些仪器，采集了一些月球的岩石和土壤。他们还在月球上插上了一面国旗，拍了一些照片，和地球上的人们通了话。<br /><br />阿波罗觉得月球上的一切都很新奇，他想要探索更多的地方，他看到了一个大坑，他想要去看看里面有什么。他偷偷地离开了其他宇航员，跑向了那个大坑。他跳进了大坑，他发现了一个惊人的秘密。大坑里面有一座巨大的玻璃穹顶，里面有一片绿色的草地，还有一些小房子，还有一些动物，有猫，有鸟，有兔子，还有一些他从来没有见过的奇怪的生物。他觉得自己好像进入了一个童话世界，他很好奇，他想要去和那些动物交朋友。<br /><br />他走进了玻璃穹顶，他感觉到了温暖的空气，他闻到了花草的香气，他听到了动物的叫声。他看到了一只白色的猫，它正躺在一棵树下，晒着太阳。阿波罗走过去，对它说：“你好，我叫阿波罗，我是一只狗，我来自地球，我是一个宇航员，我来到月球上探险#前端记录下昨天Debug~现网反馈部分用户海报下载功能点击没反应，查了之后发现是js执行xhr下载图标Icon时，显示跨域；单独尝试Get请求/浏览器直接打开图片Icon地址，又正常https://internet-charging-station.pages.dev/posts/9844https://internet-charging-station.pages.dev/posts/9844Tue, 07 Feb 2023 09:03:03 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />记录下昨天Debug~<br /><br />现网反馈部分用户海报下载功能点击没反应，查了之后发现是js执行xhr下载图标Icon时，显示跨域；单独尝试Get请求/浏览器直接打开图片Icon地址，又正常。<br /><br />百思不得其解，CDN为啥会跨域呢？公司CDN也没有特别的跨域配置。<br /><br />观察到一个特殊现象，打开F12 devtools后则不会报跨域错误；关闭则会稳定报错；<br /><br />然后发现是F12开了disabled cache，于是定位缓存相关。<br /><br />于是发现是因为这个图片Icon在前置的业务流程中，以Img标签的形式访问了一次，浏览器缓存住了这个Icon cdn地址的Http Response，但是CDN配置中，对于Img标签的访问回包里不会特殊设置跨域Header；于是在下次js执行xhr下载图标Icon时，命中浏览器缓存，直接返回缓存的Http Response，由于其中没有跨域头，所以请求被浏览器拦截，提示报错。<br /><br />临时应对：xhr下载图标Icon时候，给CDN地址后面+Random参数，规避缓存<br /><br />后续：应该和CDN侧讨论这类问题，对于Img等返回是否也应该返回跨域的Header配置#前端像素丢失像素丢失更新了https://internet-charging-station.pages.dev/posts/9771https://internet-charging-station.pages.dev/posts/9771Sat, 04 Feb 2023 17:52:04 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/Ka0S-xNa5ovRp6WUa2JItVviXPO1GCkhnpOeWwcZZQJ42m6jMqAi719pXh7NehoyWjRxuS0uHj5p0Kx6OHeQbgq0nI8I45CWpv77X8Q29W2DiwT4ElPs1HIXUYxYqTEN7waIZkVS4Nm70UV9_H3um5pgtheoORDo9jiRsTQujWVRImbZAyGg1N8AJ7OkjoeZv2YsW3iRWPq4mx4o8wO_yFbFmwfHDj4Ot7MypJjz9X1nfTv21gCFhB_P8ln7Pq_jZus1eUNQmWuYLMDmzV3fqaZzWfYlDGer3Tk3FIwZ5dBqVl-WfRQx-VRaoE0U1_mvBKDwddt44a-keyzDRWWzsA.jpg" alt="#前端像素丢失像素丢失更新了" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br /><a href="https://xiangsu.art/" target="_blank">像素丢失</a><br /><br />像素丢失更新了。给它购买了独立域名 <a href="https://xiangsu.art/" target="_blank">https://xiangsu.art</a> 这是一次巨大的更新，我给它的定位是：为现代 Web 应用而生的图片压缩工具。<br /><br />​它或许是目前最高效的图片压缩 GUI 软件，利用它的「工作空间」，能快速为你的 Web 应用提供所需的全套图片。<br /><br />​​官方站点由 SvelteKit 切换到了 Next.js，我对框架（包括 Tailwind CSS、SCSS、Less 等工具集成）彻底退烧了，在尝试过市面上大部分主流 JavaScript Frameworks 之后，已经对构建一个什么样的网站选择什么框架有了些经验，希望今后有机会谈这个话题。<br /><br />​像素丢失在今后一段时间内不会做太大的更新，尽管我还有一些想法没有实现，我需要把精力放在其它事情之上。希望在 2.0 版本的时候切换到 Rust + WebView 或者 Rust + Flutter 又或者是 Golang + Flutter，这些还太过遥远。<br /><br />​欢迎使用像素丢失，希望它对你打造更好的产品有帮助，祝好运。<br />​#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈https://internet-charging-station.pages.dev/posts/9743https://internet-charging-station.pages.dev/posts/9743Fri, 03 Feb 2023 16:22:04 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/Y2SVOBIgsz8O9WjeiP7CkpHPevukrAn0Ju_EtiDoq1PGzuB2kTN5yjhIKY18ekGnhpHvtXslgcMae3IRRqLwjHgwSArZ4B38dvLdpFFyKjOFopRDwIZCz7d1u5-S9dt49qu0tzZAKQ1sn5ho-_cB9gpLudMdPvFWyHXxde5bir-W_4YTsor-ZGgVlJozk0S4sZysRqYFQyG4URSHOnYei32NbmuxvsN5l5qmnwd8qaAsNfdfphwkKdRiFy3CBc29zznaeX3iLil7ImVPXafF9bp7tXz5h6SUr6vCMUX6ijqq3_Zi7Vl8oybivNvAbLX--SHVL-rR0z-OTTKxWIknwQ.jpg" alt="#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈" loading="lazy" /> <img src="/static/https://cdn4.telesco.pe/file/RhdGbQaojD_493lRJB61lPl-KOHBEnoFyDqNR031R4FWCkNpdaRGSic8GN1Gy9kvryNTgvV8Xezjfui5IRoXBDc7R9rp4rIIFmx7QUunQvL75Tmdt6V4LULExhQUkGysbgVqTKDlHMLOpTqzuouClvYWxVQuMXVtDX9WgwdS-hmeEWcr9j4DfxWnw3FeCE7Wnz48UEpotSvZOF2XS8zK9IHnKqusW2iCjd2UiRJk1x-ZMpPwmIylhx82lscjT5pWfe_E5j2MkPbZoPV7bRdRCoWfj4cM5u5lnwsQ6-FI02bKWj8CByHTCPQeI6i4Iy1nIbhOk4OtStbjqEO1QAPZfw.jpg" alt="#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈#前端认真背面试题的一天=痛苦的一天这个推戳中笑点了哈哈" loading="lazy" /> </div><div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />认真背面试题的一天=痛苦的一天<br />这个推戳中笑点了哈哈</div>#前端背前端八股好痛苦…但是为了找工作我拼了！https://internet-charging-station.pages.dev/posts/9720https://internet-charging-station.pages.dev/posts/9720Fri, 03 Feb 2023 01:40:00 GMT<a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />背前端八股好痛苦…但是为了找工作我拼了！#前端就这几行代码，花了半天才搞懂😭本来以为是单纯的es语法，后来发现是ts的语法https://internet-charging-station.pages.dev/posts/9716https://internet-charging-station.pages.dev/posts/9716Thu, 02 Feb 2023 16:37:07 GMT<div> <img src="/static/https://cdn4.telesco.pe/file/TPVEycEMKbKMVpeBtWTJWvm0QxlDukQrID20snHRUOQnYEDby_t8VkcU-OMSc6vjwYQW9Jewm7EU5QXgcQXdWpQs8OnQhJcyAftoItsJXk8H3YO2Y816ng6jUgw1zOV9DbYtwmGxmtX1UEp-kxncz5iKitJnh8Q0Pw3AMsD3Jl9myAYtv4W00wXM943iw2rqUtzMCxOn4EU1pXHu-aTtaCyMPdBKy7E0ZVVcn9J8BrasdPxcNbQd3wV15c9e_OVRYbRuiUPpztRW6mgFRyL-XeeZ5DVU6Kdtg725LSfK7gjzeF8SMQ4hJF0pwNf-2iQBTfnszeXX9DkmtCzwQv54YQ.jpg" alt="#前端就这几行代码，花了半天才搞懂😭本来以为是单纯的es语法，后来发现是ts的语法" loading="lazy" /> </div><a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a><br /><br />就这几行代码，花了半天才搞懂<i><b>😭</b></i>本来以为是单纯的es语法，后来发现是ts的语法。顺便发现了各种奇奇怪怪的导入导出