性能优化你一定要经历的 web 页面性能优化之旅 · 01
Network 面板 是否开启 network 的日志，灰色未开启，红色已开启 点击清除 network 日志 是否开启捕获屏幕，灰色未开启，蓝色已开启，开启后的效果如 11 是否开启过滤 是否使用更大区域显示请求记录 是否使用概括显示请求记录 是否对网络请求分组 是否跳转页面后保留旧的网络请求 是否开启缓存开关 filter 区域，控制 request 具体显示哪些内容 屏幕捕获区域，以时间为轴…
标签源码共匹配42条公开文章。
文章![你一定要经历的 web 页面性能优化之旅 · 01]()
文章![你想要的 vue 源码分析 · 33]()
Vue 源码你想要的 vue 源码分析 · 33
数据获取 API root state 的获取是从 store.state 获取，如果有 module，那么就从 store.state.a 中获取，其中 a 是 module 的 key 获取 module 的数据本质上通过 module 名的 path 去访问到当前 module 的 state 一般获取 state 是通过 store.getters 方法，执行 store.getters，…
文章![你想要的 vue 源码分析 · 32]()
Vue 源码你想要的 vue 源码分析 · 32
import vuex 的初始化：安装与 Store 实例化 安装 通过 mixin 的方式在组件 beforeCreate 生命周期的时候往组件注册$store Store 实例化 import Vuex from "vuex" 会实例化 Store 对象，并且返回 store 实例，传入 new Vue 的 options 中，并且往 Store 的构造函数传入 actio…
文章![vuex 的原理与使用]()
Vuevuex 的原理与使用
vuex 是什么 管理所有组件的数据和状态，实现组件通信 借鉴了 flux 和 redux 的基本思想，将状态抽离到全局，形成一个 store 类 flux 和 vuex flux flux 是一种状态管理的架构思想 flux 分为 4 个部分：1、View 视图层；2、Action 视图的消息；3、Dispatcher 接收 Actions 和执行回调；4、Store 存储状态 flux 的的执…
文章![你想要的 vue 源码分析 · 31]()
Vue 源码你想要的 vue 源码分析 · 31
数据驱动 DOM，DOM 的变化也会影响数据 input 中 v-model 的原理 input 中的 v-model 如何使用 源码 组件 中 v-model 的原理 组件中的 v-model 如何使用 源码 v-model 的本质 对于 input，v-model="account" 是一个语法糖，通过设置一个 :value="account"，并设置一…
文章![你想要的 vue 源码分析 · 30]()
Vue 源码你想要的 vue 源码分析 · 30
DOM 事件与自定义事件如何用 DOM 事件与自定义事件从编译到生成事件对象的阶段 编译 addHandler 生成代码数据 DOM 事件执行时做了什么 自定义事件都做了什么 父子组件通信的实质 子组件通过父组件传入 listener，去通过$on方式去添加，当$emit 的时候会去执行这个添加的函数。 $emit是往自身派发事件，$emit 是往 vue 实例派发事件，子组件调用$emit 方法…
文章![rem 布局原理]()
CSSrem 布局原理
em 是什么 em 是相对单位， 在 font-size 中使用 em， 代表相对父元素字体大小， 在其他属性中使用 em， 意味着相对当前选择器字体大小 em 的题 问：s1 s1 s5 s6 的 font-size 各是多少？答案在底部 rem 是什么 rem 作为非根元素时， 相对于根元素大小 rem 的本质是基于宽度的等比缩放， 一般使用 js 来设置 弹性布局与响应式布局 弹性布局是响应…
文章![js 设计模式-发布订阅模式(观察者模式)]()
JavaScriptjs 设计模式-发布订阅模式(观察者模式)
如果对 apply 的使用不太自信，可以看这篇文章 apply 、 call 、bind 三者的区别 什么是发布订阅模式(观察者模式) 订阅者可监听发布者发布的消息，一旦发布者有消息发布，那么订阅者就可以接收到消息，当然订阅者也可选择性订阅 发布订阅模式(观察者模式)实现条件 确定发布者 确定缓存列表（用于存储订阅者） 发布消息（接收消息） 最常见的发布订阅模式(观察者模式) dom 监听事件 发…
文章![你想要的 vue 源码分析 · 29]()
Vue 源码你想要的 vue 源码分析 · 29
代码 执行 结果
文章![你想要的 vue 源码分析 · 28]()
Vue 源码你想要的 vue 源码分析 · 28
将 AST 深度遍历，根据不同条件生成 _c(),_l(),_e(),_l(),_v() 等 render 代码字符串，最后通过 createFunction()方法转成函数 代码片段 CodegenState 定义 获取 modules 里面的函数，比如 genData，transformCode 等 genElement() 判断当前 ast 属性，执行不同代码，生成不同代码串 genIf()…
确认评论邮箱
邀请制评论