资深前端开发

前端开发

  • OAuth2.0 认证协议
    • OAuth 2.0 知识点
      • 授权许可机制类型
      • Oauth2.0 学习资料
      • 什么是 OAuth2.0
      • OAuth2.0流程
    • 开发一套权限管理系统
      • Passport 身份验证
      • node-Casbin
      • RBAC 权限管理模型
      • ACL 权限模型
    • CAS 企业级单点登录解决方案
    • koajs/userauth
    • 3 JsonWebToken 认证
      • 双 token 无感刷新
      • Bearer Token
      • jwt token 认证原理
      • jwt 知识点
    • 2 cookie & session 认证
      • session 会话原理
    • 1 HTTP Basic authentication
    • 消息推送
  • Nodejs 企业级应用实践
    • nodejs企业级应用
    • nodejs开发环境
      • dotenv 多环境配置
      • nodejs本地开发环境配置
      • 云服务配置
    • nodejs最佳实践
      • Twelve-Factor App 十二要素应用
      • SonarQube 代码检测平台
      • Sentry 错误分析平台
      • 高并发场景下限流,保障大流量下的稳定性
      • RPC远程过程调用
        • RPC是什么
      • nodejs代码规范
    • nodejs机器学习
    • nodejs日志系统
      • npmlog 终端日志
      • 日志切割
      • 如何打印一份好的日志-日志规范
      • 日志的级别
      • 日志应用场景
      • console日志的原理
    • nodejs 异常理论
      • nodejs异常处理最佳实践
      • code错误码
        • code错误码对应提示语
      • 异常数据格式
        • 异常错误文案
      • CatchError中间件
      • midwayjs Exception 异常类
        • 自定义异常类
        • java Exception 异常类
      • nestjs Exception 异常类
      • 已知异常&未知异常
    • nodejs性能优化
      • nodejs内存泄漏
        • V8内存管理
        • node内存 USE指标
        • 内存回收原理分析
        • 内存泄漏排查
      • IO密集,CPU密集
      • 正向代理 & 反向代理
      • 动静分离
      • 0x火焰图FlameGraph 排查计算密集型 CPU
      • nodejs 性能平台
    • nodejs 网络底层原理
      • blob对象
      • nodejs处理文件流
      • 全双工通信
        • 单工通信
        • 半双工通信
      • babel
      • nodejs知识点
      • SSE服务器端事件
      • 前端为什么要学习 nodejs
    • nodejs常见错误
      • net::ERR_CONTENT_LENGTH_MISMATCH 200
      • --openssl-legacy-provider错误
      • crypto.createCipher is deprecated
    • 服务端专业知识
      • inode是什么
    • node框架
      • nodejs必须知道的300个问题
      • nodejs 2020使用报告
      • node v17新特性
      • nodejs框架设计
      • web框架的三个层次
      • CCXT 加密货币交易库
      • express koa eggjs midway nodejs框架的发展
      • midway
      • nestjs
        • Malagujs
      • keystoneJS
  • RESTful API开发
    • eggjs curl
      • urllib
      • eggjs httpClient
    • RESTFul API规范
    • API接口文档设计
    • postman使用技巧
    • RESTful与 RPC
    • nodejs模板
    • post message: "invalid csrf token"
  • Nodejs BFF架构
    • nodejs BFF架构
    • mock数据
    • egg企业级项目实战
    • eggjs构建 BFF层
    • proxy代理服务器
  • midwayjs
    • EGGJS开发实战
      • eggjs 登录与授权
        • 权限管理的分类
        • jwt解密
        • jwt
      • eggjs 底层开发&应用层开发
        • egg集成的插件
        • egg启动时序图
        • eggjs运行原理
        • eggjs MVC架构
      • egg plugins 插件
        • egg-view-nunjucks
        • egg-static 静态资源
        • egg-swagger-doc
        • egg-plugin 插件规范
      • middleware 中间件
        • 洋葱圈模型
      • egg ctx上下文
        • ctx.cookie ctx.session
        • ctx.headers
        • req.query获取URL参数
        • eggjs http传参
        • egg-validate 参数校验
      • eggjs 数据库操作
        • connect-mongo
        • egg-mysql
        • egg-graphql
        • egg-socket.io
      • eggjs目录规范
        • alias别名配置
      • /app.js
      • /config目录
        • egg跨域请求设置
        • config.static设置多个静态目录
        • config.default.js
        • egg修改默认7001端口
      • /test 测试目录
      • extend 扩展
        • context 上下文扩展
        • application 全局应用扩展
        • request&response 请求响应扩展
        • helper 帮助函数扩展
      • eggjs基础
        • eggjs特点
        • require('egg')
        • eggjs入门
        • eggjs代码模板
      • egg常见错误
      • egg部署到服务器
      • egg多进程
      • eggjs创建项目
    • nodejs 导入导出 excel
    • midway 概念
    • upload 上传图片
      • files 多文件上传
      • upload 上传图片代码
    • Controller 控制器
      • @midwayjs/validate 参数校验
      • 请求上下文模式
    • log 日志
      • egg-logger日志
      • log4js 日志管理
      • log4js封装
    • midway 新建应用
      • midway/config.default.ts
      • midway/package.json
    • swagger-ui集成
    • midwayjs 插件
      • swagger-ui
      • sequelize配置
      • socket.io配置
      • oss 配置
      • mongoDB配置
      • redis配置
    • midway SSR 服务端渲染
    • midway-logs日志
    • midway decorator 装饰器
    • midway 中间件
      • 413 koa-bodyparser
    • midway 多语言国际化
    • /app
    • DEBUG
    • midway 微服务
    • midway全栈开发解决方案
    • midway vs nest.js
    • midway 安全设置
  • MVC模型
    • nunjucks 模板引擎
      • 模板字符串模板引擎
      • nunjucks语法
    • /Controller控制器
      • Controller this
    • /Model模型
      • scenario场景
    • /Service服务
      • Server this 属性
    • /view 视图
    • /public 静态资源
    • /Schedule 定时任务
      • CronExpression 定时任务
    • router.js 路由
      • egg-decorator-router 装饰器路由
      • egg-router拆分路由
      • path-to-regexp
  • nodejs 博客系统
    • 1 博客系统需求
    • 2 博客系统的数据库
      • blog.sql 数据库
    • 3 博客项目架构
      • 珑文的博客
    • blog前端模块
      • umi-blog
      • fusion-blog
      • 异常页面
    • blog后端模块
      • login登录模块
      • npm init egg 初始化项目
      • egg ssr
    • eggjs小程序开发实战
    • CMS要注意的细节
    • 盈利的网站
      • 注册公司
      • 域名选择
      • 网站备案
      • aliyun web开发
  • Sequelize
    • sequelize 最佳实践
    • sequelize 关联查询
    • ORM 对象关系映射
    • sequelize Model模型
    • ORM 关系模型
    • findAll,findAndCountAll查询
    • findOne,findByPk,findOrCreate
    • sequelize create 新增
    • sequelize update 更新
    • sequelize-transaction事务
    • sequelize.define 定义模型
    • sequelize destroy 删除
    • sequelize-auto-midway 实体生成器
      • sequelize连接已有数据库
    • sequelize init
    • sequelize-cli
    • egg-sequelize
      • router.js初始化 app.model
  • serverless
    • midway faas
    • FaaS
    • BaaS
    • 云原生
    • 阿里云服务
      • web托管服务
  • Nodejs 爬虫
    • puppeteer 无界面浏览器
      • puppeteer.launch
      • 无壳浏览器
    • 反爬虫
    • 代理ip池
    • 1 搭建 http服务
    • charles抓包
    • robots协议
  • Nodejs 原生模块
    • commonJS规范
      • 手写commonjs
      • exports&module.exports的区别
    • 密码生成器
    • usr环境变量
      • #!/usr/bin/env node
    • process 全局对象
      • NODE_ENV 环境变量
      • process属性大全
      • process.env
    • child_process 子进程
      • child_process多进程模式
      • 进程和线程区别
      • 进程守护
      • cluster集群
      • egg-cluster多进程模式
      • master进程与 cluster进程的通信
    • path路径
    • Buffer
    • http
      • http-server
    • EventLoop事件循环
      • libuv
      • Promise&Async
      • EventEmitter
    • 非阻塞IO
    • nodejs和 js的区别
    • fs文件系统
      • fs 遍历文件夹
      • 前端二进制
      • nodejs如何获取文件类型和文件权限
      • fs.stat 获取文件信息
        • stat-mode获取文件类型
      • stream 流
        • fs.createWriteStream 可写流
      • fs.writeFile & fs.readFile & fs.appendFile区别
      • fs读取图片
    • glob
    • IP地址
  • KOA2 实战
    • koa-generator初始化项目
    • koa-compose
    • 获取参数&校验参数
    • koa-router
      • requireDirectory路由自动加载
    • 微博原型页面
    • Koa2 源码分析
      • new Koa时发生了什么
    • Koa2 电影预告片网站
    • koa对比express
  • Web 安全实战
    • isolated-vm & vm2 沙箱
    • CSP 内容安全策略
    • TSL重协商攻击
    • CSRF 跨站请求伪造
      • CSRF跨站请求伪造漏洞原理及代码审计
    • XSS跨站脚本攻击
    • SSRF服务端请求伪造
    • SQL注入攻击
      • sql 安全
    • Ratelimit应用限流
      • 海量接口请求防御
      • 接口限流算法
        • TokenBucket 令牌桶
    • HealthCheck健康检查
      • 金丝雀发布
      • 蓝绿部署
      • A/B测试
      • egg项目安全
      • 安全检查
    • 文件上传漏洞攻击
      • 文件后缀白名单
    • 密码加密安全
      • md5 彩虹表
      • node-rsa加密
      • crypto-js
      • bcryptjs
      • Authenticator 双重身份验证
      • cookie安全
      • license版权
        • license开源协议
    • http传输安全
      • 越权
    • 线上问题排查
    • 营销的黑产
  • npm
    • npm-check-updates 更新package.json
      • npm install安装报错
    • npm 版本号规范
      • npm publish 发布npm包
      • npm semver 语义化版本
    • npx是什么
      • console.log 输出文件名和行号
      • console控制台安装 npm
    • npm scripts 前端工程化
      • npm run start
      • npm run build
    • npm常用命令
      • npm link
      • npm list -g --depth 0 查看全局包
      • npm常见的问题
      • NODE_ENV 不是内部或外部命令
    • yarn 常用命令
    • package.json
      • main lib 和 browser的区别
      • package-lock.json
      • dependencies 项目依赖
      • peerDependencies 宿主依赖
    • node archiver压缩文件
    • 前端常用的 npm包
      • nodemon
      • pm2 进程管理工具
      • PaddleOCR
      • is-type-of
      • Dotenv
      • nrm npm源地址管理
      • fnm & nvm 版本管理工具
      • ncu npm-check-updates 升级 npm包
      • socket.io
      • uuid 全局唯一标识
      • url
      • uuid通用唯一识别码
      • query-string & qs的区别
      • http-server本地服务器
    • CLI废弃
      • node-package
      • 单独的代码库
  • CLI 脚手架开发
    • 一 CLI脚手架开发技术点
      • import-local
      • 脚手架性能优化
      • 初始化脚手架框架
        • #!/usr/bin/env node
        • #!/usr/bin/env bash
      • nodejs支持 esModule模块
      • commander 命令
        • commander实例
      • yargs 命令行参数解析
        • yargs command自定义指令
      • process.argv 命令行参数解析
      • minimist 命令行参数解析引擎
      • figlet终端文字
      • 命令行日志交互
    • 二 云构建 cloudBuild
    • 三 云发布 cdn版本
      • yargs处理命令行参数
    • 脚手架实现原理
  • HTTP 协议
    • mac 快速修改 hosts
    • 服务端相关概念
    • 七层网络协议
      • 从输入URL到页面展示发生了什么?
      • Load Balance 负载均衡
        • 负载均衡算法
        • RPC 负载均衡
        • cluster集群 负载均衡
      • LVS 虚拟服务器
      • IPC 进程间通信
      • Gateway网关
      • DNS 域名系统
        • DNS & hosts的关系
      • RPC 远程过程调用
        • gRPC
      • RFC文档
    • Websocket 协议
      • socket聊天室
      • Socket
      • ws WebSocket客户端
      • WebSocket协议介绍
      • socket千万级的数据量
      • websocket
      • socket.io
      • web-socket坦克大战
      • web-socket俄罗斯方块
    • headers response 响应头
      • HttpStatus 状态码
    • headers request 请求头
      • http header头信息
      • Content-Type类型
      • enctype=multipart/form-data
      • Referer
    • http协议知识点
      • // 缺省协议
      • 接口请求下游服务时,如何避免出现504错误
      • 超详情的http超时控制
      • 玩转tcp服务器
      • udp实现原理
      • 粘包、拆包的原因
      • 如何调整网络负载
      • 为啥需要流量控制
      • 为啥time_wait需要等待2msl
      • TCP抓包三次握手,四次挥手分析
      • TCP经典协议与数据包
    • CORS 跨源资源共享
      • 同源策略
      • 前端9种跨域解决方案
      • nodejs 解决跨域
      • chrome浏览器跨域错误
      • postMessage
    • http状态码
      • 5xx服务端错误码
      • 4xx客户端错误码
      • 3xx重定向响应码
      • 2xx成功响应码
      • 1xx信息码
    • http Cache缓存
    • 长轮询
    • https
    • http2
    • http方法
    • http报文
    • http服务器
    • Content
    • ping
    • URI
  • Electron
    • electron开发eagle
  • 文档中心
  • 文档中心
  • 更新日志 v3.2.0
  • 前端开发
  • B端组件库
    • 表格低代码
    • 表单低代码

    • 拓扑图可视化

    • 在线流程图 New
    • 在线拓扑图
  • 低代码可视化
    • 表格低代码
    • 表单低代码

    • 拓扑图可视化

    • 在线流程图
    • 在线拓扑图
  • React 技术栈
  • 前端工具库
  1. 前端开发
  2. Nodejs
  3. url

url

React技术栈,有独立项目开发能力,包括复杂前端系统的开发,和项目集成能力;
熟练掌握可视化技术,有 Nodejs BFF 项目集成经验

Antd 技术栈

  • umijs
  • dumijs
  • Ant Design
  • Ant Design ProComponent
  • Antd 组件精选

数据可视化

  • Echarts
  • Threejs
  • D3.js
  • Reactflow
  • react-grid-layout

B端产品

  • Form 表格
  • Table 表单
  • List 列表
  • Chart 图表
  • reactflowreactflow
React技术栈 ©2013-2023豫ICP备2023017175-1号
React技术栈前端可视化前端工具库