摘要：
前言 一句老话说的好：一图胜千言。这句话对学前端也适用，有时候，一个demo被一大堆文字有用的多。下面我就给大家总结几个。由于文中引用的部分项目仅支持http，下面的iframe中如果出现空白，请移步本文的http地址查看👉http://www.cnblogs.com/imgss/p/105831 阅读全文
摘要：
两周前，项目里需要实现一个红心飘飘的点赞效果。抓耳挠腮了老半天，看了几篇大佬的文章，终于算是摸了个七七八八。不禁长叹一声，还是菜啊。先来看一下效果:( "传送门进去点一波" ) 一、Bezier曲线运动轨迹 其实用大白话描述一下需求就是让一个红心图片沿着贝塞尔曲线的轨迹走，然后边走边消失。核心在于得 阅读全文
摘要：
目录 "写在前面" "安装" "如何写一个chrome插件" "总结" 写在前面 插件默认使用旧版后台https://i1.cnblogs.com/ 从开博到现在，在博客园混了快两年了，一直希望能为园友做点贡献。最近写博客的时候，作为markdown的忠实粉丝，感觉博客园 markdown编辑器不是 阅读全文
摘要：
写在前面 今年是比较忙碌的一年。年初装修，生娃，买车，年中搬家，回老家看娃，后半年工作上相对也比较忙。忙忙碌碌一年中，博客也就没怎么更新了。 生娃 毫无疑问，今年最大的事情就是它了。虽然预产期是四月，但是可能宝宝是个急性子，所以她提前和我们见面了，我也就有了爸爸的身份。好在房子装修在 3 月也差不多 阅读全文
摘要：
故事是真的，文章是 chatgpt写的，正文开始： 博主：大家好，今天我想和大家分享一个关于蓝牙键盘的小故事。有时候，即使是最简单的设备，也可能给我们带来意想不到的挑战。 读者：嗨，听起来挺有趣的。发生了什么事？ 博主：最近，我换了台新电脑，我把旧电脑的东西都迁移过去了，但我的蓝牙键盘却无法连接到新 阅读全文
摘要：
npm-compare.com 比如我们想比较 react-query和 swr，可以访问 https://npm-compare.com/react-query,swr 查看结果，页面提供了下载量，star 数量，lisense 等的对比，方便我们做出决策。 bundlephobia.com 比较 阅读全文
摘要：
zsh大家都知道，是一个非常好用的命令行shell。我本人也用 zsh 好几年了，但是却没有怎么安装过他的插件。直到最近用上那些好用的插件之后，我才有种相见恨晚的感觉。 zsh支持的所有插件列表： zsh 插件 zsh-syntax-highlighting 这个插件可以为我们输入的命令提供语法高亮 阅读全文
摘要：
宝宝的四维照片 今年是我写年终总结的第八年了。博客写的越来越少，也没有当初那种对一个问题刨根稳问底再转化成文章的劲头。唯有年终总结，作为一年一度的保留节目，还是应该坚持的。 今年没有保留之前的传统，选择一部今年看过的电影来作为题目，一来是因为今年看的电影并不多，另一方面看的电影也无法恰当地概括我今年 阅读全文
摘要：
/\b((?:https?|ftp):\/\/[\w-]+(\.[\w-]+)+(?:[\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?)/g 用来从文本中提取网址很好用，chatGPT给的 阅读全文
摘要：
什么是 scriptable scriptable可以让我们用 js 就可以创建出 ios 中的桌面小组件，而不需要掌握 ios 开发。由于最近深感自己文化水平低，所以想借助 scriptable实现一个每日诗词小组件，这样可以提高一下自己的文化水平。 效果 代码 scriptable支持多种 ap 阅读全文
摘要：
What 在项目开发过程中，我们会使用到大量第三方的npm包，这些包大部分使用了 es中新的语法编写 ，但是在发布的时候，它们有些是经过 babel，tsc, esbuild 等工具转换后发布的，有的则没有转换直接发布到 npm 中， 所以当我们在 webpack 中使用这样的包时，可能会看到如下报 阅读全文
摘要：
嫌麻烦的可以直接点击[小程序代码片段](https://developers.weixin.qq.com/s/80oRJyml7QKv)体验，下面是代码： ```html 当前旋转: {{degree * 90}}° > 保存 ``` ```js const app = getApp() Page( 阅读全文
摘要：
### Why 在最近参与的一个项目中，有使用 Vue 创建 Custom Elements的代码，与传统的单 Vue 实例 render 到 DOM 节点有很大不同。所以有了本文。 ### Custom Elements 首先我们来看看怎么创建一个自定义元素，假如我们要实现一个抽屉元素： ```j 阅读全文
摘要：
## 前言 在web发展的过程中，有很多API都是浏览器吸收了开源社区的热门库后出现的，比如 `document.querySelector` 吸收了 jQuery 的精华，或者Promise，JSON的相关API都是先出现在社区，然后被浏览器原生支持。今天我们要谈的css原生嵌套也是借鉴了less 阅读全文
摘要：
CSS 缓动函数是一种用于控制 CSS 动画过渡效果的函数，可以让动画变得更加自然。这篇文章将介绍一种新的 CSS easing function，即 `linear()`，它可以模拟出更复杂的缓动效果，文中demo请在chrome 113+中观看。 ## 什么是 easing function？ 阅读全文
摘要：
在 TypeScript 中声明全局类型可以使用 declare global 关键字，使得在应用的任何地方都能够使用该类型。 例如，如果需要在 TypeScript 中声明一个全局的 foo 变量，可以使用以下代码： declare global { var foo: string; } 上述代码 阅读全文
摘要：
我们知道， serviceWorker是浏览器中一个强大的特性，在PWA中实现离线浏览靠的就是它，具体而言，通过它的请求拦截和Cache API相结合，实现即使离线了，我们也可以使用PWA的一些功能。然而自己来管理这些东西还是比较繁琐和容易出错的，好在有强大的workbox。 啥是Workbox s 阅读全文
摘要：
cache API是一个很强大的API，它可以在window环境和serviceWorker环境使用，配合serviceWorker可以让我们自己来管理缓存。 caches caches是一个全局接口，可以在window和worker下访问到。我们可以使用caches.open来获取（如果没有的话会 阅读全文