Posts

参考链接：官方文档：快速开始姜瑞涛：webpack 教程本质上，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个…

前端工程化前端工程化是藉由工程化的模式、自动化的工具，以实现前端项目高效开发，有效协同，质量可控设计阶段：需求分析组件化思想，一个软件项目可以拆分为哪些不同的子组件，子组件又能怎么拆分架构设计，如何选择技术栈、路由设计、项目结构设计开发阶段：模块化开发：将所有文件都视为模块，通过不同模块之间的…

作用域var temp = 1; function test() { temp = 10; return; function temp() {} } test(); console.log(temp);结果为1，因为在 test() 中的函数声明会被提升，相当于在函数作用域中有一个…

以下的 Demo 都基于 Koa2 服务端，跨域通过限定 localhost 下的不同端口模拟运行时本地需安装 node，执行 npm install 安装依赖后执行子目录的 bat 文件即可完整代码见：https://github.com/NepJNQ/Front-end-Baby/tree…

计算属性计算属性的初始化是发生在 Vue 实例初始化阶段的 initState 函数中，执行了 if (opts.computed) initComputed(vm, opts.computed)，initComputed 的定义在 src/core/instance/state.js 中：c…

绝对定位元素塌陷三个盒子自外而内嵌套，position属性依次为，fixed, absolute,relative（顺序可能不一样，记不太清了）。如果给最里面的盒子添加padding，问三个盒子的高度会如何变化.fixed-box { position: fixed; margin: …

参考链接：Vue3.0全家桶最全入门指南 - 快速搭建 (1/4)使用Vue 3.0加快网络应用的速度Vue3.0 文档：响应性原理vue3.0六大亮点Performance：通过 Proxy 实现双向响应式绑定，相比 defineProperty 的遍历属性的方式效率更高，性能更好，另外 V…

Vue2.x 实例化到渲染Vue2.x 模板编译第一部分大图中 compileToFunction() 调用 compile()，定义位置即下方的 baseCompile()var createCompiler = createCompilerCreator(function baseComp…