摘要：
当 charAt 遇上 Emoji 参考: stackoverflow – How to get first character of string? 我们经常会用 charAt(0) 来获取 first character. 这个用在 ASCII 是完全没有问题的. 但是如果遇到 Unicode 阅读全文
posted @ 2022-06-20 16:55
兴杰
阅读(55)
评论(0)
推荐(0)
摘要：
前言 之前写过一篇 ASP.NET Core – View Component 里面有提到, View Component 是 Partial View 的加强版. 多了一个 .cs 可以写逻辑. 那如果我们不需要那么复杂就可以使用简化版的 Partial View 了. 重点 1. 一个 View 阅读全文
posted @ 2022-06-18 21:39
兴杰
阅读(236)
评论(0)
推荐(0)
摘要：
效果 当 scroll 到那些号码的时候, 号码从 0 开始跳动, 一直到最终的值. 实现思路 1. 一开始把号码 set to 0 2. 使用 IntersectionObserver 监听号码出现 3. 出现后开始累加, 一直到最终的 value. (注意, 虽然每个号码是不同的, 但是会在同一 阅读全文
posted @ 2022-06-11 17:43
兴杰
阅读(84)
评论(0)
推荐(0)
摘要：
前言 在做 Statistics Counter 时, 发现总是会跳, 研究后才发现原来是等宽搞的鬼, 这篇就来说说等宽字体. 参考 等宽字体在web布局中应用以及CSS3 ch单位嘿嘿 不等宽字体 不等宽指的是, 不同字母的 width 不一样. 游览器默认的字体 Times New Roman 阅读全文
posted @ 2022-06-11 13:45
兴杰
阅读(853)
评论(0)
推荐(0)
摘要：
前言 font-family 虽然只是一个 CSS 属性, 但是牵连许多东西, 所以独立一篇来讲. 网站一般上会使用 Google Fonts 作为 font-family, 下面会以一个 Google Fonts 为例子. 逐步解析它背后的 CSS 知识. Pick a Google Font 到 阅读全文
posted @ 2022-06-11 00:35
兴杰
阅读(1294)
评论(0)
推荐(0)
摘要：
前言 之前学 W3Schools 时记入过一些 W3Schools 学习笔记 (1) – CSS Fonts. 由于太简单就没有另外写一篇, 现在感觉内容比较整齐了, 所以整理一篇出来. 属性 font-family 定义字体, 看这篇 CSS – Font Family font-style no 阅读全文
posted @ 2022-06-10 22:58
兴杰
阅读(98)
评论(0)
推荐(0)
摘要：
前言 以前写过相关的文章 angular2 学习笔记 ( animation 动画 )。但在项目种很少用到 Web Animation。 体会不到它的精髓，目前的感觉是，它对比 CSS Animation 更好控制，比如它有 play、pause 这些功能。 缺点就是需要把 Styles 逻辑写到 阅读全文
posted @ 2022-06-09 12:59
兴杰
阅读(411)
评论(0)
推荐(0)
摘要：
前言 为了方便管理, 我们会定义 CSS Variables, 类似于全局变量. 有时候做特效的时候还需要 JavaScript 配合, 这时就会希望 JavaScript 可以获取到 CSC Variables, 虽然 JS 可以通过 getComputedStyle 单独获取某个 CSS Var 阅读全文
posted @ 2022-06-02 16:51
兴杰
阅读(109)
评论(0)
推荐(0)
摘要：
参考 Youtube – Detecting Screen Size and OS Dark Mode with matchMedia() - JavaScript Tutorial 介绍 CSS 有 Media Query, JS 呢? 没错就是用 Window.matchMedia 方法. 使用 阅读全文
posted @ 2022-06-01 23:25
兴杰
阅读(122)
评论(0)
推荐(0)
摘要：
效果 原理 一眼看上去, background 有渐变颜色 linear-gradient. 当 hover in 的时候有一束白光, 从右边移动到左边. hover out 则是反过来. 它其实是通过 background-size, background-position 来实现的. 如果不熟悉 阅读全文
posted @ 2022-05-29 07:04
兴杰
阅读(85)
评论(0)
推荐(0)
浙公网安备 33010602011771号