专栏首页前端达人Vue这些底层原理,你都了解么?

Vue这些底层原理,你都了解么?

Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。

Vue这么受大众接受,那么大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们有什么办法能运用得比别人厉害呢?

能够独立用Vue写一个项目其实只是入了一个门,在如今技术快速发展的背景下,要真的作为一个敢说出熟练Vue的人,先看看下面这些是不是过关了?

1 基本功

见过很多前端用Vue,React,就放弃JavaScript的修炼。

作为基本功,无论工具如何变迁,了解JavaScript底层,理解JavaScript的各种特性,无论你用什么工具都是手到擒来。底子不扎实,日常出现一个bug都要花很多时间去定位问题。

如果你去观察那些前端负责人,前端架构师,除了技术层面,他们在设计模式,思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实,再去打上层建筑。

我们需要学习哪些:

1> JavaScript的运行机制,作用域,原型链,变量特点等底层原理。

2> 设计模式,架构思维,编程思想,软件工程的常见问题。

2 最佳实践

我们都会写路由。

但是你知道路由如何写才能保证多路由模块解耦,保证更方便增加新的路由模块吗?

我们都会对Vue项目最后打包上线。

但是你知道如何编写配置文件能让打包速度最优化吗?

我们都会写组件。

但是你知道怎么让组件能够成为高复用性的组件库型组件吗?

诸如此类的问题,是实践中区分前端水平高低的最重要因素,也是很多前端程序员迟迟等不到大厂offer,突破不到高级前端的重要因素。

对很多人来说很为难的一点是,中小公司工作的程序员,写着平时的业务代码,很少有机会接触到大厂的优秀实践。如果大家以后有机会学习到此类的东西,无论如何一定不要错过。

这里推荐一些自己的最佳实践:

1>二次封装axios,方便自己的项目请求与数据操作

2> 封装公用工具库,对于项目组常用的如cookie,session,字符验证等功能先进行封装。

3> 对经常不变的库进行 Dll 打包,加快打包速度

3 最佳源码

如果最近在找工作,或多或少都感受到了,面试时已经会开始问Vue底层源码的问题。既然人人都会Vue,那么面试官挑选人才,除了考你的编程能力,对于最佳实践的理解,就是问你源码了。抛开别的不说,就面试来说源码都是十分重要了。

除此之外,真正理解源码,对于所用工具的理解会上升一个层次。你会发现自己再写起Vue来,bug会少很多,修复起bug来也会快速很多。

但是于此同时很多人也面临一个问题,就是完全看不懂源码,跟别说理解通透了。

这里说几个Vue的底层原理:

1. 数据双向绑定,Vue3之前通过get和set完成,而Vue3后通过proxy来完成。

2. Vue中有一个虚拟dom,其实虚拟dom就是一个内部的json字符串。

所以各位前端的朋友,真心建议大家不要把自己锁在会了Vue,安心写业务代码的思维里。企业对于前端的要求只会越来越高。希望大家按照上面的点自我检索,不要出现从公司离职就失业的尴尬。

在这里,给大家整理了一份前端工程师学习成长思维导图,希望能对你有所帮助:

本文分享自微信公众号 - 前端达人(frontend84),作者:芝士

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-06-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 主流框架人人都会,怎么做到一枝独秀?

    Vue3.0 Beta测试版已经出来大半月了,大家都有在新/小项目里试用了吗?以2.0的特点与现下对3.0测试版来说,3.0会默认进行懒观察,会更加有效,也会有...

    前端达人
  • 尤雨溪:重头来过的 Vue 3 带来了什么?

    在过去的一年里,Vue团队一直在开发Vue.js的下一个主要版本Vue 3,我们希望能在2020年上半年将其发布(在撰写本文时,这项开发工作正在进行中)。

    前端达人
  • 10+个很酷的VueJS组件,模板和实验示例

    BootstrapVue Argon Dashboard PRO是BootstrapVue和Vue.js的高级仪表板。这是一种全新产品,它基于我们从头开始重新构...

    前端达人
  • 最新Vue底层原理实现概述

    Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。

    童欧巴
  • 主流框架人人都会,怎么做到一枝独秀?

    Vue3.0 Beta测试版已经出来大半月了,大家都有在新/小项目里试用了吗?以2.0的特点与现下对3.0测试版来说,3.0会默认进行懒观察,会更加有效,也会有...

    前端达人
  • 人人都会Vue,你的优势在哪里?

    Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。

    ConardLi
  • 你真的会Vue吗?送你一份Vue进阶指南

    Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。

    桃翁
  • 深究Vue底层原理源码

    Vue3.0还没有发布,大家都对它十分期待,以2.0的特点与现下对3.0的了解来说,3.0会默认进行懒观察,会更加有效,也会有更精准的变更通知;大家也都在猜Vu...

    coder_koala
  • 现在前端都会Vue,你凭什么张口就要18K

    这几年前端圈面试流行一个段子,说能不能拿到高薪,就看能不能唬住面试官,唬住就要50K,唬不住就要5K。

    闰土大叔
  • 常用前端资源收集

    经常看到很多好的前端框架,今天起凡是遇到就整理到这里,此文会不断更新。 1,avalon 组件--作者司徒正美,国产MVVM JS组件 https://segm...

    用户1177503

扫码关注云+社区

领取腾讯云代金券