发表于 | 更新于: | 分类于
本文主要介绍关于复杂项目中的状态管理方案 Vuex 以及 Vuex 的使用，通过简单的购物车案例体验下使用Vuex来进行数据管理好处，以及自己来手写一个自己的 Vuex Vue 组件间通信方式组件内的状态管理流程Vue 最核心的两个功能：数据驱动 和 组件化 组件化开发的优点： 更快的开发效率 ...
阅读全文 »

发表于 | 更新于: | 分类于
本文主要深入分析 vue.js 2.6.12 版本的源码，了解底层的实现，学习 Vue.js 处理问题的方式，包括 Vue.js 初始化开始、首次渲染的过程、响应式的依赖收集、数据响应式原理、Watcher 渲染视图等。 vue 相关准备Vue 源码地址 vue.2.x vue3.0 vue ...
阅读全文 »

发表于 | 更新于: | 分类于
本文主要讲解什么是 Virtual DOM 以及 Virtual DOM 的作用，通过一个 Virtual DOM 库 Snabbdom 真正了解什么是 Virtual DOM ，以及 Diff 算法的实现和 key 的作用。 Virtual DOM 和 DOMDOM（Document Obje ...
阅读全文 »

发表于 | 更新于: | 分类于
Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。本文主要通过模拟vue-router案例，来深入探讨下vue-router原理的实现过程 路由是什么?在前后端分离之前，一般提到的路由都是后端路由，路由通过一个请求，然后分 ...
阅读全文 »

发表于 | 更新于: | 分类于 ， ， ， ， ，
在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可，现在的前端开发, 不仅仅是完成浏览的基本需求，并且通常是一个单页面应用，每一个视图通过异步的方式加载，这导致页面初始化和使用过程中会加载越来越多的JavaScript代码。如何在开发环境组织好这些碎片化的代码和资源，并且保 ...
阅读全文 »

发表于 | 更新于: | 分类于 ， ， ， ，
本文主要是学习ES6既ES2015一些新特征之后一些总结以及个人理解，介绍一些在日常开发中使用，来进一步提高我们在开发中的代码质量。 ECMAScript概述ECMAScript是一门脚本语言，一般缩写为ES，通常看做JavaScript的标准化规范，实际上JavaScript是ECMAScri ...
阅读全文 »

发表于 | 更新于: | 分类于 ， ， ，
在日常开发中，我们经常使用脚手架工具来帮助我们创建项目，如vue-cli,create-react-app等，本文主要概述下什么是工程化，工程化主要解决的问题是什么，探讨如何使用Yeoman和Plop工具来搭建脚手架，最后来探讨下脚手架的基本原理。 前端工程化前端工程化是指遵循一定的标准和规范， ...
阅读全文 »

发表于 | 更新于: | 分类于
本文主要是简单了解下vue3.0的新特性，vue2.x和vue3.0差异，以及如何使用方面进行学习，如有问题，请大佬们多多指教。 vue3.0 新特性1.更快更省 压缩包体积更小当前最小化并被压缩的vue运行时大小约为 20kB（2.6.10 版为 22.8kB）。vue3.0捆绑包的大小大约 ...
阅读全文 »

发表于 | 更新于: | 分类于
了解过vue的基本都知道vue的v-model是双向绑定，但不可避免我们会误解v-model是双向数据流，其实不然，vue是单项数据流的，这时候可能有点疑惑，那接下来我们来了解下双向绑定和单向数据流 双向绑定首先我们看下什么是双向绑定？ 简单来说，双向绑定就是model的更新会触发view的更新 ...
阅读全文 »

发表于 | 更新于: | 分类于
在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 XSSXSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS。跨站脚本攻 ...
阅读全文 »