前言

就在前两天，一篇反对Vue2升级到Vue3的文章在vue官方社区引起了热议。该文章从实际应用角度出发，分析了Vue2到Vue3在真实项目中实操升级的痛点，提出了一个反对的声音：Vue3的升级是一个错误的选择。

在一片热议中，甚至vue作者尤雨溪都出来亲自解释并承认了一些问题。原作者首先声明了他并没有贬低Vue3的意思。他认为Vue3是非常非常棒的框架，解决了Vue2中很多潜在问题，技术层面改善了开发人员的开发体验，并显著提高了性能。原作者主要的问题，是从Vue3突破性的改变以及周边生态圈未能及时跟上的角度，重点强调了迁移升级成本+风险较大。

关于升级成本问题：尤大也承认了Vue3升级体验并没有想象中的那么流畅，Vue4会吸取经验，做好平稳迭代。这一点本文会在下面详细说明。

背景

你是否会遇到提交代码时，没有改到同事业务模块的任何一行代码，却被提示冲突？提交注释凌乱看不懂的情况？等等。

那么为了项目代码风格统一，代码格式化规范统一，避免代码冲突，提高代码的规范性，提高CodeReview效率等等。因此结合Eslint + Prettier + Husky + Commitlint+ Lint-staged的前端工程化规范应运而生，最终提升了我们开发效率、项目质量。

概念

什么是双向数据绑定，这里就不做赘述了，vue的双向数据绑定是什么大家都很了解了，这里主要讲vue2和vue3中双向绑定的区别。

vue2中使用“Object.defineProperty”对象以及对象属性的劫持实现双向绑定；而vue3中的响应式采用了ES6中的“Proxy”方法实现双向绑定。

背景

假如后台返回一个扁平的数据结构，转成树，应该怎么做呢？

打平的数据内容如下：

1
2
3
4
5
6
7

let arr = [
    {id: 1, name: '部门1', pid: 0},
    {id: 2, name: '部门2', pid: 1},
    {id: 3, name: '部门3', pid: 1},
    {id: 4, name: '部门4', pid: 3},
    {id: 5, name: '部门5', pid: 4},
]

背景

相信很多人都会被面试到一道比较综合的面试题，答案也不是固定的，从浏览器输入地址到页面渲染经过了很多的过程，且每个过程都可以深挖出很多知识点，面试官可以用这一道题区分出不同面试者的水平。下面我们就来具体学习下。

构建请求

1

GET/HTTP/1.1;

概念

通常情况下，声明在一个函数中的函数，叫做闭包函数，在Javascript语言中，只有函数内部的子函数才能读取局部变量：

1
2
3
4
5
6
7

// 闭包函数
function f1(){
 var n;
 return function () {
    n ++;
 }
}

什么是 React

• React 是一个用于构建用户界面的 JavaScript 库。

• 声明式UI

前言

关于iOS及Web的使用语言Object-C、Swift、JavaScript，大家都耳熟能详，那它们到底是什么类型的静态语言？以及什么强弱类型语言？很多同学只是简单的背出它们是什么语言及类型，但并没有理解到，现在来举例说明和分享一下。

前言

Vue框架是什么，怎么用，相信大家都已经很熟悉了，诚如Vue教程所说，它是一套构建用户界面的渐进式Web前端框架。

但是很多人就是拿来主义，就只管用，博主也是这类人 = =!, 但是随着深入使用Vue，越发觉得深知其原理的重要性，那么，本文来探讨一下Vue的底层原理到底是什么，是怎么实现的。

基本类型和引用类型的值

ECMAScript变量一般有两种数据类型的值：基本类型和引用类型。

• 基本类型： 简单的数据段：Undefined, Null, Boolean, Number, String
• 引用类型：多个值构成的对象；