web前端
文章平均质量分 79
前端学习栈
这个作者很懒,什么都没留下…
展开
-
面试Vue架构师,封装一个万能表单生成器
需求与分析日常开发中,我们前端程序员可能需要开发大量类似的表单页面,就好像下面这些或者这样的作为初级前端,此时只能反复的通过Ctrl+C、V,俗称CV大法,然后改吧改吧,来完成需求。但是这样仅仅能应付我们交付的压力,对于后期的维护、新页面的开发仍旧需要大量的时间去完成重复的工作。同时,最难堪的莫过于codereview的时候,这种大量CV的代码只能成为团队集体诟病的典型例子。😂如何解决因此,在日常开发解决业务需求的同时,考虑如何提高工作的效率是程序员很重要的能力,我们需.原创 2022-03-30 16:03:42 · 3491 阅读 · 1 评论 -
面试被问到用Vue手写一个功能,直接懵了
东窗事发之前去阿里的二面,信心满满的我准备了一堆面试题,想着可以暴打面试官了,很是开心!结果去了以后,他喵的居然让我给他现场机试实现一个功能,当场蒙蔽了我!具体功能如下gif:需求设计差点凌乱,结果一想,这难吗?难就难在没有思路。于是这时的我两腿一蹬,大脑开始高速运转,生成如下流程图:这么看来好像就清晰很多了,果然设计是编程中不可或缺的一步!正式coding首先我问面试官,后台响应回来的详情数据是什么结构,于是他给了我这么一坨{json1:...原创 2022-03-29 10:32:50 · 1781 阅读 · 1 评论 -
Vue代码优化
代码性能优化减少Object.defineProperty的执行次数*vue2使用他来订阅data中的所有属性*vue3使用proxy,解决了如下问题*vue2的defineProperty不能察觉属性的添加与删除*vue2的defineProperty在数组的所有方法都是自己实现的*proxy可以做到*__只有需要在页面中响应式显示的属性,才放到data中__只显示一次的变量处理*也可以用v-oncedata(){...原创 2022-03-25 15:52:54 · 3874 阅读 · 0 评论 -
整理的一些 Vue3 知识点
看完你就基本可以上手搞开发了,本文适合Vue初学者,或者Vue2迁移者,当然还是建议Vue3官网完全过一遍。不适合精通原理,源码的大佬们。先推荐两个vscode插件Volar首先推荐Volar,使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件,有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur,代码高亮,语法提示,基本上Vetur有的它都有。特色功能当然作为新的插件出山,肯定有它独有的功能。多个根节点编辑器不会报错Vue...原创 2021-09-23 11:48:52 · 235 阅读 · 0 评论 -
如何使用webpack5的模块联邦特性落地微前端
微前端现有的落地方案可以分为三类,自组织模式、基座模式以及模块加载模式。与基座模式相比,模块加载模式没有中心容器,这就意味着,我们可以将任意一个微应用当作项目入口,整个项目的微应用与微应用之间相互串联,打破项目的固定加载模式,彻底释放项目的灵活机动性,这样的模式,也被称为去中心化模式。其实这个方案在微前端的架构理念中早已提及,但直到 2020 年 10 月 Webpack 5 正式发布之后才被真正落地应用。因为 Webpack 5 带来了一个全新特性:Module Federation,...原创 2021-09-22 14:05:44 · 14305 阅读 · 1 评论 -
刚大学毕业进大厂24K,我是如何一毕业就拿高薪offer?
虽然一毕业就拿高薪不是一件容易的事情,但只要用对方法,你也可以成为那2%的校招佼佼者。最近刚拿到offer的通知涵那么如何作为应届毕业生如何才能顺利的进入到大厂呢?我认为有以下几点。第一,学校内的课程,计算机基础知识,如C语言,数据结构,计算机组成原理,计算机网络,计算机操作系统等这些基础专业知识一定要理解掌握,在校招中,这些内容必考。第二,提升自己写代码的能力。不会配置环境,不会框架,就去找资料自学,B站,腾讯课堂很多免费视频课程。第三,做项目。这里不是指学校做的项目,而是真正可.原创 2021-06-10 16:51:27 · 249 阅读 · 0 评论 -
深入理解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 · 1433 阅读 · 1 评论 -
理解Vue2.5中diff算法
vue是现在主流前端框架之一,采用了很多高级特性,如虚拟DOM,那么它是如何批量更新的,我们一起来了解下。数据变化,如何更新domDOM“天生就慢”,所以前端各大框架都提供了对DOM操作进行优化的办法,Angular中的是脏值检查,React首先提出了Virtual Dom,Vue2.0也加入了Virtual Dom,与React类似。要知道渲染真实DOM的开销是很大的,比如有时候...原创 2019-07-25 10:51:37 · 210 阅读 · 0 评论