vue
前端迷弟
这个作者很懒,什么都没留下…
展开
-
探索「Vue」与「React」的区别
探索「Vue」与「React」的区别Vue和React都是目前最流行、生态最好的前端框架之一,之所以用“与”字来做标题,也是为了避免把他们放在对立面。毕竟框架本身没有优劣之分,只有适用之别,选择符合自身业务场景、团队基础的技术才是我们最主要的目的。本文希望通过对比两个框架在使用上的区别,能使只用其中一个框架进行开发的开发者快速了解和运用另一个框架,已应对不同技术栈的需求,无论你是为了维护老系统...原创 2020-01-07 23:27:46 · 443 阅读 · 0 评论 -
虚拟 DOM知多少
虚拟 DOM (Virtual DOM )这个概念相信大家都不陌生,从 React 到 Vue ,虚拟 DOM 为这两个框架都带来了跨平台的能力(React-Native 和 Weex)。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ,所以为先入为主,认为虚拟 DOM 和 JSX 密不可分。其实不然,虚拟 DOM 和 JSX 固然契合,但 JSX 只是虚拟 DOM 的充分不必要条件...原创 2019-12-24 22:36:05 · 213 阅读 · 0 评论 -
defineProperty和proxy的对比
defineProperty和proxy的对比“数据绑定”这个词是现在市面上流行框架必懂的概念,“数据绑定”的关键在于监听数据的变化,主要的实现方法是defineProperty(数据劫持)和proxy(代理)这两种方法,vue2.0实现数据绑定正是使用前者,vue3.0使用是后者,今天就通过本文带领大家一起来对比这两种方法!什么是数据劫持数据劫持比较好理解,通常我们利用Object.def...原创 2019-12-23 23:35:23 · 2066 阅读 · 0 评论 -
【原创】解析 BaBel 转换 es6+的工作原理
【原创】解析 BaBel 转换 es6+的工作原理babel 是什么?Babel · The compiler for writing next generation Java6to5你在 npm 上可以看到这样一个包名字是 6to5(https://www.npmjs.com/package/6to5),光看名字可能会让人感觉到很诧异,名字看起来可能有点奇怪,其实 babel 在开始的...原创 2019-12-15 12:12:20 · 1282 阅读 · 0 评论 -
【原创】webpack如何优化vue项目
前言日常开发中,Vue框架通常都会使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。通过适当的方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分享。一.优化loader配置由于Loader对文件的转换操作很耗时,所以需要让尽可能少的文件被Loader处理。我们可以通过以下3方面优化Lo...原创 2019-12-06 23:45:40 · 797 阅读 · 0 评论 -
vue玉女心经之服务端渲染nuxt.js的使用
前言服务器端渲染简称 SSR(server side render),就是在服务器端将数据和 HTML 融合后返回给浏览器,至于为什么要使用服务端渲染呢?那就是为了SEO优化,如果你还不知道什么是SEO优化那你真的坑了(赶紧科普去,这里不做过多讲解)。因此又有人问vue为什么要服务端渲染,那是因为vue,angular,react等都为spa应用框架,按照常规的渲染,数据是异步渲染的,这样的话...原创 2019-11-18 22:23:25 · 507 阅读 · 0 评论