自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

tc1124692的博客

分享前端技术干货

  • 博客(13)
  • 收藏
  • 关注

原创 理解Vue2.5中diff算法

vue是现在主流前端框架之一,采用了很多高级特性,如虚拟DOM,那么它是如何批量更新的,我们一起来了解下。数据变化,如何更新domDOM“天生就慢”,所以前端各大框架都提供了对DOM操作进行优化的办法,Angular中的是脏值检查,React首先提出了Virtual Dom,Vue2.0也加入了Virtual Dom,与React类似。要知道渲染真实DOM的开销是很大的,比如有时候...

2019-07-25 10:51:37 198

原创 面试Vue架构师,封装一个万能表单生成器

需求与分析日常开发中,我们前端程序员可能需要开发大量类似的表单页面,就好像下面这些或者这样的作为初级前端,此时只能反复的通过Ctrl+C、V,俗称CV大法,然后改吧改吧,来完成需求。但是这样仅仅能应付我们交付的压力,对于后期的维护、新页面的开发仍旧需要大量的时间去完成重复的工作。同时,最难堪的莫过于codereview的时候,这种大量CV的代码只能成为团队集体诟病的典型例子。😂如何解决因此,在日常开发解决业务需求的同时,考虑如何提高工作的效率是程序员很重要的能力,我们需.

2022-03-30 16:03:42 3431 1

原创 面试被问到用Vue手写一个功能,直接懵了

东窗事发之前去阿里的二面,信心满满的我准备了一堆面试题,想着可以暴打面试官了,很是开心!结果去了以后,他喵的居然让我给他现场机试实现一个功能,当场蒙蔽了我!具体功能如下gif:需求设计差点凌乱,结果一想,这难吗?难就难在没有思路。于是这时的我两腿一蹬,大脑开始高速运转,生成如下流程图:这么看来好像就清晰很多了,果然设计是编程中不可或缺的一步!正式coding首先我问面试官,后台响应回来的详情数据是什么结构,于是他给了我这么一坨{json1:...

2022-03-29 10:32:50 1750 1

原创 Vue代码优化

代码性能优化减少Object.defineProperty的执行次数*vue2使用他来订阅data中的所有属性*vue3使用proxy,解决了如下问题*vue2的defineProperty不能察觉属性的添加与删除*vue2的defineProperty在数组的所有方法都是自己实现的*proxy可以做到*__只有需要在页面中响应式显示的属性,才放到data中__只显示一次的变量处理*也可以用v-oncedata(){...

2022-03-25 15:52:54 3824

原创 整理的一些 Vue3 知识点

看完你就基本可以上手搞开发了,本文适合Vue初学者,或者Vue2迁移者,当然还是建议Vue3官网完全过一遍。不适合精通原理,源码的大佬们。先推荐两个vscode插件Volar首先推荐Volar,使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件,有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur,代码高亮,语法提示,基本上Vetur有的它都有。特色功能当然作为新的插件出山,肯定有它独有的功能。多个根节点编辑器不会报错Vue...

2021-09-23 11:48:52 210

原创 如何使用webpack5的模块联邦特性落地微前端

微前端现有的落地方案可以分为三类,自组织模式、基座模式以及模块加载模式。与基座模式相比,模块加载模式没有中心容器,这就意味着,我们可以将任意一个微应用当作项目入口,整个项目的微应用与微应用之间相互串联,打破项目的固定加载模式,彻底释放项目的灵活机动性,这样的模式,也被称为去中心化模式。其实这个方案在微前端的架构理念中早已提及,但直到 2020 年 10 月 Webpack 5 正式发布之后才被真正落地应用。因为 Webpack 5 带来了一个全新特性:Module Federation,...

2021-09-22 14:05:44 14214 1

原创 刚大学毕业进大厂24K,我是如何一毕业就拿高薪offer?

虽然一毕业就拿高薪不是一件容易的事情,但只要用对方法,你也可以成为那2%的校招佼佼者。最近刚拿到offer的通知涵那么如何作为应届毕业生如何才能顺利的进入到大厂呢?我认为有以下几点。第一,学校内的课程,计算机基础知识,如C语言,数据结构,计算机组成原理,计算机网络,计算机操作系统等这些基础专业知识一定要理解掌握,在校招中,这些内容必考。第二,提升自己写代码的能力。不会配置环境,不会框架,就去找资料自学,B站,腾讯课堂很多免费视频课程。第三,做项目。这里不是指学校做的项目,而是真正可.

2021-06-10 16:51:27 235

原创 深入理解Iterator.remove

工作中经常会需要在循环中删除某个元素,但这样会改变原数组长度,会导致异常,但在iterator.remove()中却不会。参考:https://www.cnblogs.com/snowater/p/8024776.html问题复现public void test1() { List<Integer> arrayList = new ArrayList&...

2019-07-25 10:55:37 1381 1

原创 JAVA学习视频,2020最新全套视频大放送!

JAVA学习视频,2018最新全套视频大放送!JAVA学习视频,2018最新全套视频大放送!JAVA学习视频,2018最新全套视频大放送!重要的事情说三遍,小编精心准备的内容。希望对初学者有所帮助!一、java基础1.毕向东基础,这个最有名了,毕老师还是毕姥爷?链接:https://pan.baidu.com/s/17bL6ZzegNsUNkM4aBQB_GA 密码:5y2t毕姥爷的...

2018-10-23 21:42:09 11451 4

原创 JAVA学习路线图,2018年最详图解

很多小白想学习JAVA,却不知道如何去学习。小编从事这行有多年,今天给大家分享下JAVA思维导图,希望给正在迷失方向的小白一些指点。废话不多说,直接上干货。JAVA学习路线图,2018年最详图解首先,我们需要了解JAVA是什么,配置下JAVA的环境 ,学习JAVA的语法、面向对象、异常处理、常用类、集合框架、注解等内容。   当有了JAVA基础的内容之后,再学习MySQ...

2018-10-22 15:59:50 8838 7

原创 java设计模式之工厂模式模式

     工厂模式是我们很常用的一个模式,在ssh框架和ssm框架中都普遍使用到的工厂模式工厂模式的定义一个用于创建对象的接口,让子类决定实例化哪个类在这里我主要讲通过反射机制来决定生成类的工厂实现方法 021.产品抽象类productpublic abstract class Product {public abstract void method();}...

2018-10-05 08:54:44 172

原创 5分钟搞定 java设计模式之原型模式

一,引言    在开发过程中,有时会遇到为一个类创建多个实例的情况,这些实例内部成员往往完全相同或有细微的差异,而且实例的创建开销比较大或者需要输入较多参数,如果能通过复制一个已创建的对象实例来重复创建多个相同的对象,这就可以大大减少创建对象的开销,这个时候就需要原型模式。 02二,模式详解    原型模式可以通过一个对象实例确定创建对象的种类,并且通过拷贝创建新的实例。总得来...

2018-10-05 08:45:49 186

原创 JAVA高级开发思维导图

高清原图加QQ1124692获取

2018-07-09 15:55:56 2157

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除