/blogs

📚一个前端的博客。

Primary LanguageJavaScript

blogs

记录开发点滴，刨根问底。欢迎小伙伴一起参与讨论，可以在对应博客下的issue内进行讨论，这样也方便我们一起沟通交流。不要新建issue哦。如果您有需求想要立刻联系我，也可以加我们的QQ群：263785852。

最近更新

简单的聊聊，顺便招前端

浏览器的工作原理

前端单测的那些事

基于virtual dom 的canvas渲染

js

Event loop 机制简介

axios 核心源码实现原理

JS 数据类型、赋值、深拷贝和浅拷贝

js 深入了解执行上下文和执行栈

Promise 状态机方式简单实现

基于virtual dom 的canvas渲染

前端单测的那些事

浏览器的工作原理

css

手淘rem适配方案

你应该了解的 dp、px、dpr、ppi、viewport

打包工具篇

你应该了解的parcel

在webpack中使用babel来编译你的es6和es7

关于babelrc的一些问题

关于webpack loader

webpack4 零配置了解一下

实现一个简易的 webpack

Vuejs篇

基于 2.5.x 版本，关于Vue的源码解读，网上已经有很多好的文章，这里主要系统的从根入手，一步步分析源码实现。

整体运行机制概览

入口开始，解读Vue源码（一）———— 造物创世

入口开始，解读Vue源码（二）—— new Vue 的故事

入口开始，解读Vue源码（三）—— initMixin 上篇

入口开始，解读Vue源码（三）—— initMixin 下篇

入口开始，解读Vue源码（四）—— 实现一个基础的 Vue 双向绑定

入口开始，解读Vue源码（五）—— $mount 内部实现

入口开始，解读Vue源码（六）—— $mount 内部实现 --- compile parse函数生成AST

入口开始，解读Vue源码（七）—— $mount 内部实现 --- compile optimize标记节点

入口开始，解读Vue源码（八）—— $mount 内部实现 --- compile generate 生成render函数

入口开始，解读Vue源码（九）—— $mount 内部实现 --- render函数 --> VNode

入口开始，解读Vue源码（十）—— $mount 内部实现 --- patch

Vue nextTick 机制

vue dist 目录各个文件使用说明

Vue官网中的约束源码解释 -- 数据与方法

Vue官网中的约束源码解释 -- 生命周期

前端路由简介以及vue-router实现原理

写作不易，如果有用，打赏请我喝杯kuoluo。