网易云歌词解析
网易云歌词接口 解析类 如何用
最新文章
分类全部
标签全部
$listener 与 vue 自定义事件的联系
$listener 与 vue 自定义事件的联系 $listener 是什么 包含了组件的所有的监听器，为了实现事件回传 事件回传 组件关系，父-子-孙 孙组件点击，不用$emit（不用子组件使用自定义事件监听孙组件），实现父组件直接获取孙组件传的参数 结果，点击孙组件后，打印了 from grandson <!-- ... --> <script src="https://cdn.js…
你想要的 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
import vuex 的初始化：安装与 Store 实例化 安装 通过 mixin 的方式在组件 beforeCreate 生命周期的时候往组件注册$store Store 实例化 import Vuex from "vuex" 会实例化 Store 对象，并且返回 store 实例，传入 new Vue 的 options 中，并且往 Store 的构造函数传入 actio…
vuex 的原理与使用
vuex 是什么 管理所有组件的数据和状态，实现组件通信 借鉴了 flux 和 redux 的基本思想，将状态抽离到全局，形成一个 store 类 flux 和 vuex flux flux 是一种状态管理的架构思想 flux 分为 4 个部分：1、View 视图层；2、Action 视图的消息；3、Dispatcher 接收 Actions 和执行回调；4、Store 存储状态 flux 的的执…
理解 js 的微任务(microtask)与宏任务(microtask)
js 的特点 单线程 执行机制是基于 event loop 所有同步任务再主线程执行，形成执行栈 主线程之外有一个任务队列，只要一步任务有了运行结果，就在任务队列中放置一个事件 一旦执行栈的同步执行完毕，就去读取任务队列，寻找任务队列中放置的异步事件，异步事件结束等待状态，进入执行栈，开始执行 之前有写了一篇文章 js 引擎执行过程：运行机制，语法分析，创建函数调用栈，创建上下文，创建作用域链 ，…
你想要的 vue 源码分析 · 31
数据驱动 DOM，DOM 的变化也会影响数据 input 中 v-model 的原理 input 中的 v-model 如何使用 源码 组件 中 v-model 的原理 组件中的 v-model 如何使用 源码 v-model 的本质 对于 input，v-model="account" 是一个语法糖，通过设置一个 :value="account"，并设置一…
你想要的 vue 源码分析 · 30
DOM 事件与自定义事件如何用 DOM 事件与自定义事件从编译到生成事件对象的阶段 编译 addHandler 生成代码数据 DOM 事件执行时做了什么 自定义事件都做了什么 父子组件通信的实质 子组件通过父组件传入 listener，去通过$on方式去添加，当$emit 的时候会去执行这个添加的函数。 $emit是往自身派发事件，$emit 是往 vue 实例派发事件，子组件调用$emit 方法…
BFC 与 FFC
此文是 flex 学习的回忆与补充， 源码地址 BFC 和 FFC 是什么 css 布局的各种 FC 简单介绍：BFC，IFC，GFC，FFC 一文中详细的讲解了 BFC 和 FFC 的概念与区别，总结起来为以下几点 ，格式化上下文，渲染区域的渲染规则会决定子元素的排列 ，块级格式化上下文，1、内部的 box 垂直方向紧挨着；2、内部两个相邻的 box margin 会重叠，3、BFC 不会和 f…
vue-cli3 中使用骨架屏
为什么要使用骨架屏 白屏问题一直是前端的痛点，在使用 vue SPA 中，经常会遇到白屏时间过长导致用户体验的差的情况，如何解决这个问题？大部分同学可能会想到优化 webpack、优化网络请求等。实际上，有一部分用户因为网络问题或其他问题，导致了页面速度加载缓慢，等待时间过长，这部分用户可能还没意识到是自己“硬件”问题，他们期待 2 秒内页面加载完成。显然刚才说的优化方案不是理想方案。 以往的方案…
理解 js 中的双精度浮点数的原因、原理和解决方法
业务中常见的问题 原因和原理 js 所有的数字都遵循 IEE 754 标准，使用 64 位固定长度表示，这就是双精度浮点数的由来 这样做的目的是为了归一化处理数字，节省存储空间 64 位分为三部分 符号位(S):第 1 位符号位，0 代表正数，1 代表负数 指数为(E):中间 11 位指数位，代表次方数 位数位(M):最后 52 位是位数，超出的部分自动进 1 舍 0 转换公式 辅助工具： 十进制…
rem 布局原理
em 是什么 em 是相对单位， 在 font-size 中使用 em， 代表相对父元素字体大小， 在其他属性中使用 em， 意味着相对当前选择器字体大小 em 的题 问：s1 s1 s5 s6 的 font-size 各是多少？答案在底部 rem 是什么 rem 作为非根元素时， 相对于根元素大小 rem 的本质是基于宽度的等比缩放， 一般使用 js 来设置 弹性布局与响应式布局 弹性布局是响应…
拒绝 git 三板斧
本文总结了Git常用命令：初始化、状态查询、撤销add、修改commit描述、版本回退、设置邮箱和代理，并提供了命令示例。
TypeScript 代码检查方案
tslint eslint + typescript-eslint-parser 代码不检查会出现的问题 缩进应该是四个空格还是两个空格 是否应该禁用 var 接口名是否应该以 I 开头 是否应该强制使用 === 而不是 == 单词手抖打错了 有哪些检查 TypeScript 的主要目的是 ， 代码检查主要是及时发现错误，统一代码风格， 有两种风格：TSLint(除了检测 js 语法，还是检测 t…
TypeScript 进阶
类型别名 类型别名用来给一个类型起个新名字，类型别名常用于联合类型 字符串字面量类型 字符串字面量类型用来约束取值只能是某几个字符串中的一个 元组 数组合并了相同类型的对象，而元组（Tuple）合并了不同类型的对象 当直接对元组类型的变量进行初始化或者赋值的时候，需要提供所有元组类型中指定的项 当添加越界的元素时，它的类型会被限制为元组中每个类型的联合类型 ` 枚举 类型用于取值被限定在一定范围内…
transition 与 transition-group
官网 transition 实现页面切换效果 移动端 SPA 中，为了从动画上接近原生，经常会用到页面切换效果，实现的功能如下 header 内容可自定义， ， ， 都可自定义 header 的 ， 在 提前定义，路由页面的参数来源于 router.js 的配置文件。 页面切换动画不需要太多 有若干个父路由，其中有一个父路由下有若干个子路由（假设其他父路由没有子路由），该父路由的某一个子路由作为导…
component
component 是什么 动态组件，通过:is 来决定哪个组件需要被渲染 component 的使用 动态组件 props/$emit 组件通信 provide/inject 组件通信 keep-alive 缓存组件 index.vue a.vue b.vue 参考 component
keep-alive
keep-alive 是什么 keep-alive 是 vue 的内置组件，它自身不会渲染成一个 DOM，也不会出现在父组件链中， 使用 keep-alive 包裹的组件会有 和 两个事件；activated：组件激活时调用，deactivated：组件停用时调用，这两个钩子在服务器端渲染期间不被调用 不使用 keep-alive：生命周期钩子(beforeRouteEnter --> creat…
TypeScript 基础
原始数据类型在 typescript 的应用 原始数据类型包括：布尔值、数值、字符串、null、undefined 任意值在 typescript 的应用 任意值（Any）用来表示允许赋值为任意类型 类型推论 TypeScript 会在没有明确的指定类型的时候推测出一个类型，这就是类型推论 联合类型 表示取值可以为多种类型中的一种 对象类型 使用接口（Interfaces）来定义对象的类型 数组类…
TypeScript 介绍
typescript 学习资源 typescript 官网 源码地址 TypeScript 是什么及特点 Typescript 是 javascript 的一个超集，提供了类型系统和对 ES6 的支持 可以编译成 javascript 写代码的时候进行了类型定义，可以在编译阶段发现错误 文件后缀为.ts，拿 typescript 编写 react 时后缀是.tsx 如何安装 hello world…
已显示 20 / 173 篇文章
也可以浏览：全部文章档
确认评论邮箱
邀请制评论