Skip to main content

· One min read
Huỳnh Thiên Phước

Quick note​

Export HAR​

  1. Open browser
  2. Press F12 or Chuột phải + Inspect
  3. Press Netwrok tab
  4. Choose Export HAR ...

Import HAR​

  1. Open browser
  2. Press F12 or Chuột phải + Inspect
  3. Press Netwrok tab
  4. Choose Import HAR ...

Tính năng​

  • Optimize the performance of the website
  • Determine the order and time to load data for each thread
  • Show the dev team to debug what went wrong in production environment

Note​

  • HAR sẽ chứa toàn bộ thông tin website nên bạn cần cẩn thận khi đưa cho người khác: token, card number, ...

Reference sources:​

· 2 min read
Huỳnh Thiên Phước

Step​

  1. Ceate new UML

  2. Fill UML

  3. Create link embeded

    • Click "Submit"
    • Click "SVG"
    • copy URL from Browser

  4. Fill Markdown theo format

    • ![PlantUML model]( <<URL copy>> )

Réult​

PlantUML model

plantuml.com features (more)

Diagrams are defined using a simple and intuitive language. (see PlantUML Language Reference Guide). New users can read the quick start page. There is also a F.A.Q. page. PlantUML can be used within many other tools. Images can be generated in PNG, in SVG or in LaTeX format. It is also possible to generate ASCII art diagrams (only for sequence diagrams).

  1. PlantUML is a component that allows you to quickly write::

    • Sequence diagram
    • Usecase diagram
    • Class diagram
    • Object diagram
    • Activity diagram (here is the legacy syntax)
    • Component diagram
    • Deployment diagram
    • State diagram
    • Timing diagram

  2. The following non-UML diagrams are also supported:

    • JSON data
    • YAML data
    • Extended Backus-Naur Form (EBNF) diagram
    • Network diagram (nwdiag)
    • Wireframe graphical interface or UI mockups (salt)
    • Archimate diagram
    • Specification and Description Language (SDL)
    • Ditaa diagram
    • Gantt diagram
    • MindMap diagram
    • Work Breakdown Structure diagram (WBS)
    • Mathematic with AsciiMath or JLaTeXMath notation
    • Entity Relationship diagram (IE/ER)

  3. Furthermore:

    • Hyperlinks and tooltips
    • Creole: rich text, emoticons, unicode, icons
    • OpenIconic icons
    • Sprite icons
    • AsciiMath mathematical expressions

Reference sources:

· One min read
Huỳnh Thiên Phước

Docusaurus blogging features are powered by the blog plugin.

Simply add Markdown files (or folders) to the blog directory.

Regular blog authors can be added to authors.yml.

The blog post date can be extracted from filenames, such as:

  • 2019-05-30-welcome.md
  • 2019-05-30-welcome/index.md

A blog post folder can be convenient to co-locate blog post images:

Docusaurus Plushie

The blog supports tags as well!

And if you don't want a blog: just delete this directory, and use blog: false in your Docusaurus config.