4 bài viết được gắn thẻ "docusaurus"

Quick note​

Xuất HAR​

1. Mở trình duyệt
2. Bấm F12 hoặc Chuột phải + Inspect
3. Bấm Netwrok tab
4. Chọn Export HAR ...

Nhập HAR​

1. Mở trình duyệt
2. Bấm F12 hoặc Chuột phải + Inspect
3. Bấm Netwrok tab
4. Chọn Import HAR ...

Tính năng​

• Dùng để tối ưu hiệu xuất cho website
• Xác định thứ tự, thời gian load dữ liệu cho từng luồng
• Đưa cho dev team debug việc xảy ra lỗi khi ở trên production

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:​

• https://support.zendesk.com/hc/en-us/articles/4408828867098-Generating-a-HAR-file-for-troubleshooting

Các bước​

1. Tạo mới 1 UML

   • http://plantuml.com

2. Nhập UML

   • Copy mẫu từ link Declaring participant

3. Tạo ra link embeded

   • bấm "Submit"
   • bấm "SVG"
   • copy URL từ trình duyệt

4. Nhập vô Markdown theo format

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

Kết quả​

Tính năng của plantuml.com (Xem thêm)​

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 gồm 1 số thành phần UML:

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

2. Một số :

   • 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. Hơn nữa:

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

Reference sources:​

• https://stackoverflow.com/a/32771815
• https://plantuml.com/

Tui ne

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:

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.

Blog posts support Docusaurus Markdown features, such as MDX.

<button onClick={() => alert('button clicked!')}>Click me!</button>