手写原理
7篇文章 · 0订阅
  • 基于Vue实现一个简易MVVM
    如果你对于MVVM的形成不是特别清晰，则可以先阅读以下部分。 起初计算机科学家（现在的我们是小菜鸡）在设计GUI（图形用户界面）应用程序的时候，代码是杂乱无章的，通常难以管理和维护。GUI的设计结构一般包括视图（View）、模型（Model）、逻辑（Application Lo…
    Vue.js 前端框架
  • 一步一步实现自己的vue
    并初始化用户传入的参数options，我们先假设用户传入的options是只有data属性和el属性的。 到这里我们实现的是new MyVue的时候，通过_init方法来初始化options， 然后通过initData方法将data挂到vm实例的_data上去了，接下来，我们要…
    Vue.js
  • 手写webpack核心原理，再也不怕面试官问我webpack原理
    需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
    Webpack
  • 手写Vue-router核心原理，再也不怕面试官问我Vue-router原理
    在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…
    vue-router
  • 手写Vuex核心原理，再也不怕面试官问我Vuex原理
    install方法的作用是将store这个实例挂载到所有的组件上，注意是同一个store实例。 Store这个类拥有commit，dispatch这些方法，Store类里将用户传入的state包装成data，作为new Vue的参数，从而实现了state 值的响应式。 现在我们…
    Vuex
  • 手写Promise核心原理，再也不怕面试官问我Promise原理
    1. 定义整体结构 2. 实现Promise构造函数 3. 实现then方法 4. 实现Promise.resolve 1. 定义整体结构 通过上面的注释可以知道。不管是Promise原型对象上的方法还是Promise函数对象上的方法 ，它们的执行结果都将返回一个Promise…
    Promise
  • 手写axios核心原理，再也不怕面试官问我axios原理
    Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 实际上，axios可以用在浏览器和 node.js 中是因为，它会自动判断当前环境是什么，如果是浏览器，就会基于XMLHttpRequests实现axios。如果是node.js环…
    HTTP 前端 JavaScript