摘要：
前言 一句老话说的好：一图胜千言。这句话对学前端也适用，有时候，一个demo被一大堆文字有用的多。下面我就给大家总结几个。由于文中引用的部分项目仅支持http，下面的iframe中如果出现空白，请移步本文的http地址查看👉http://www.cnblogs.com/imgss/p/105831 阅读全文
摘要：
两周前，项目里需要实现一个红心飘飘的点赞效果。抓耳挠腮了老半天，看了几篇大佬的文章，终于算是摸了个七七八八。不禁长叹一声，还是菜啊。先来看一下效果:( "传送门进去点一波" ) 一、Bezier曲线运动轨迹 其实用大白话描述一下需求就是让一个红心图片沿着贝塞尔曲线的轨迹走，然后边走边消失。核心在于得 阅读全文
摘要：
目录 "写在前面" "安装" "如何写一个chrome插件" "总结" 写在前面 插件默认使用旧版后台https://i1.cnblogs.com/ 从开博到现在，在博客园混了快两年了，一直希望能为园友做点贡献。最近写博客的时候，作为markdown的忠实粉丝，感觉博客园 markdown编辑器不是 阅读全文
摘要：
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来获取（如果没有的话会 阅读全文
摘要：
在两年没有回家过年之后，我今年终于可以毫无顾忌地回家过年了。但是回家过年也带来了一个问题--走亲戚的时候需要一辆车。哦，其实是两个问题，第一个问题是我没有车，第二个问题是我虽然有驾照，但是之后的6年基本没有摸过车，所以需要重新学习。 第一个问题还算好解决，本来想在租车平台租一辆，结果我妹帮我搞定了。 阅读全文
摘要：
前言 这是我写年终总结的第6年了，现在还有一分钟就跨年了。此刻的我听着窗外的烟花和鞭炮声，在想我今年到底干了点啥。跨年这一刻，我的老婆还在上夜班，微信视频里传来她看患者的声音。 技术 正如我的年终总结开始变得难产，回顾我这一年的博文的阅读量可以看出，我在技术输出上越来越难产了。有时候好不容易写出一篇 阅读全文
摘要：
什么是RGB565 通常我们前端接触的图片，R,G,B三个通道，每个通道占8位，一个字节，用数字表示是0-255。比如我们常写的CSS:rgb(255,255,255)，这样一个像素需要3个字节来表示。但是在一些物联网设备上，由于芯片性能，内存等的原因，同时对图像质量的要求不是很高，需要使用更少的字 阅读全文