前端早读课

其他

【招聘】支付宝体验技术部招前端开发

年以上对支付宝体验技术部有兴趣的童鞋,欢迎投递简历。发送至:itchina110@gmail.com抄送至:181422448@qq.com备注:前端早读课有需要前端招聘的,可扫描下方二维码联系
3月28日 上午 8:05
其他

【第3224期】React 中 Form 的最佳实践

state。这个表单可以有成百上千个子组件但它们不会导致彼此重新渲染。使用这种方式,会让表单性能变的更好、减少大量的冗余代码并且使我们代码的可读性更强。非受控表单的不足之处是你无法直接访问每个
3月28日 上午 8:05
其他

【早说】AI&Web:理解与管理机器学习模型对Web的影响

技术的开发者和运营者应该对他们的技术可能造成的社会影响负责,并在出现问题时提供问责机制。阅读习惯,从每日晨读一小时开始,有兴趣加个好友进群
3月27日 上午 8:03
其他

【第3223期】React 编译器的类型系统

语句,构建类型方程。解方程类型方程的求解过程被称作类型统一。这一过程的目标是寻找一组类型变量的替换方案,使得所有的类型方程都能成立。在我们的例子中,解决类型方程是相对直接的。subTotal、tax
3月27日 上午 8:03
科技

【第3222期】这Proxy能干啥?

就会成为一个很好的方案。关于本文作者:@xiaof原文:https://mp.weixin.qq.com/s/RJhpudGX0pUbLvCrnitGxw这期前端早读课对你有帮助,帮”
3月26日 上午 8:01
科技

【招聘】杭州观远数据招前端工程师

有丰富开发经验,熟悉其基本思想及技术栈有良好的编程风格,熟练基本数据结构,有一定的代码抽象能力逻辑思维清晰,能够较好的定义和分析问题,有较好的团队协作意识1
3月26日 上午 8:01
其他

【第3218期】React 19 将引入新的客户端hooks

}这将简化某些用例中的组件层次结构,因为在循环或条件中读取上下文的唯一方法是将组件一分为二。就性能而言,这也是一个巨大的进步,因为即使上下文发生了变化,现在也可以有条件地跳过组件的重新渲染。有关
3月21日 上午 8:02
其他

【图书】低代码平台开发实践:基于React

章)是本书的重点部分,介绍如何开发低代码平台,提供了大量的代码示例,涉及的内容有低代码架构策略、低代码组件、设计器、渲染器和代码生成器等。基础设施篇(第
3月18日 上午 8:02
其他

【图书】可观测性工程

里提到的一句话:“对全部业务的可观测能力建设,了解业务资产和债务”,对可观测能力这个词有点好奇,就稍微了解一下。本文来自观测云创始人
3月14日 上午 8:20
其他

【第3212期】在 React 中管理状态的 4 种方法

MobX。对这四种方法进行了比较,评估了它们在简易性、性能、可扩展性和兼容性方面的优缺点。同时提供了每种方法的简单实现示例,帮助读者了解如何在项目中应用这些状态管理技术。今日前端早读课文章由
3月14日 上午 8:20
其他

【招聘】腾讯北极光工作室群招Web前端全栈开发工程师及实习生

等服务端语言中的一种,有实际生产使用经验。加分项有全栈完整开发经验者优先;热爱分享,擅于总结个人经验并转化为可复用组件或框架,有专业领域内优秀个人开源项目者优先。类型:正式员工、实习生(面向
3月11日 上午 8:17
其他

【第3209期】中后台平台化探索和演进

前言这篇是真的对口味。介绍了中后台平台化的探索和演进过程,以及团队在统一后台业务入口、降低维护成本方面的目标规划。通过微前端技术选型和实践,实现了统一后台入口、降低重复建设成本等目标,并解决了接口跨域等问题。最终建立了源宇宙工作台,实现了多个第一方和第二方后台的统一管理和使用。今日前端早读课文章由
3月11日 上午 8:17
科技

【第3208期】用现代方式深度拷贝 JavaScript 中的对象

structuredClone(kitchenSink)为什么不只是对象传播?需要注意的是,我们说的是深度复制。如果你只需要进行浅拷贝,也就是不拷贝嵌套对象或数组的拷贝,那么我们可以只进行对象扩散:
3月9日 上午 8:03
科技

【第3207期】前端Monorepo大仓共享复杂业务组件最佳实践

配置及时修改,不然就走到组件主系统的权限里去了。总结一句就是所有工作量都来到了组件维护者这边,不过不用担心,掌握上面说到的几点原理就能游刃有余地处理权限问题。埋点上报数据上报
3月8日 上午 8:03
科技

【第3206期】Service Worker:离线应用与后台同步的解决方案

实现消息推送、多页面通信等等功能。关于本文作者:@龚思晗原文:https://mp.weixin.qq.com/s/nMnNrFSW2L3UfHBfWyxBMQ这期前端早读课对你有帮助,帮”
3月7日 上午 8:01
科技

【第3204期】基于WebCodecs的网页端高性能视频截帧

最好是类似同步的方式,在一个方法调用中完成所有的帧截取,并一起返回。因此设计了通过事件抛出以及定时器机制以达到对内部流式依赖库的包装。同时将计算密集的解封装、解码、渲染工作挡在独立的
3月5日 上午 8:04
其他

【第3199期】HTTP/3:性能改进

服务器也不能以高速发送数据。相反,为了避免过载新网络,它需要重置(或至少降低)发送速率,并重新开启拥塞控制器的慢启动阶段。由于这种初始发送速率通常太低,以至于无法真正支持诸如视频流之类的事物,即使在
2月28日 上午 8:03
其他

【第3197期】HTTP/3 简介:核心概念

“无连接”,因为它不进行这样的握手。然而,握手并不是什么特别的事情:它只是发送和接收一些特定形式的数据包。握手有一些目标,其中主要目标之一是确保另一端存在并且愿意与我们通信。值得在这里重申的是,尽管
2月26日 上午 8:03
其他

【图书】图解TCP/IP(第6版)

TCP/IP》升级版终于来了!新版更新了旧版中过时的内容,知识点更符合当下的学习、工作需求。作为图解学习
2月22日 上午 8:03
其他

【第3189期】信使 Web builder:拖拽组件构建响应式页面的前端开源框架

前言年前就陪伴到这了,24年有招聘需求的可以联系wx:zhgb_f2er。如果是找工作的,来这里看看。一款适合进阶的基于
2月4日 上午 7:32
其他

【早说】RCA根本原因分析

所谓根本原因,就是导致我们所关注的问题发生的最基本的原因。因为引起问题的原因通常有很多,物理条件、人为因素、系统行为、或者流程因素等等,通过科学分析,有可能发现不止一个根源性原因。RCA
1月30日 上午 7:31
其他

【第3185期】一种更好的前端组件结构:组件树

------------------------------------+---------------------------------------------------
1月30日 上午 7:31
其他

【第3184期】云音乐D2C设计稿转代码建设实践

低代码引擎正式开源!输出阶段的通用性要求1、支持多种技术体系和搭建平台要支持最常用的技术栈,并且应当有一个通用的、开放的方案,可以对接到搭建平台。也就是说,只要愿意,任意的搭建平台都可以消费「海豹
1月29日 上午 7:35
其他

【招聘】腾娱互动招前端开发工程师

运营活动页面开发;负责项目研发质量和效率,国际化工具的探索和优化。岗位要求本科及以上学历,3
1月26日 上午 7:32
其他

【第3181期】webgl 实现透明视频动画

来实现透明动画视频。需求是啥?比如我们出要实现一个动画效果,要怎么实现呢?这里我们的核心目标是动画的背景可替换,比如说,这里的视频可以有背景色,像以下的图。目前是不是想到了各种
1月26日 上午 7:32
其他

【早说】回顾文档与及时响应

的回顾总结模板。该模板有一些章节和例子,描述了事故的前因后果、故障、影响、检测、响应、恢复、时间表、根本原因、经验教训和所需的纠正措施。任何回顾总结文档的关键部分是根本原因分析
1月25日 上午 7:34
其他

【第3176期】WebCodecs 开启 Web 音视频新篇章

WebCodecs受限于浏览器提供的编解码器编解码的可控参数不够丰富(为了通用性不可避免的交换)暂无法自定义编解码器生态不成熟只需要时间和更多开发者的积极参与,一般
1月21日 上午 7:35
其他

【早说】事故处理

在问题得到缓解后,工程师有一些时间来喘口气、深入思考,并为解决问题而努力。工程师将继续调查问题,以确定和解决潜在的问题。一旦眼前的问题得到解决,事故也就得到了解决。后续行动
1月14日 上午 7:56
其他

【第3168期】按钮设计的技巧

3:1)。按钮应该有一个清晰的视觉层次结构,不能仅仅依赖于颜色。这些按钮样式与上面的示例存在类似的问题:按钮样式在对比度和样式上过于相似,视力受损的人无法区分它们。三级按钮边框的对比度必须至少为
1月13日 上午 7:36
科技

【第3166期】localhost工具:本地代码的远程之路

协议传输的时间消耗,自定义了一套协议进行代码的同步,当然这个方案对于我所设想的场景实在是大材小用了,不过真的非常胆大心细,也给我了很多思路。在后面的时间,借着代码同步的思路,我又设想了云
1月11日 上午 7:35
其他

【第3154期】前端 JS 安全对抗原理与实践

是主流的数据载体,如果获取数据的接口没有设置任何的保护措施的话,数据就会被轻易地窃取或篡改。除了数据泄露外,一些重要功能的接口如果没有做好保护措施也会被恶意调用造成
2023年12月27日
其他

【第3149期】可视化搭建技术架构在微盟实践

业务场景落地页面,每次迭代开发影响面和测试影响面都是页面级,不仅研发和发布的周期长,并且多个页面相同部分功能,在其他的业务场景页面上,也很难复用和统一去做抽象泛化的沉淀;另外某一些落地页面,它是一个
2023年12月22日
其他

【第3147期】前端Monorepo大仓权限设计的思考与实现

onDidOpenTextDocument,当研发打开任何文件的时候,都可以触发监听事件,那么我们就能在监听事件里面去做日志发送相关的逻辑,实现文件访问日志记录的功能,大致的实现如下:
2023年12月20日
其他

【第3144期】2023年CSS新特性盘点

功能,它用于设置首字母的排版样式。可以将字母放置在下沉或抬高的状态下。该属性接受两个参数:第一个参数用于控制字母下沉到相应段落的深度,第二个参数用于将字母抬高多少,可以同时使用这两个参数。
2023年12月17日
其他

【第3143期】如何提升微前端场景下的研发效能?微前端管理平台的设计与实践

前言介绍了微前端场景下如何提升研发效能,并通过设计和实践微前端管理平台来解决应用管理、权限管理和菜单编排等问题。通过集中处理数据和提供治理能力,可以降低开发成本,提升用户体验,赋能其他业务,以及实现未来能力的扩展。今日前端早读课文章由网易
2023年12月16日
其他

【第3141期】Ant Design Mini 支持微信小程序啦

导入。在这里(https://github.com/ant-design/ant-design-mini/blob/master/scripts/transform.ts),你可以看到这份转换的完整
2023年12月14日
其他

【第3139期】Reac状态管理比较与原理实现. Redux,Zustand,Jotai,Recoil, MobX,Valtio

会让代码变得难以阅读。https://www.youtube.com/watch?v=nYkdrAPrdcw&t=1454s&ab_channel=MetaDevelopers因此,Facebook
2023年12月12日
其他

【第3138期】快速了解 CSS @starting-style 规则

https://code.juejin.cn/pen/7299479246152400896四、总结一下一个可以改变元素初始状态的新特性,你学到了吗?transition
2023年12月11日
其他

【第3137期】OpenTiny跨框架组件如何适配微前端

OpenTiny,支持Vue2、Vue3关于本文作者:@陈家梅原文:https://mp.weixin.qq.com/s/ZqDXemh0GfnQpWACdzXdig这期前端早读课对你有帮助,帮”
2023年12月10日
其他

【第3132期】结合 React Fiber 结构与 chrome 插件,谈谈无侵入自动化表单的技术尝试

前言本文介绍了在前端开发中,处理复杂表单的痛点,并探讨了解决方案。首先列举了表单场景中的一些常见问题,包括自测、测试数据构造、个性化填写和日常操作。然后,进行了技术调研,包括开源社区和插件等现有解决方案。通过拆解需求确定了需要一个不侵入用户代码、准确识别表单、自定义填充数据和支持事件派发的工具。接下来详细介绍了如何准确识别表单的技术方案,其中提到了
2023年12月5日
其他

【招聘】钉钉智能人事前端团队招前端工程师

)、HTML、CSS、DOM、协议、安全等。掌握至少一种主流前端框架(React
2023年12月5日
其他

【第3130期】Taro高性能小程序的最佳实践

https://github.com/NervJS/taro-rfcs/blob/feat/compile-mode/rfcs/0000-compile-mode.md关于本文作者:@taro
2023年12月3日
其他

【招聘】淘宝买菜前端团队招前端开发工程师

区对上述岗位有兴趣的同学,欢迎投递简历发送至:xbmail2013@163.com抄送至:181422448@qq.com备注:前端早读课有需要前端招聘的,可扫描下方二维码联系
2023年11月30日
其他

【第3127期】浏览器跨 Tab 窗口通信原理及应用实践

页面,并且切换到另外一个仓库进行操作。当用户重新回到第一个打开的页面时,为了防止用户错误操作数据(前端界面是一致的,可能忘记了自己切换过仓库),通过弹窗提醒用户你已经切换过仓库;某音乐播放器
2023年11月30日
其他

【第3125期】谈谈刷屏的量子纠缠效果

window.getScreenDetails,在本文的讨论中不涉及这种情况。当我们打开一个新页面窗口,窗口的左上角就是窗口坐标系的圆点,如果要在页面正中间画个圆,那圆心的窗口坐标系坐标应该是
2023年11月28日
其他

【第3124期】 CSS前瞻:@media (scripting)助你优雅降级

的用户提供替代样式。渐进增强:为不支持脚本的浏览器进行样式降级。广告和追踪阻止:对于使用广告拦截器的用户,提供不依赖于脚本的内容和布局。使用示例考虑一个动态内容加载区域,它依赖于
2023年11月27日
其他

【第3121期】效率前端微应用推进之微前端研发提效

前言主要介绍了得物效率前端微应用推进中微前端研发效率遇到的挑战和解决方案。首先介绍了得物效率前端的业务背景和微应用的定义。然后,详细描述了微前端研发过程中的三个费力点。接着,作者进行了技术调研,包括
2023年11月24日
其他

【活动】微盟技术沙龙之页面可视化的技术实践

微盟技术沙龙「微盟技术沙龙」是由微盟研发中心发起并联合各方小伙伴为开发者举办的系列技术沙龙,从用户,产品,技术等方面与开发者进行交流。微盟技术沙龙关注开发者在实际应用中遇到的问题。提供最真实的干货,以技术会友,为广大的开发者提供最直接的交流平台。本次「页面可视化的技术实践」专题沙龙由微盟技术出品,邀请到微盟技术专家,希望与业界同行一起交流,共同成长。专题:页面可视化的技术实践会议时间:2023
2023年11月22日
其他

【第3119期】form-sizing:使用 CSS 实现文本区域的自动增加高度

content:https://codepen.io/coliss/pen/KKbbPbd
2023年11月22日
其他

【第3118期】原生“跨组件”通信方式

也能保存内容。那么,你会怎么处理呢?把保存方法封装一下?全局通信?其实,我们要做的事情很简单,只需要主动去触发一下保存按钮的点击事件就可以了,当然需要获取到这个按钮,所以要加个
2023年11月21日