Yukaii

JustFont frontend code analysis

這份 gist 是 JustFont 前端程式碼的分析，包含後端和一些資料的草稿可以看：https://hackmd.io/@yukai/webfont-study 就其實一直對這種 web font hosting 的技術有些興趣，就心血來潮開坑啦，其實也是想做一個最簡單的 Open source POC 這樣。不考慮效能的後端 XD

進行流程

基本上就是用人腦 De-Uglify (or prettify) 經過混淆的 JavaScript 程式碼 XD，過程如下

1. Prettier JavaScript
2. 過 standard lint

Yukaii

UI Cutomization for HackMD with Stylus

Install

Make sure you've had Stylus browser extension installed:

• Chrome: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
• Firefox: https://addons.mozilla.org/firefox/addon/styl-us/

THen click the following link:

Yukaii

JavaScript   6 hours 23 minutes  ████████████░░░░░░░░░░░░░ 49.09%
JSX          2 hours 46 minutes  █████░░░░░░░░░░░░░░░░░░░░ 21.33%
JSON          1 hour 43 minutes  ███░░░░░░░░░░░░░░░░░░░░░░ 13.16%
TypeScript     1 hour 2 minutes  ██░░░░░░░░░░░░░░░░░░░░░░░  7.99%
SCSS                 17 minutes  █░░░░░░░░░░░░░░░░░░░░░░░░  2.15%

Yukaii

<div class="stamp"></div>

Yukaii

<div class="circle red w-50 h-50"></div>
<div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div><div class="circle red w-50 h-50"></div>

Yukaii

Demo

Usage

Create a bookmark with the following link:

javascript: (function () { var title = window.prompt('Make new note on HackMD', document.title); if (!title) return; var lines = [document.title, '', '[' + document.title + '](' + window.location.href + ')']; var quote = window.getSelection().toString(); if (quote.trim()) lines = lines.concat(quote.split(/\n/g).map(function (line) { return ' > ' + line })); lines.push(''); var body = encodeURIComponent(lines.join('\n')); window.open('https://hackmd.io/new?title=' + body) })();

Yukaii

{
  "component": "root",
  "args": {
    "title": "Extension history stats"
  },
  "data": [
    {
      "component": "text",
      "args": {
        "tagName": "h1"

Yukaii

[
    {
        "id": "4tron.stack-overflow-view",
        "name": "stack-overflow-view",
        "publisher": "4tron",
        "version": "0.1.1"
    },
    {
        "id": "aaron-bond.better-comments",
        "name": "better-comments",

Yukaii

dashboard "Package stats":
- h1 text: Package stats
- h3 text: Show VSCode, SublimeText, Atom editors extension stats
- p text: Last updated at 2021-09-19 00:06:59 +0000
- bar chart:
    columns: [
      ["VSCode", 30029], ["Sublime Text", 5186], ["Atom", 9134]
    ]

Yukaii

var v

let asyncFunction = () => {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      resolve(5)
    }, 2000)
  })
}