前言

本文所有内容全部发布再个人博客主页 https://github.com/muwoo/blogs
欢迎订阅。不过最近因为事情比较多,有一段时间没有更新了,后面打算继续不断学习更新,欢迎小伙伴一起沟通交流~

最近更新

前端单测的那些事

基于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实现原理

posted @ 2018-10-15 12:34 muwoo 阅读(742) 评论(0) 推荐(1) 编辑
摘要: 项目概述 一个基于Vue的virtual dom插件库,按照Vue render 函数的写法,直接将Vue生成的Vnode渲染到canvas中。支持常规的滚动操作和一些基础的元素事件绑定。 github 地址: "github" demo实例: "demo" 背景 从一个小的需求说起:某一天,产品提 阅读全文
posted @ 2018-07-18 12:44 muwoo 阅读(2383) 评论(1) 推荐(10) 编辑
摘要: 地址 项目地址: "tinypng upload" 有兴趣的可以玩一玩,因为平时经常会用到图片压缩,上传,如果你也觉得很繁琐的话,这个将会解决你的痛点。 关于 tinypng upload 这是一个基于 的图片压缩上传工具,压缩过程主要通过调用 提供的API完成。上传配置参考 的文件上传配置。 因为 阅读全文
posted @ 2018-06-27 11:29 muwoo 阅读(1790) 评论(4) 推荐(0) 编辑
摘要: 背景 随着前端复杂度的不断提升,诞生出很多打包工具,比如最先的 ,`gulp webpack Parcel vue cli`已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好理解和使用这些工具,也方便我们在项目开发中应用。 一些知 阅读全文
posted @ 2018-06-08 12:56 muwoo 阅读(1300) 评论(2) 推荐(6) 编辑
摘要: 后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样 大致流程可以看成这样: 1. 浏览器发出请求 2. 服务器监听到80端口(或443)有请求过来,并解析url路径 3. 根据服务器的路由配置,返回相应信息(可以是 html 字串,也可以是 json 数据,图片等 阅读全文
posted @ 2018-06-06 12:49 muwoo 阅读(25825) 评论(2) 推荐(5) 编辑
摘要: js 数据类型 1. 六种 基本数据类型: Boolean. 布尔值,true 和 false. null. 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的,因此 null 与 Null、NULL或其他变量完全不同。 undefined. 变量未定义时的属性。 Numbe 阅读全文
posted @ 2018-05-15 19:17 muwoo 阅读(1587) 评论(0) 推荐(0) 编辑
摘要: 背景 我们先来看一段Vue的执行代码: 这段脚本执行我们猜测会依次打印:1、2、3。但是实际效果中,只会输出一次:3。为什么会出现这样的情况?我们来一探究竟。 queueWatcher 我们定义 监听 ,实际上会被Vue这样调用 。 是我们初始化的时候,为 绑定的一个函数,用于创建 对象。那么我们看 阅读全文
posted @ 2018-04-28 13:35 muwoo 阅读(1942) 评论(3) 推荐(1) 编辑
摘要: Why? 网上现有的Vue源码解析文章一搜一大批,但是为什么我还要去做这样的事情呢?因为觉得 。 然后平时的项目也主要是Vue,在使用Vue的过程中,也对其一些约定产生了一些疑问,可能 "官网" 上只会建议你这么做,但是核心实现我们可能并不知道。比如: v for key 是如何达到“就地复用”策略 阅读全文
posted @ 2018-04-24 19:35 muwoo 阅读(43470) 评论(3) 推荐(6) 编辑
摘要: Why? 网上现有的Vue源码解析文章一搜一大批,但是为什么我还要去做这样的事情呢?因为觉得 。 然后平时的项目也主要是Vue,在使用Vue的过程中,也对其一些约定产生了一些疑问,可能 "官网" 上只会建议你这么做,但是核心实现我们可能并不知道。比如: v for key 是如何达到“就地复用”策略 阅读全文
posted @ 2018-04-24 15:41 muwoo 阅读(1936) 评论(0) 推荐(1) 编辑
摘要: github 地址: VV-UI/VV-UI 演示地址: vv-ui 文档地址:skeleton 关于骨架屏介绍 骨架屏的作用主要是在网络请求较慢时,提供基础占位,当数据加载完成,恢复数据展示。这样给用户一种很自然的过渡,不会造成页面长时间白屏或者闪烁等情况。 常见的骨架屏实现方案有ssr服务端渲染 阅读全文
posted @ 2017-12-13 13:12 muwoo 阅读(11127) 评论(3) 推荐(3) 编辑
点击右上角即可分享
微信分享提示