Yan Li yanli0303

How to capture network traffic with Wireshark

This note introduces how to install and configure Wireshark to capture network traffics of following protocols:

"Micro Module Services" is a loosely coupled programming model that aims to solve below problems of centralized design patterns such as MVC:

Controllers tend to get bigger and bigger over time (and multiple developers), and overly complex.
Big controllers would become God objects when they take responsibility for handling all kinds of requests. They end up with lots of code and do all kinds of things, they know and have access to almost everything in an application.
Big controllers hurt the isolation of concerns, make it hard to refactor or delete code, require more and more efforts to maintain.
Libraries designed in centralized patterns aren't reusable, because it's hard to separate one of the functionalities from the central points such as controllers.
Unit testing is difficult as test cases need to mock dependencies.

The Micro Module Services programming model borrows concepts from microservices, it structures an application

Set cursor to the variable name.
Press and hold "SHIFT" key until all occurrences of the variable are highlighted.
CMD + CTRL + E and start edit in scope.

	CREATE USER 'admin'@'localhost' IDENTIFIED BY 'admin';
	GRANT ALL PRIVILEGES ON . TO 'admin'@'localhost' WITH GRANT OPTION;

	CREATE USER 'admin'@'%' IDENTIFIED BY 'admin';
	GRANT ALL PRIVILEGES ON . TO 'admin'@'%' WITH GRANT OPTION;
	SHOW GRANTS FOR mstr;
	FLUSH PRIVILEGES;


	CREATE DATABASE my_store CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./style.css">
	<title>Adopt Me</title>
	</head>

	/**
	* Submit login form with POST method.
	* @param {string} action The login page URL.
	* @param {string} target The name of the iframe, or `_blank`;
	* @param {object} params The dictionary of form data.
	* @returns The form element inserted into the page.
	*/
	export const postForm = (action, target, params) => {
	const form = document.createElement('form')
	form.style.display = 'none'

	<?xml version="1.0" encoding="UTF-8"?>
	<OfficeApp
	xmlns="http://schemas.microsoft.com/office/appforoffice/1.1"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0"
	xmlns:mailappor="http://schemas.microsoft.com/office/mailappversionoverrides/1.0"
	xsi:type="MailApp">


	<Id>092ed79b-a5ca-5fa1-ba67-aa2e9691a362</Id>

	/* https://animista.net/ */
	.typing {
	animation: typing 2s steps(22), blink .5s step-end infinite alternate;
	}

	/// HTTP Status
	"http_status_100" = "Continue";
	"http_status_101" = "Switching Protocols";
	"http_status_102" = "Processing";
	"http_status_200" = "OK";
	"http_status_201" = "Created";
	"http_status_202" = "Accepted";
	"http_status_203" = "Non-authoritative Information";
	"http_status_204" = "No Content";
	"http_status_205" = "Reset Content";