上一页 1 ··· 20 21 22 23 24 25 26 27 28 ··· 71 下一页
2022年3月19日
CSS – 实战 Font
摘要： 前言 这篇想整理一下在网页开发中, 字体是如果被处理的. 先看完: 平面设计 – 字体 CSS – Font / Text 属性 CSS – Font Family CSS – word-break, overflow-wrap, word-wrap, white-space CSS – ellip 阅读全文
posted @ 2022-03-19 18:12 兴杰 阅读(126) 评论(0) 推荐(0)
平面设计 – 排版四大原则
摘要： 前言 平面设计的基础是排版, 字体, 颜色, 这篇是排版的学习笔记. 不管是网页设计, 还是平面设计, 只要你想表达内容, 就离不开文字, 图画 (多媒体). 而当把一堆内容放在一起时, 就需要排一排, 弄整齐. 这样才容易阅读. 而这个过程就叫排版咯. 参考: 知乎 – “四大设计原则”在排版中的 阅读全文
posted @ 2022-03-19 16:30 兴杰 阅读(1836) 评论(0) 推荐(0)
CSS – 实战 Color
摘要： 前言 之前 W3Schools 学习笔记 (1) 也记入过 Color, 这篇整理一下在网页开发中, 颜色是如果被处理的. 网页都有什么颜色? 网页篇幅最大的颜色, 通常是来自图片, 不管是背景图, 还是内容图片. 这些都是比较 colorful 的. 其次是黑白灰, 因为除了图片, 大部分内容都是 阅读全文
posted @ 2022-03-19 12:15 兴杰 阅读(293) 评论(0) 推荐(0)
2022年3月18日
HTML – script async defer
摘要： 参考 Youtube – #3 JavaScript Loading Strategies (async and defer) | JavaScript Full Tutorial no async no defer 当游览器 parse HTML 遇到 <script src> 时, 它会去 do 阅读全文
posted @ 2022-03-18 21:04 兴杰 阅读(108) 评论(0) 推荐(0)
2022年3月17日
CSS – initial, Inherit, unset, revert
摘要： 参考 Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords 【译】理解CSS关键字：“Initial”，“Inherit”和“Unset” 属性, 固定值, 相关值, 元素 display, width 是属性 block, 阅读全文
posted @ 2022-03-17 15:10 兴杰 阅读(452) 评论(0) 推荐(0)
2022年3月16日
HTML – Native Form 原生表单功能集
摘要： 前言 以前写过 form 表单, 但很不齐全, 这篇想做一个大整理. 主要讲讲在网站中使用原生 Form 的功能, 不足和扩展. 前端是原生的 HTML/JS, 后端是 ASP.NET Core Razor Pages. Simplest Form Overview form 的职责是让 user 阅读全文
posted @ 2022-03-16 10:55 兴杰 阅读(756) 评论(0) 推荐(0)
2022年3月12日
CSS & JS Effect – Simulation Position Sticky (用 JavaScript 实现 position sticky)
摘要： 前言 在 CSS – Position 我有提到过, 原生的 sticky 有一些 limitation. 不是每次都闪的掉. 这篇主要是通过 JS 来模拟它, 突破那些限制. Google Ads 的 table header sticky 也是通过 JS 实现的 The Limitation 场 阅读全文
posted @ 2022-03-12 10:37 兴杰 阅读(270) 评论(0) 推荐(0)
2022年3月11日
DOM – 浏览器 forced reflow (layout) 优化
摘要： 前言 没有深入研究过，懂个概念就好，等以后遇到性能瓶颈再回来深入研究。 以前写的笔记：浏览器 reflow 参考: reflow和repaint引发的性能问题 精读《web reflow》 浏览器渲染过程 浏览器绘制页面有好几个过程，比较常见的有： Recalculate style 依据 CSS 阅读全文
posted @ 2022-03-11 21:33 兴杰 阅读(120) 评论(0) 推荐(0)
DOM – MutationObserver
摘要： 介绍 它和 IntersectionObserver, ResizeObserver 差不多, 都是观察 element 变化的. 它可以观察元素的 attribute 增加, 移除, 修改, append child 等等. 建议先看前 2 篇 IntersectionObserver 和 Res 阅读全文
posted @ 2022-03-11 21:15 兴杰 阅读(232) 评论(0) 推荐(0)
DOM – ResizeObserver
摘要： 介绍 想监听一个 element 的 size changes 就可以使用 ResizeObserver 了. 在看这一篇之前, 建议先看看 DOM & BOM – IntersectionObserver, 它们的模式很像, 一起了解会比较容易. 效果 参考: MDN – ResizeObserv 阅读全文
posted @ 2022-03-11 19:38 兴杰 阅读(325) 评论(0) 推荐(0)
上一页 1 ··· 20 21 22 23 24 25 26 27 28 ··· 71 下一页