果酱的博客

前言 –很荣幸的，能够在实习阶段接触到Vue.js相关的内容，指导人让我先熟悉一下Vue的基本实现。在今天的学习过程，写下一点内容方便以后阅读。安装Vue.js的引入类似于其他框架的引入方法，只需将Vue.js文件下载之后，在HTML的头标签里引入就行。例如：<script type="text/javascript" src="vue.js"></script>概述Vue的模型可以参照下图：这张图

前言最近在开发公司内部公共组件的使用样例和代码单元测试。 具体单元检测框架的知识，可以查看另一篇博文： 单元测试框架Jasmine学习笔记开发过程中遇到的一点问题就容易纠结很久，为了能够吸取教训，特地将遇到的问题记录下来，避免以后能够再犯，并且加深对代码原理的理解。问题1：ES6语法的文件引用ES6使用export导出模块时，代码如下：export default { //导出模块 }

前言： 由于工作要求，需要写个文件上传的接口。之前接触的较少，都是使用现成的接口，自己写接口时却是遇到了难点。 该项目是在vue、koa基础上搭建的，关于路由及其他相关知识，可查看其他文章。 现将自己的理解写下了，方便日后差异。如有不当地方，还请指正。 前端： html html结构可以写的很简单，一个input标签就足够。代码如下： &lt;input type="file" id="uploa...

项目太大使用webpack打包时，会存在内存溢出的情况。如图： 可通过以下方式解决： 1、手动更改webpack-dev-server的执行内存： 找到项目的node_module/.bin/webpack-dev-server.cmd文件，然后更改其内存为4096或更大。如下： node --max-old-space-size=4096 "%~dp0\..\webpack-dev-serv...

本文是在网上阅读而来，用于记录文档，便于学习。因此转载路径为：https://www.jianshu.com/p/af0b398602bc 一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建...

前言 我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。 先来了解几个点… 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新...