• zhongxia245zhongxia245/blog· 3 天前

    GitHub可以免费托管静态网页,并且为每个账户提供一个 username.github.io 的域名,在这个域名下正好可以写个博客。

    另外GitHub中的repository 也可以建立 gh-pages 分支,GitHub会默认发布此分支的静态网页在 https://username.github.io/projectname/ 下,据此我们可以发布N个站了。

    利用 npm-scripts 快速部署

    利用 gh-pages 包,可以快速构建 gh-pages 分支,并且上传指定文件夹到分支中,实现 github pages 的 网页快速托管。

    {
    "scripts": {
        "st
  • zhongxia245zhongxia245/blog· 5 天前

    useState , useContext 代替 redux

    创建一个根 store 来管理状态和改变状态, 可以用来做小型应用的状态管理,适合全局共享状态。

    线上 DEMO 地址: 点这里

    // context/index.tsx
    import React, { useState } from 'react';
    
    export const AppContext = React.createContext({});
    
    export interface IAppContext {
      root: any;
      setData: Function;
      [propName: string]: an
  • https://guoyang1996.github.io/Zookeeper2/

  • hurujihuruji/blog· 6 天前

    最简单的调试

    启动文件时添加 --inspect 命令可以启用检查器,默认端口号是 9229,启动器的客户端可以通过通过连接这个端口来进行调试,最简单的就是通过 chrome dev tool 打开 chrome://inspect 来打开 dev tools 进行调试。

    node --inspect index.js

    默认端口是 9229 ,可以指定其他端口,如:

    node --inspect=9002 index.js

    这个时候需要打开 chrome://inspect 配置对应的端口去连接,当然为了方便,可以安装如 NIM 、Node.js V8 Inspector的浏览器插件帮助我们

  • Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. — Micro Frontends

    前言

    TL;DR

    想跳过技术细节直接看怎么实践的同学可以拖到文章底部,直接看最后一节。

    目前社区有很多关于微前端架构的介绍,但大多停留在概念介绍的阶段。而本文会就某一个具体的类型场景,着重介绍微前端架构可以带来什么价值以及具体实践过程中需要关注的技术决策,并辅以具体代码,从而能真正意义上帮助你构建一个生产