Vue3.0 发 beta 版都有一段时间了，正式版也不远了，所以真的要学习一下 Vue3.0 的语法了。 api 的使用都是很简单的，下文的内容，看例子代码就能懂了的，所以下面的例子不会做过多解释。 使用 Composition API 时，反应性引用和模板引用的概念是统一的…

Vue 生命周期大概就是：一个从 Vue 实例的创建到组件销毁的一个的过程。 具体情况下，我们分为几个核心的阶段，并且每个阶段都有一套钩子函数来执行我们需要的代码。 组件缓存，activated 与 deactivated，这两个钩子也是一对的，分别表示被 keep-alive…

工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT fo…

web1.0时代，当时是没有前端的概念的，大家都在使用jsp，php，asp。 由于1.0时代的问题，为了代码更好维护，为了更加明确前后端职责。这时后端出现了mvc框架（Spring，Structs等），前端则以模板的形式进行开发。然后后端去把逻辑编写到模板中。 前端开发的人员…

要么大牛带队，但是后端大牛。 要么临时凑的团队，受制于从前，前端不自由。 要么从0到项目部署，都是为了敏捷而敏捷，颇不规范。 话虽如此，经过4年生涯摧残的废猿我，也是有自己的一番心得体会的。 1. 从DevOps流程看前端基建 很多前端在接触到什么前端工程化，什么持续构建/集成…

vue的一些基础知识，以及相关实现原理，一直是面试中比较热门的题目，本文梳理了常见的Vue面试题。系列文章将在公众号「前端小苑」首发，可微信扫描文章底部二维码添加。 1. 组件通信方式有哪些？ 2. 子组件为什么不可以修改父组件传递的Prop？ Vue提倡单向数据流,即父级 p…

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

flow 是由Facebook出品的javascript静态类型检查工具。vue.js 的源码是采用flow做了静态类型检查。因为javascript是动态类型的语言。语言灵活的同时也很容易引发一些隐蔽的隐患代码。在编译的时候看上去不会报错，但运行的时候就会出现奇奇怪怪的bug…

大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说，很多时候需要小心翼翼的去判…