其他 | 知识点归纳

周刊

1、weekly-每周一篇

2、freecodecamp-英文版

3、独立站周刊


场景

1、优化

2、微前端

3、重构

4、监控和埋点方案

  • PV/UV:PV(page view),即页面浏览量或点击量。UV:指访问某个站点或点击某条新闻的不同IP地址的人数
  • 前端监控可以分为三类:数据监控、性能监控和异常监控
  • 前端埋点方法分为三种:代码埋点、可视化埋点和无痕埋点
  • 前端埋点体系怎么搭建

5、base64编码原理

  • base64编码本质上就是将二进制转化为文本数据的方案

  • Base64编码的主要的作用不在于安全性,而在于让内容能在各个网关间无错的传输,这才是Base64编码的核心作用

6、组件设计

1)优化原则

  • 多使用内存和缓存
  • 减少CPU计算量,减少网络耗时

2)设计原则

  • 从功能上拆分层次
  • 容器组件(只管理数据)&& UI组件(只显示视图)

3)package.json: browser、main 与 module

  • -browser : 定义 npm 包在 browser 环境下的入口文件;
  • -main : browser 环境和 node 环境均可使用,定义了 npm 包的入口文件;
  • -module : browser 环境和 node 环境均可使用,定义 npm 包的 ESM 规范的入口文件;
  • -web端加载优先级: browser > module > main

7、npm

8、登录注册

H5(微信、支付宝):

  • -登录:跳转微信定向地址, url参数中包含回调地址
  • -手机号码:基于验证码绑定

小程序(微信):

  • -登录:wx.getUserProfile获取用户信息后调用后端接口
  • -手机号码:open-type="getPhoneNumber"触发调用后端接口

9、支付

  • H5(微信): window.WeixinJSBridge.invoke( 'getBrandWCPayRequest', ...)
  • H5(支付宝): ap.tradePay
  • 小程序(微信): wx.requestPayment


拓展

1、Flutter

  • 用于构建跨平台的手机App的SDK。写一份代码,在Android 和iOS平台上都可以运行。

2、同构渲染

  • 一套代码,浏览器能渲染,服务端能渲染

3、serverless

  • 无服务器架构,即在无需管理服务器等底层资源的情况下完成应用的开发和运行

4、nginx

5、编译型与解释型语言

6、Rust

7、主流X86-ARM-RISC-V-MIPS芯片架构分析

8、浅谈vpn、vps、Proxy以及shadowsocks之间的联系和区别