https://docs.crazytrau.com/en/blog crazytrau Blog 2023-03-15T00:00:00.000Z https://github.com/jpmonette/feed crazytrau Blog https://docs.crazytrau.com/en/img/favicon.ico <![CDATA[How to export network process]]> https://docs.crazytrau.com/en/blog/how-to-export-network-process 2023-03-15T00:00:00.000Z 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:​

]]> Huỳnh Thiên Phước https://github.com/htphuocdl <![CDATA[Plantuml on Readme Markdown]]> https://docs.crazytrau.com/en/blog/plantuml-on-readme-markdown 2023-03-06T00:00:00.000Z 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:

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

tip

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