https://docs.crazytrau.com/blog crazytrau Blog 2023-03-15T00:00:00.000Z https://github.com/jpmonette/feed crazytrau Blog https://docs.crazytrau.com/img/favicon.ico <![CDATA[Cách xuất network process trên browser]]> https://docs.crazytrau.com/blog/how-to-export-network-process 2023-03-15T00:00:00.000Z 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:​

]]> Huỳnh Thiên Phước https://github.com/htphuocdl <![CDATA[Plantuml trong Readme Markdown]]> https://docs.crazytrau.com/blog/plantuml-on-readme-markdown 2023-03-06T00:00:00.000Z Các bước​

  1. Tạo mới 1 UML

  2. Nhập UML

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

PlantUML model

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

]]> Huỳnh Thiên Phước https://github.com/htphuocdl <![CDATA[Hi ni]]> https://docs.crazytrau.com/blog/welcome 2021-08-26T00:00:00.000Z 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:

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.

]]> Huỳnh Thiên Phước https://github.com/htphuocdl <![CDATA[MDX Blog Post]]> https://docs.crazytrau.com/blog/mdx-blog-post 2021-08-01T00:00:00.000Z Blog posts support Docusaurus Markdown features, such as MDX.

mẹo

Use the power of React to create interactive blog posts.

<button onClick={() => alert('button clicked!')}>Click me!</button>
]]> Huỳnh Thiên Phước https://github.com/htphuocdl