技术文章

• New WebKit Features in Safari 15 safari 15的一些新特性介绍 （扩展、标题栏主题色、新的css属性、inspecto等）

• in-page-filtered-search-with-vanilla-javascript 有一些内容界面是纯前端的（像JamStack架构 SSG这种,gitbook这种），这种页面有时候需要前端实现网站内搜索，本文简单介绍了一下这种情况下的实现方式。

• Vue 引入 iconfont 的项目实践 讲解了Iconfont - 3种方式基础使用、svg-sprite-loader + require.context图标管理在vue中的实践。

• 搭建 iconfont 平台实践 淘宝免费的 iconfont 网站，在项目初期无疑是快速的解决方案：上传 icon ——生成项目——一键下载。在项目初期可能确实可以快速解决问题，但随着业务复杂度的指数级别增长，开发周期的拉长，以及项目维护人员的更迭， 这都可能成为后期无法维护的技术债，降低开发效率。本篇文章作者选择了 YIcon 作为原型创建自有iconfont管理平台，可以给我们提供一个自建资源管理平台以解决上述痛点的思路。

工具&&框架

• vscode chrome插件 该插件可以实现在chrome中改动，直接同步到vscode当前编辑器中

• lit google出的前端框架（出来有段时间了），开发相似，与vue react不同的，它是基于webComponent。这意味着它的组件是可以直接在html上被引用的，似乎可以作为一种跨前端框架的组件封装参考。例如之前旧版lit（lit-element是Lit的一个分支)Using Lit-Element With Vue.js https://medium.zenika.com/using-lit-element-with-vue-js-fa873df4f2a4 封装跨前端框架组件的思路 https://medium.com/naver-fe-platform/how-to-make-cross-framework-component-ee76d76708b1

设计&&杂谈

• Photoshop's journey to the web phohoshop如何做成web版的，（从内容看像是chrome官方使用的），用了WebAssembly, Web Components