随笔分类 - (新) JavaScript Library
摘要:介绍 什么是 Markdown? Markdown 是一种极简化版的 HTML 表达语言。 直接看例子就能体会了 图1 图2 简单说,它就是用一种更简单,更简短的纯文本去表达 HTML。 很多地方都可以看到 Markdown 的运用,比如 Github 提交 Issue 采用的就是 Markdown
阅读全文
摘要:前言 我写过一篇关于 Lit 的文章,Material Design, Angular Material, MDC, MWC, Lit 的关系。 如今 material-web MWC 已经发布 1.0 了,估计 Angular 也会在不远的将来从 material-components-web M
阅读全文
摘要:YouTube Embed Video 参考: Embed videos & playlists 它和 Google Maps Embed 类似,是通过 iframe 完成的。 <iframe width="800" style="aspect-ratio: 16 / 9" src="https:/
阅读全文
摘要:前言 上一回我介绍了 Alpine.js。作为我开发企业网站 draft 版本的 render engine。 用了一阵子后,我觉得它真的非常不好用。所以打算换一个。 前端有好几个 framework / library / compiler 都可以用来做 MVVM render engine。比如
阅读全文
摘要:前言 Alpine 是高山的意思。Alpine.js 是一个轻量级的 JS Framework。 我为什么会去用它呢? 是这样的,我在做企业网站开发的时候会有 2 个阶段。 第一个 draft 阶段,只写 HTML、CSS、JS。不会涉及 ASP.NET Core、SQL Server。 第二个阶段
阅读全文
摘要:效果 前言 以前用过 lightbox2 和 fancyapps. lightbox2 已经没有维护了. fancyapps 改版好多次了. v2, v3 现在 v4 已经开始收费了. PhotoSwipe 目前最火, 下载量最大. 今年三月才推出新版. 虽然还没有用 TypeScript 重写,
阅读全文
摘要:前言 官网已经有很好的教程了, 这篇只是记入一些我用过的东西和冷门知识. 参考 官网安装 官网 Demo 安装 yarn add swiper JS import Swiper from 'swiper'; // core js import { Navigation } from 'swiper/
阅读全文
摘要:前言 Chart.js 是前端用来做可视化数据的库. 它是用 canvas 来实现的. 里头有各式各样的图表. 这个比较难系统学习, 通常都是项目需要用到才去翻翻找找. 但是日子久了难免又忘东忘西. 所以最好还是写一个小笔记. 这篇会记入我有用过的图片和配置. 参考 官网 docs Github I
阅读全文
摘要:参考 Build Real Time Face Detection With JavaScript (youtube get started) face-api.js — JavaScript API for Face Recognition in the Browser with tensorfl
阅读全文