随笔分类 - vue框架
摘要：vue2和vue3比较 一.vue3新特性： 1.数据响应重新实现（ES6的proxy代替Es5的Object.defineProperty） 2.源码使用ts重写，更好的类型推导 3.虚拟DOM新算法（更快，更小） 4.提供了composition api，为更好的逻辑复用与代码组织 5.自定义渲
阅读全文
摘要：一、组件创建 既然要创建svg组件，那么就需要项目支持svg引入 1、在vue.config.js中修改如下： // 清除已有的loader, 如果不这样做会添加在此loader之后 config.module .rule('svg') .uses.clear() .end(); // 则匹配排除n
阅读全文
摘要：1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。 我们先根据真实DOM生成一颗v
阅读全文
摘要：1、使用vue脚手架vue-cli拉取项目 vue create zy-ui // 拉取项目 2、 修改拉取后的zy-ui项目 将src文件重命名为examples，并修改vue.config.js如下： const path = require('path'); module.exports =
阅读全文
摘要：简单版 复制//配置路径别名 module.exports = { //修改文件路径 //publicPath:process.env.NODE_ENV 'production'?'./':'/', publicPath: './', //声明配置webpack configureWebpack:
阅读全文
摘要：在我们面试的过程中，经常会遇到问源码的环节，因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码，发现了很多有意思的实现。虽然现在Vue3都已经发布了，也无法否认Vue2是个优秀的框架这个事实，不影响我们从中学到一些最佳实践。 对Vue不感兴趣的同学也可以看看，因为我只
阅读全文
摘要：在某些情况下，我们必须强制Vue重新渲染组件，如果没有，那可能，你做的业务还不够负责，反正我是经常需要重新渲染组件，哈哈。 虽然Vue不会自动更新这种情况是相对比较少，但是知道如何在出现这个问题时修复它还是很有用的。 在大多数情况下，此问题根源还是我们对 Vue 的响应式理解还是不够到位。 因此，要
阅读全文
摘要：插槽，相信每一位Vue都有使用过，但是如何更好的去理解插槽，如何去自定义插槽，今天小编为你带来更形象的说明。 默认插槽 大学毕业刚上班，穷鬼一个，想着每个月租房还要掏房租，所以小编决定买一个一居室，东拼西凑借了一堆债，终于凑够了首付，买了一个小小的毛坯房。我们可以把这个一居室的毛坯房想想成一个组件，
阅读全文
摘要：前言# 响应式原理作为 Vue 的核心，使用数据劫持实现数据驱动视图。在面试中是经常考查的知识点，也是面试加分项。 本文将会循序渐进的解析响应式原理的工作流程，主要以下面结构进行： 分析主要成员，了解它们有助于理解流程 将流程拆分，理解其中的作用 结合以上的点，理解整体流程 文章稍长，但部分是代码，
阅读全文
摘要：在接触 React 时候，我只了解到通过 babel 可以把 JSX 转成 VNode(通过调用 React.createElement 方法)，但是对其具体是如何转换的却不了解。 很明显，回答失败。通过 github 上搜索 template+vnode 的关键词，让我搜到了htm库，发现简直就是
阅读全文
摘要：一、前言 Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的elm属性可以访问到对应的Node。 vdom因为是纯
阅读全文
摘要：自从习惯开发了单页面应用，对多页面的页面间的相互跳转间没有过渡效果、难维护极度反感。但是最近公司技术老大说，当一个应用越来越大的时候单页面模式应付不来，但是没讲怎么应付不来，所以还得自己去复习一遍这两者的区别： 这样对比的话，单页面的优势确实很大，但当我自己去打开某宝，某东的移动端页面时，确实它们都
阅读全文
摘要：vue的图片路径，和背景图片路径打包后错误解决 2017-12-11 16:00 by muamaker, 7037 阅读, 0 评论, 收藏, 编辑 最近在研究vue，老实的按照官网提供的，搭建的了 webpack+vue+vuex+vue-router，，因为是自己搭建的，所以踩了不少坑，一般问
阅读全文
摘要：单页面路由原理及实现 单页面路由即在前端单页面实现的一种路由，由于React，Vue等框架的火热，我们可以很容易构建一个用户体验良好的单页面应用，但是如果我们要在浏览器改变路由的时候，在不请求服务器的情况下渲染不同的内容，就要类似于后端的路由系统，在前端也实现一套完整的路由系统 下面让我们来实现一个
阅读全文
摘要：可能比文档还详细--VueRouter完全指北 前言 关于标题,应该算不上是标题党,因为内容真的很多很长很全面.主要是在官网的基础上又详细总结,举例了很多东西.确保所有新人都能理解!所以实际上很多东西是比官网还详细的.你想要的,在官网上没理解的,基本在这里都能找到解答!本来想分成两篇发的,但想想男人
阅读全文
摘要：深度解析 Vue 响应式原理 该文章内容节选自团队的开源项目 InterviewMap。项目目前内容包含了 JS、网络、浏览器相关、性能优化、安全、框架、Git、数据结构、算法等内容，无论是基础还是进阶，亦或是源码解读，你都能在本图谱中得到满意的答案，希望这个面试图谱能够帮助到大家更好的准备面试。
阅读全文
摘要：VueRouter 源码深度解析 该文章内容节选自团队的开源项目 InterviewMap。项目目前内容包含了 JS、网络、浏览器相关、性能优化、安全、框架、Git、数据结构、算法等内容，无论是基础还是进阶，亦或是源码解读，你都能在本图谱中得到满意的答案，希望这个面试图谱能够帮助到大家更好的准备面试
阅读全文
摘要：原生 JavaScript 实现 state 状态管理系统 Build a state management system with vanilla JavaScript | CSS-Tricks 在软件工程中，状态管理已经不是什么新鲜概念，但是在 JavaScript 语言中比较流行的框架都在使用
阅读全文
摘要：深度解析 Vue 响应式原理 该文章内容节选自团队的开源项目 InterviewMap。项目目前内容包含了 JS、网络、浏览器相关、性能优化、安全、框架、Git、数据结构、算法等内容，无论是基础还是进阶，亦或是源码解读，你都能在本图谱中得到满意的答案，希望这个面试图谱能够帮助到大家更好的准备面试。
阅读全文
浙公网安备 33010602011771号