• ARTICLE
  • STRING
  • CONVERTER
  • ENCRYPT
  • NETWORK
  • MORE
    CHART
    MATH
    COORDINATE
    IMAGE
    FILE
    OPEN API
  • ARTICLE
    STRING
    CONVERTER
    ENCRYPT
    NETWORK
    MORE
    CHART
    MATH
    COORDINATE
    IMAGE
    FILE
    OPEN API
logo Online Tools
All Chinese English Newest Hottest
125 search results

前端界有两个“教派”,一个叫 Vue,一个叫 React。Vue 的成员看不起 React,React 成员鄙视 Vue,他们认为手中的“教义”就是真理,可以消灭世界一切苦难。 但正如没有绝对的真理,也没有绝对完美的系统框架,我们需要一双明辨是非的眼睛去解析所面对的难题,带我们找到正确的方法,解决所面对的困难。我们需要抱着怀疑的眼光去看待现代前端开发框架,它们真的能解决我们的问题吗?答案是肯定的,也是否定的。框架并不能独立的发挥作用,其中开发者是一个很大的变量,而开发者这个最大的变量才是最终影响问题是否能够被解决的重要因素。 本文从对现代前端框架的“崇拜”现象,引出了前端开发面临的过于强调工具本身,忽视了开发者怎么写好代码才是影响代码质量的本质问题,最后给出了一种我认为可解决业务型前端项目的代码架构方案(也可以说是一种开发思想),希望能给大家带来一些思路和帮助。

495 Technology lddgo Shared on 2022-11-28

前端开发这个岗位在国内诞生至少也有15个年头了,从原来的大厂才有到现在成为互联网企业必备的岗位之一,岗位的重要性已经被普遍接受,岗位的成熟度已经非常高了,并且趋向于大团队职能化。 在前端职能化背景之下,各个公司对前端岗位的研发效能要求也越来越高,过去两、三年 LowCode 的盛行就是很好的说明。 为了进一步探索「前端职能化」,得物受QCon全球软件开发大会组委会邀请,并出席了QCon上海2022,并出品这一专题。本专题将聚焦职能化前端团队如何高效地去支撑业务研发的实践经验。

326 Technology lddgo Shared on 2022-11-25

Promise 主要是为解决程序异步处理而生的,在现在的前端应用中无处不在,已然成为前端开发中最重要的技能点之一。它不仅解决了以前回调函数地狱嵌套的痛点,更重要的是它提供了更完整、更强大的异步解决方案。 同时 Promise 也是前端面试中必不可少的考察点,考察内容可深可浅,因此熟练掌握它是每个前端开发者的必备能力。 Promise 相对于 callback 模式的优势,网上的介绍文章已经多如牛毛,本文我将不再重点赘述。本文我主要会在介绍 Promise 的基础使用上,重点介绍其典型的场景应用,以及一些重难点场景分析,主要目的是提高对 Promise 的理解及对其灵活的运用能力。

263 Technology lddgo Shared on 2022-11-22

React 重新渲染,指的是在类函数中,会重新执行 render 函数,类似 Flutter 中的 build 函数,函数组件中,会重新执行这个函数 React 组件在组件的状态 state 或者组件的属性 props 改变的时候,会重新渲染,条件简单,但是实际上稍不注意,会引起灾难性的重新渲染

319 Technology lddgo Shared on 2022-11-18

由于 React16 和 React17 在事件机制在细节上有较大改动,本文仅对 React17 的事件机制做讲解,在最后对比 React17 和 React16 在事件机制上的不同点。

432 Technology lddgo Shared on 2022-11-17

通过 Node.js 官方内置可以看出,目前前端领域最火的包管理工具主要是 npm( Node.js 直接内置)、yarn (corepack 内置) 以及 pnpm (corepack 内置)。 因此,本文主要是围绕这三者来阐述包管理工具在迭代演进中提出的一些创新性特性以及其遇到困难是如何解决问题的。

359 Technology lddgo Shared on 2022-11-15

在某些场景里,前端开发同学会无意识的编写出一些看似正确的代码,这些代码能够通过所有测试以及代码审查,但是在实际执行时会导致应用程序出现一些意想不到的问题:页面上的数据毫无规律地随机展示出来、搜索出的结果与查询条件不匹配、切换选项卡的导航时出现错误的内容。 当然,我们并不希望发生这些问题,那么如何避免这些问题呢?本文将继续讨论 React 数据获取的一些方法和原理,并深入了解 Promise 在数据获取时如何导致了条件竞争(race conditions)以及如何避免它们。

374 Technology lddgo Shared on 2022-11-11

公司发展到一定程度,随着业务分支不断变多,B端C端的项目也随之增多,由于历史原因可能产生新老技术栈(vue/react)共存的情况,这既不利于组件物料的抽离统一(一类通用组件需适配多套技术栈),也增大了开发者跨项目开发的适应成本。因此技术栈收敛是提升前端平台体系开发效率重要的一环。 提到技术栈迁移,我们首先想到的是微前端方案,在隔离性上来说,微前端确实很好的方案,但是对于一些复杂核心模块,往往需要较长的周期迁移,并且伴随着该模块的不断迭代,使得整体项目的迁移进度逐步拉长。最终核心痛点可能还是没有完全解决。 基于以上的背景,我们需要解决两个问题: 更丝滑的技术栈迁移:不仅是新页面,旧有页面的需求也能用react开发,做到代码块级迁移。 跨技术栈开发:MF组件化开发,需要将react组件转化为vue组件以实现在同一界面嵌入react组件。

307 Technology lddgo Shared on 2022-11-03

有幸在大淘宝与洋风同学共事了一段时间。他在终端架构侧有丰富的经验,他所打造的终端调试工具 AppDevTools 、终端请求库 mtop.js 在阿里内部被广泛使用。洋风从自己的经验出发,在这篇文章中讲述了前端架构师的工作范畴和如何做好前端架构,相信对于期望往该方向成长的同学会有所帮助。

334 Technology lddgo Shared on 2022-11-03

店铺开放 ISV 链路后,随着头部商家的全页定制化的增加,性能问题受到越来越多的关注,我们针对 ISV 开发的页面,做了系统性的诊断,并沉淀出一系列优化 TODO,本文主要介绍图片优化子项目(一定要看到最后,相信一定有收获)。

525 Technology lddgo Shared on 2022-11-02