hongbo-miao

<link rel="shortcut icon" width=32px>
<canvas style="display: none" id="loader" width="16" height="16"></canvas>

<script>
class Loader {
  constructor(link, canvas) {
    this.link = link;
    this.canvas = canvas;
    this.context = canvas.getContext('2d');
    this.context.lineWidth = 2;

hongbo-miao

/* Front End */
import { CollectorTraceExporter } from '@opentelemetry/exporter-collector';
import { DocumentLoad } from '@opentelemetry/plugin-document-load';
import { XMLHttpRequestPlugin } from '@opentelemetry/plugin-xml-http-request';
import { BatchSpanProcessor, ConsoleSpanExporter } from '@opentelemetry/tracing';
import { WebTracerProvider } from '@opentelemetry/web';

const tracerProvider = new WebTracerProvider({
  plugins: [new DocumentLoad(), new XMLHttpRequestPlugin()],
});

hongbo-miao

React recently introduced an experimental profiler API. This page gives instructions on how to use this API in a production release of your app.

Table of Contents

• Profiling in production
  • Create React App
  • Webpack 4
• Troubleshooting
  • Tracing broke after an NPM update

Profiling in production

hongbo-miao

# to generate your dhparam.pem file, run in the terminal
openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048

hongbo-miao

'use strict';

const crypto = require('crypto');

const ENCRYPTION_KEY = process.env.ENCRYPTION_KEY; // Must be 256 bits (32 characters)
const IV_LENGTH = 16; // For AES, this is always 16

function encrypt(text) {
 let iv = crypto.randomBytes(IV_LENGTH);
 let cipher = crypto.createCipheriv('aes-256-cbc', Buffer.from(ENCRYPTION_KEY), iv);

hongbo-miao

// 1. Server
//    node index.js
//
// 2. Client
//   1) Start
//      telnet localhost 3001
//
//   2) Quit
//      Click Ctrl + ], then Ctrl + C

hongbo-miao

https://press.one/p/v?s=a98d146efa2ee83dafcbef33da78eadae5b3c861e16fe4bc66344ea4bf4fbfb35c52bdb5b8f9c82f15a42cea9e68cc51a5602324503960bcf3152d824190175601&h=e317ecaf519eedbfbf39deda7515d970b93b3488549aa9d1157bfd43befe3ab2&a=83f94ab86a1749d7682b0087d4b81d73ef0f0103&f=P1&v=3

hongbo-miao

// App
import { Component } from '@angular/core';

@Component({
  selector: 'app',
  template: '<span>{{ sayHello() }}</span>',
})
export class App {
  public name: string = 'John';

hongbo-miao

Keybase proof

I hereby claim:

• I am hongbo-miao on github.
• I am hongbo_miao (https://keybase.io/hongbo_miao) on keybase.
• I have a public key ASD2n4Xue3rP7-aQhXDNj9EBv0Xk5a-az4CAMV_wGxbsPgo

To claim this, I am signing this object:

hongbo-miao

function transpose(a)
{
  return a[0].map(function (_, c) { return a.map(function (r) { return r[c]; }); });
}