highlights of yuebin chen

chromium src based dev

hudg projects management

• supporting tools

  • dump all
  • Occasionally, the overhead of creating supporting tooling outweighs the development of the core features

basic understanding of the Chromium browser architecture.

• thinking the web dev in another view

upstream tracking

• Find out what they are doing in massive commits.

  • API deletion and migration

    • can't use the 'git blame'

    • Binary search is inefficient.

    • simple tool, big help

      • A handy tool to trace API changes across any commit range.

• chromium branch model

  • how to revert range commits

• git log range

  • https://www.kernel.org/pub/software/scm/git/docs/gitrevisions.html

binding

• https://www.doubao.com/thread/w21f250d675e9251d

  • no need to bind every function
  • no marcors!!

scale down the projects, focus on a small portion

make use of the test code

git

native web dev

navigation

• poor ue with many apps

  • many cases to handle

  • the browser's support is a bit confusing & choas

    • common case; is a navi back ?

      • i don't kown, just refresh

• how to handle?

  • events

    • page show event， persistent arg

    • popstate

      • hash anchor click

      • navigation

        • normal navigation
        • pushState call

      • replaceState for ditinguishing

    • hashchange

  • bfcache

  • demo

    • http://a.fe.my/api/navi-history/navigate-judge2.html

view port

• 3 vps

  • mdn almost not make clear which vp it refers to

• pc mobile, 90% can be unified

• mdn has many mistakes, so the AI models too

  • https://d.uninote.com.cn/mdn2/en-US/docs/Web/CSS/Viewport_concepts.html#mobile_viewports
  • https://d.uninote.com.cn/mdn2/en-US/docs/Web/CSS/position.html#fixed

loading

• readyState & DOMContentLoaded event
• js/css/image blocking of DOM parsing
• PerformanceNavigationTiming
• firefox dev tools problems

layout

• layout viewport

• auto

• offset demension scrolling

• flow

• box model

• containing block

• stacking context

• display/position/float

• formatting context

  • block inline flex grid table

learning system

fh: note keeping

• tnd: tiny node

  • corss refercence

    • copy & ref
    • ref form

  • reverse query

  • access/modification time

  • fav

  • search

    • sql search
    • snippet

  • collect & collate

    • writing-locating dilemma

  • free to move

• search

  • headings only
  • snippet
  • full text of repo

• code snippet

• quick cmds & utils integration

  • hot keys (also, shortcut keys) are limited

• publish

• history & log query

mirror doc viewer

XMind: ZEN - Trial Version