hookex

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

hookex

ip addr show eth0 | grep inet | awk '{ print $2; }' | sed 's/\/.*$//'
 

hookex

import {now} from "../utils/date";
import assert from "../utils/assert";

export interface TimeRanges {
    start: number,
    end: number,
}

export interface PlaybackControlProps {
    mode?: PlaybackControlMode, // 录播 or 直播

hookex

git open
sudo npm i -g git-open

ncu
sudo npm i -g npm-check-updates

nrm
sudo npm i -g nrm

brew

hookex

export function useForceUpdate() {
  const [, f] = useState(false)
  const forceUpdate = useCallback(() => f(v => !v), [])
  return forceUpdate
}

const useForceUpdate = () => useState()[1];

hookex

# package.json specifics
> https://www.npmjs.cn/files/package.json/

## files
Entries to be inclued of your package
#### priority
*files* > .npmignore > .gitignore

## main、module、browser

hookex

PKG NAME

Demo

Demo Link

Tech Stack

hookex

npx create-react-app application --template typescript  --use-npm


# template
https://github.com/microsoft/TypeScript-React-Starter

# tsx
https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

hookex

典型场景下，有一些典型的解决方案，这些凭借经验就能猜个八九不离十。 但是性能优化其实是很灵活的，它几乎无处不在。

三个维度

加载

指标：1000ms

交互

指标：100ms

hookex

{
  /**
   * 1. 原型链继承
   */
  function SuperType() {
    this.property = true;
  }

  SuperType.prototype.getSuperValue = function() {
    return this.property;