萍子410

设计模式 基础概念 什么是设计模式 针对设计问题的通用解决方案 设计模式优点 有利于代码复用 有利于代码稳定可拓展 有利于代码可读性提升 设计模式使用场景 优先考虑全局设计...

webpack webpack 的打包整体流程 1. 输入 从文件系统中读取代码 entry:用于定义项目的入口，webpack会从这些入口文件中找到所有文件 contex...

什么是AST AST 技术是现代化前端基建和工程化建设的基石，在开发框架，尤其是构建工具中离不开AST的相关技术 AST 的概念 AST 涉及常用的工具 构建工具 webp...

什么是路由 路由的概念是伴随着SPA 出现的，在此之前，页面的跳转是通过服务器控制的 传统的页面跳转是通过前端向后台发送请求； 后台通过模版引擎渲染，将一个新的html界面...

试着写一个简单的 Vue2.x和Vue3.x对比 Vue 3.x 使用了proxy作为响应式，天生的代理，不用考虑属性重写，数组这些2.x中hack的情况； diff，增加...

SSR 建立server服务 npm i express vue-server-render -D 路由 entry-client entry-server app.js ...

vue 进阶用法 优势一：模板化 插槽 - 模板更加灵活 默认插槽 组件外部维护参数以及结构，内部安排放置位置 具名插槽 以name 为标识插槽身份，从而在组件内部可以做到...

Vue基本用法 理论 MVVM 发展史以及旁支 a. 语义化模版 b. MVC - model view controller c. MVVM - Model-View-V...

this 与闭包 作用域与上下文 作用域 作用域简单来说就是在特定的场景下，特定的范围内查找变量的一套规则。 一般情况下我们特指：词法作用域、静态作用域 一般是代码层面上的...

类和继承 类 ES6 class，extends； 面向过程和面向对象 OOP:Object Oriented Programming 从面向过程的角度 从面向对象的角度 ...

ES & next 发展历史 浏览器脚本：Javascript； 服务器脚本： PHP / ASP / JSP; ECMAScript 是一个标准，Javascript 是...

函数式 一、函数式编程的出现 发展历程：命令（脚本）式 （面向过程） => 面向对象式（提高了模块的概念） => 函数式编程 1. url参数parse 数组在url中的展...

性能优化 一、从url输入到页面展示发生了什么 输入 URL ：url - 资源定位符 http与TCP http是应用层协议，TCP是传输层协议 http基于TCP进行实...

浏览器体系 一、浏览器运行态下的JS BOM、DOM、ECMAScript 浏览器JS的执行态 二、 BOM 1. location location.href => 'h...

简单记录一下JS模块化的从无模块化，IIFE，到模块化CJS、AMD、CMD、ESM发展及其优缺点。...

Promise、进程线程、浏览器原理 1.进程和线程 2.浏览器原理 五大主要引擎 3.JS执行原理（EVENT-LOOP）...

组件 Vue组件之间的关系大致可以分为父子组件和非父子组件，非父子组件又可以分成兄弟组件和跨级组件。 通信方式 vue中的通信方式分为以下7种 prop/$emit v-s...