微前端方案对比

什么是微前端

微前端类似微服务,并不是指某一具体的技术,而是一种整合了技术、策略和方法的宏观架构方案,是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。

为什么选择微前端

微前端主要解决了两个问题:

  1. 项目迭代导致巨石应用,难以维护

  2. 兼容历史应用,实现增量开发

阅读全文

手写call、apply、bind与this指向问题

本文给大家介绍更完善的手写方法

虽然手写call,apply,bind网上已经大把大把的文章,且本身知识点比较集中,但是网上的大部分方法都会有这样或者那样的问题,并不完善

本文带大家从另一个角度,更加完善的理解、学习如何手写call、apply、bind

一、用法与区别

  1. call:

    call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

  2. apply:

    apply() 方法调用一个指定 this 值的函数,以及以一个数组(或一个类数组对象)的形式提供的参数。

  3. bind:

    bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。

阅读全文

代码可读性

对软件来说,适当的规范和标准绝不是消灭代码内容的创造性、优雅性,而是限制过度个性化,以一种普遍认可的统一方式一起做事,提升协作效率。代码的字里行间流淌的是软件生命中的血液,质量的提升是尽可能少踩坑,杜绝踩重复的坑,切实提升质量意识。 ——《阿里巴巴开发手册》

阅读全文

Vue源码之init

1.Vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// src/core/instance/index.js
function Vue (options) {
if (process.env.NODE_ENV !== 'production' &&
!(this instanceof Vue)
) {
warn('Vue is a constructor and should be called with the `new` keyword')
}
this._init(options)
}

initMixin(Vue)
stateMixin(Vue)
eventsMixin(Vue)
lifecycleMixin(Vue)
renderMixin(Vue)

export default Vue
阅读全文

new Vue()的过程

Vue: [email protected]

  1. 'core/instance/index',定义Vue
    • initMixin给Vue的原型定义_init
      • _init 属性的初始化
        • mergeOptions合并参数
        • initLifecycle初始化挂载生命周期相关属性
        • initEvents初始事件相关属性,当父组件绑定到子组件时,供子组件调用
        • initRender初始化slot插槽
        • callHook(vm, 'beforeCreate') 生命周期调用
        • initState 初始化data/method/computed/watch
        • initProvide 初始化provide
        • callHook(vm, 'created') created生命周期调用
        • $mount 调用mountComponent
阅读全文

macOS 12 升级xcode 13后无法打开iOS11.4Simulator解决方法

macOS升级到12 macOS Monterey后,xcode(version 12)提示无法使用,需要升级,升级前还能打开iOS11.4的Simulator,升级后(xcode 13)提示不支持低版本iOS,最低支持iOS12版本,但是项目中又需要用到低版本的系统。

阅读全文

typec快速分离线

材料:

  • 航空插头

  • typec数据线

  • 电烙铁,焊锡、助焊剂等

阅读全文