qq_29582173的博客

Vuex 源码解析前言本渣最近心血来潮学习了一下 Vuex 的源码，再次做一下整理和分享。Vuex 作为一个专为 Vue.js 程序开发的状态管理模式，想必大家都很熟悉。那么大家在开发的过程中有没有想过遗下几个问题：Vuex 是怎么挂载到 Vue 上的呢Vuex 的数据响应式是如何实现的Vuex 的严格模式又是怎么回事为什么 state 能够在所有子组件中使用 store带着这些问题，我们一起看一下 Vuex 的源码：这里首先上一张官网截图：Vuex 挂载vue 使用插件的方式只

从浏览器原理分析界面性能优化 02—界面渲染前言说到性能优化,界面渲染优化是我们要注意的重中之重.想要优化我们的界面渲染,我们首先要明白界面渲染的具体流程.我们先从几个面试中经常出现的题目来切入这个问题:JS 解析会阻塞界面渲染么?CSS 的加载和解析会阻塞界面渲染么?简要描述浏览器的重绘和回流什么是 GPU 加速?什么是异步加载和预加载?什么是关键渲染路径(CRP:Critical Rendering Path)?上面几个问题,大都是和浏览器的界面渲染相关的,我们先不着急去解答这些

前言基于十来天的面试经历,大概整理了一份初中级前端的知识框架梳理,当作一个知识的整理吧.也希望可以帮到其他的同学.整理的不是很全面,如果有兴趣的同学可以互相探讨一下.后续会持续更新相关知识点的整理,欢迎大家一起讨论进步????手写JS源码...

Vue源码解析01首先来一张Vue工作流程图，作为整个Vue源码解析的基础初始化new Vue() 初始化创建Vue实例，初始化data、props、events等挂载$mount 挂载执行编译，首次渲染、创建和追加过程编译compile() 编译，该阶段分为三个阶段parse、optimize、generate渲染render function 渲染函数，渲染函数执行时会触发...

前端响应式布局前端网页布局分类♣ 固定宽度布局：以px为单位设置固定的宽度；♣ 流式布局：以百分比为单位设置相对布局；♣ 响应式布局：通过检测设备信息，决定网页的布局方式，一般情况下检测设备的宽度来实现(CSS样式中通过‘@media’来实现)♣ 栅格布局：以百分比为单位将网页划分为均等长度，排版布局时以这些均等长度作为度量单位；响应式布局响应式布局的优势...

媒体查询详解媒体查询简介♣ 媒体查询能够在不同的条件(一般指屏幕或者文档宽度)下使用不同的样式，从而达到不同的表现效果。♣ 媒体查询包含一个可选的媒体类型，再满足CSS规范条件下包含零个或者多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为t...

Vue 组件之间传值父子组件之间父组件向子组件传值属性props //child props:{msg:String} //parent <child msg="由父组件传入"></child>特性 $attrs //child，并未在组件中声明props <p>{{$attrs.msg}}&l...

.sync和v-model的区别v-model <!--父组件--> <template> <!--v-model 是语法糖--> <Child v-model="model"></Child> <!--相当于下面的代码--> <!--v-...