Rollup output 不同类型对比
Rollup 输出的不同格式js文件对比1amd , cjs , esm , iife , umd , system 一、IIFE 自执行函数 IIFE 的全称是 “immediately invoked function expression”。 1.1 打包结果分析让我们先看看本 demo 的 iife 格式打出来的包长什么样。 对上述代码做一些简化： 123456789101112131415161718192021var Test = (function (exports, lodash) { 'use strict'; // 自带严格模式，避免一些奇怪的兼容性问题 /** * 下面折行无用代码被 tree-shaking 掉了 * const unusedVar = 'May the 4th' * */ var answer = 42; // 业务中被单一引用的模块，被直接抹平了 const printAnswer = () => { console.log(`the...
vue3 watch 理解
vue3中 watch、watchEffect区别1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行） 2、watch需要传递监听的对象，watchEffect不需要 3、watch只能监听响应式数据：ref定义的属性和reactive定义的对象，如果直接监听reactive定义对象中的属性是不允许的，除非使用函数转换一下 4、watchEffect如果监听reactive定义的对象是不起作用的，只能监听对象中的属性。 123456789101112131415161718let count = ref(0)let countObj = reactive({count: 0})// 惰性，首次加载不执行watch(count, (newVal, oldVal) =>{console.log(newVal, oldVal)} )// watch...
d0 领域驱动设计
Domain Driven Design（DDD）是Eric Evans于2004在其同名著作里提出的概念，它指明了让软件设计满足理想需求模型的方向。但是建模、设计这种事本来就很抽象，读懂这样的大作也是需要消耗不少脑细胞。本文希望能尽量以简单加实例的方式介绍DDD里的一些常见概念。 简介什么是领域《领域驱动设计》书里写的是：用户会把软件程序应用于某个主体区域，这个区域就是软件的领域。简单来说，就认为是公司的某块业务好了。如果领域比较大，可以将其拆分为多个子域（Subdomain），子域包含核心域（Core Domain）和支撑子域（Supporting Subdomain），核心域顾名思义，是最重要的子域，我们应该把关注点集中在它上面；其余的子域都是支撑子域。支撑子域里有一类特殊的用于解决通用问题的子域，称为通用子域（Generic Subdomain），例如用户和权限等。不过这些都是相对而言的，对于消费方来说，他的支撑子域有可能就是你的核心域。个别子域可能会有交集，称为共享内核（Shared...
d2 业务模块
...
d1 自己对领域设置的理解
背景 前端项目日益复杂，功能多 业务逻辑，数据流，渲染，交互等等功能都是放在一块， 没有经过成熟的设计，杂乱无章，功能多了之后， 改一个小东西要把逻辑从头到尾都动一遍 理解 是一个抽象概念一种思想，只在项目设计阶段存在，就是去划分项目每个模块的职责 核心点 建模，建模是整个ddd最重要的部分 需要去区分一个业务中的各个概念，为不同的概念建立不同类型的模型，并且找到它们之间的关系，通过建模，建立起我们编程的基础工程，后续所有的开发，都是在这些模型的基础上完成的 前端建模核心思想：分层思想（Layered Architecture） 比如一些常见的想法： 定义业务对象 控制数据流 界面渲染 用户交互��染 用户交互 相关概念领域驱动设计（domain-driven-design）是软件代码的结构及语言需要符合业务领域中的习惯用法 领域驱动设计可以将实现对应到持续进化的模型 领域驱动设计的前提是： 把项目的主要重点放在核心领域（core...
d4 单一功能原则
单一功能原则在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有一个单一的功能，并且该功能应该由这个类完全封装起来。所有它的（这个类的）服务都应该严密的和该功能平行（功能平行，意味着没有依赖）。 这个术语由罗伯特·C·马丁（Robert Cecil Martin）在他的《敏捷软件开发，原则，模式和实践》一书中的一篇名为〈面向对象设计原则〉的文章中给出。 [1]...
vue常见API原理分析
数据绑定 oberserverObject.defineProperty() depdep.notify() watcheruser-watcher render-watcher computed-watcher nextTick nextTick 会在DOM更新完毕之后执行一个回调，确保我们操作的是更新之后的DOM vue用异步队列的方式来控制DOM更新和nextTick回调先后执行microtask因为其高优先级特性，能确保队列中的微任务在一次事件循环前被执行完毕因为兼容性问题，vue不得不做了microtask向macrotask的降级方案 (Promise，MutationObserver，setTimeout) MutationObserver 用于监听DOM修改事件，能够监听到节点的属性，文本内容，子节点等的改动 Event Loop MutationObserver 每次监听到变更的时候会往 microtask 添加一个事件 降级方案 Promise => MutationObserver =>...
面试记录
浏览器多进程+多线程DNS寻址方式，DNS 缓存， dns-prefetch建立 tcp/ip 链接，三次握手，四次挥手，滑动窗口，接收窗口，收发帧的策略，为什么关闭要等待 2MSL，get post 区别，并发限制传输数据，展开计算机网络 5 层/7 层模型，五层：http -> tcp/ip -> ip -> data frames -> 物理介质服务器收到请求，负载均衡，tomcat 容器，后端统一拦截过滤展开 http 报文，实体，http 1.0, 1,1 2之间的区别，gzip，长连接/短连接，展开 cookie 及优化，多子域名拆分等展开 https 中 SSL/TLS 链接步骤展开 http 缓存，强缓存，协商缓存，from memory/disk cache等DOM 树的构建过程，bytes -> characters -> tokens -> nodes -> DOMcss rule tree: bytes -> characters ->...
vue2 父子组件的生命周期顺序
加载渲染过程 同步加载父组件 beforeCreate, created, beforMount子组件 beforeCreate, created, beforMount孙子组件 beforeCreate, created, beforMount孙子组件 mounted子组件 mounted父组件 mounted 异步加载父组件 beforeCreate, created, beforMount, mounted子组件 beforeCreate, created, beforMount, mounted 更新过程父组件 beforeUpdate子组件 beforeUpdate子组件 updated父组件 updated 销毁过程父组件 beforeDestroy子组件 beforeDestroy子组件 destroyed父组件 destroyed
