Web Components

什么是 Web Components?

Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的 web 应用中使用它们。

Web Components 实际上和现在 React/Vue 等前端框架的组件概念十分相似,或者倒不如说 Vue 的 SFC(单文件组件)其实正是借鉴自 Web Components 的概念。
它本身 Shadow DOM 的方案做了 CSS 隔离,很好地解决了 CSS 命名污染等问题,但 Web Components 除了规范推进缓慢,也还有很多开发(效率、生态、兼容等)上的不足。

简单来说 Web Components 其实就好比给予你一些浏览器的 API 权限,去定义一个 HTML 标签来自己使用。
更多的介绍其实看 MDN 的介绍即可,也无需在这听我这二手的长篇大论。

Web Components | MDN

我自己本身也向来讨厌通篇理论,而热衷实践,所以我们不妨动手一试,写一个真正实用的 Web Component - github-corners。(成果请到文章末尾取用)

GitHubWeb Componentslit

如何实现一个徽章惯性旋转动画?

标题我只能说:懂得都懂。如何评价「懂的都懂」这句话?|知乎

前言

距离上一次写技术文章过去了多久呢?大概已经屈指不可数了。
与此前相比,无论心境还是境遇也都变化了许多,而我本打算记录的实习生涯还未动笔,便已接近尾声。但愿还有机会一叙。

在家中慵懒地躺了数日,自觉不应继续如此,方翻了个身,决定将此文修整完,以略表奋发之意。
总之,也由衷地希望大家能从中学习到什么或是给我一些更好的改进建议。

那么,……,先旋转起来吧?

动画蚂蚁森林徽章

「关于加个引号就能变成轻小说标题这件事」

嘛,正如 前文 所言,我确实准备报考教师证。

并立此文章为证,(那没考上岂不是贻笑大方),记录一些过程(破事水)。

因为标题拟的很像轻小说,并且这件事本身其实并不是什么有趣的事(但我希望它能有趣些),所以我决定用我的死宅文风以轻小说的方式来记录一下。(欢迎吐槽,但别太伤人。

别骂了别骂了再骂人要傻了

内容简介

成长的苦涩,日常的迷惘。
唯有长大方能看见的真相,让「死宅少年」偏移人生轨迹的事件……

家里蹲死宅少年 —— 云游君,本作的男主角。
可爱女主角 —— 暂无(欢迎参演

云游君与并不存在的朋友们开始转动命运的齿轮。
未来又是否将就此改变。

……

成年人的青春物语开幕。

日记轻小说教师

静态博客纵有万般好,但不得不承认其常常需要很多奇技淫巧,方能实现甚至无法实现动态网站仅需数行代码便可实现的功能。

评论系统便是其代表之一。

我尝试过数种第三方评论系统(Disqus/Gitalk/Valine/LiveRe(来必力)/畅言/utterance/giscus),并在其中反复横跳,丢失了不少可爱的评论,也很遗憾未能找到一款真正百无挑剔的评论系统。

一个事物的发展往往是一个波浪式前进、循环往复式上升的过程。

我将简单对我使用过的评论系统之利弊进行对比分析(可能包含许多个人色彩),以便各位看官参考。

DisqusValine评测Gitalk

前言

距离上一次更新似乎又过去了很久,而我也成为了无聊的大人,被实习的工作压的喘不过气来。(此中又有不少波折,待尘埃落定,我再找机会记录它吧。)

我的青春更是早在不知何时已经结束了。

看,简单吧,谁也没有受伤的世界,达成了。

upyun

又拍云并非我的第一个 CDN,但它的确是我截至今日使用最久的 CDN。

而我相信它也是新站长值得一试的服务。

此中玄机,我们不妨先从 CDN 说起。

CDN又拍云

GitHub Repo stars

简介

❄️ 云空调,便携小空调,为你的夏日带去清凉!

这又是一个差不多两年前的坑。

那么它能做什么呢?没错,随时随地打开空调。唯一的缺憾是,没有。但我们也许可以「望空调止热」。

遵从最宽松的 MIT 协议,你可以自行 clone 本项目,并自定义地构建它。当然也可以通过 iframe 的方式直接嵌入你的网站。

<iframe height="700" src="https://ac.yunyoujun.cn"></iframe>

对了,最近因为小空调又火了起来。浮现出了许多去除页脚、售卖源码和冒名顶替的情况。

MIT 协议虽然允许你以任何方式使用,但仍然规定署名作者,且原作者不承担代码使用后的风险。

当然,国内并无法律承认开源协议,所以这更像是君子协定。希望大家各自问心无愧。

前端玩具React