[Saasfly前端小报] 是时候彻底放弃“高分低能”的 Leetcode了?

132 阅读19分钟

推荐目录

  • 是时候彻底放弃“高分低能”的 Leetcode了:AI 时代的面试需要大变革!

  • 空间小程序: Web 开发者的下一个增长曲线?

  • Gartner发布2024 年十大战略技术趋势

  • 百川VS智谱,谁是中国的OpenAI?

国内

转转 - Hybrid

转转Hybrid体系建设历程-客户端视角

本文回顾了转转Hybrid体系的建设历程,从客户端视角详细介绍了三个阶段:野蛮生长时期、混乱之治和性能优化和开发调试体验提升。转转的Hybrid体系建设经历了野蛮生长、混乱之治和性能优化和开发调试体验提升三个阶段。通过重构WebView和优化相关平台,转转解决了Hybrid体系中存在的问题,提升了性能和开发调试体验。该文本内容主要讨论了在混合应用开发中遇到的问题以及解决方案。

空间小程序

空间小程序: Web 开发者的下一个增长曲线?

YodaOS JSAR是一种面向Web开发者的应用框架,用于在空间计算场景中构建空间小程序。YodaOS JSAR提供了新的三件套XSML、SCSS和TypeScript,其中XSML是可拓展空间标记语言,类似于HTML。YodaOS JSAR基于Babylon.js框架构建,可以直接通过scene访问Babylon.js的其他能力。YodaOS JSAR还支持一些Web APIs,并计划持续支持更多的Web APIs,包括WebXR Device API、ECMAScript Module、fetch、Timer、Web Audio、Web Speech和WebAssembly。YodaOS JSAR与Unity集成,通过Unity插件包实现与Unity的协同工作。YodaOS JSAR是一个多端统一的开发框架,旨在解决场景数据不标准的问题。

网易 - 低代码

云音乐如何「搭」出新首页

本文介绍了云音乐如何通过可视化搭建系统支撑新版首页这样的核心场景,并满足其对性能、动态化和精细化运营的要求。文章还探讨了动态化能力的重要性和各种动态化方案的能力和性能表现,以及针对不同业务诉求做出合适选择的必要性。

钉钉 - Windows

一个 iOS 研发工程师的 Windows 开发之旅

这篇文本是一位iOS研发工程师分享自己学习桌面端研发的心得和经验。作者从个人经历出发,介绍了自己在iOS开发工作中接触到前端和小程序开发的情况,并在参与钉钉跨五端项目后开始接触桌面端研发。作者强调了自己的经验是基于钉钉桌面研发环境的,因此文章的内容可能有一定的钉钉环境特色。作者还提到了桌面端研发包括Windows、macOS和Linux,但Windows的复杂度和差异性远超其他两个平台。接下来,作者从整体上介绍了自己对桌面端研发的理解和感受。他指出,传统桌面端研发在互联网技术蓬勃发展和移动互联大爆发的背景下逐渐衰落,而移动端研发更受关注。然而,随着流量见顶和红利期过后,高质量用户的重要性逐渐凸显,桌面端研发将成为重要的发展方向。作者提到在钉钉这样的toB场景中,桌面端研发团队的专业性和规模逐渐壮大。最后,作者分享了自己在上手Windows研发后的感受,比喻为学习开手动挡的感觉。他指出苹果和微软在产品交互上有着不同的特点,而在桌面端研发中需要学习使用不同的工具,如Xcode和Visual Studio。

Bilibili - 视频模板

B站视频模板的前世今生

本文介绍了B站视频模板的发展历程和实现方式,包括模板的生命周期和工作流程、模板协议的设计和使用、版本兼容方案的核心、AI绘图在模板系统中的应用、模板组件化建设和保障、视频模板的垂类衍生品和未来发展方向等内容。

腾讯 - 脚本语言

如何从0到1设计实现一门自己的脚本语言

了解完 eben 的内在之后,想必读者再看到这个 REPL 会更感亲切,也更感透彻。

笔者在学习完Robert Nystrom 的 "Crafting Interpreters" 全书和Roberto Ierusalimschy的 Lua 设计论文后,就对编译原理有了远比之前更透彻的理解。既钦佩于作者才华之美,又感叹他们计算机教育水平之高。基于前文的编程语言诞生时间表,笔者又理了一份编程语言作者表,方便读者直观地感受他们的编译原理发展水平之高。

火山 - 智能驾驶

云上智能驾驶三维重建最佳实践

本文介绍了火山引擎多媒体实验室在云上智能驾驶三维重建领域的最佳实践,包括驾驶场景重建技术和动态重建技术。火山引擎多媒体实验室通过自研的三维重建技术和云平台资源,助力相关技术在云端大规模重建、自动标注、真实感仿真等场景的落地与应用。

TC39 进度

ECMAScript 双月报告:TC39 2023年9月会议提案进度汇总

在本次会议上,Resizable ArrayBugger 提案成功进入到 Stage 4,很快就将在下一个 ES 版本中与我们见面。同时,本次会议上新增了 Joint Iteration、Stable Formatting 等五个提案首次进入到 Stage 1

Next.js

译:我们如何优化 Next.js 中的软件包导入

这篇文章介绍了如何优化Next.js中的软件包导入,包括桶文件和树摇的问题。作者提到了Next.js 13.5版本中引入的新功能optimizePackageImports和modularizeImports,以及一些常用库的性能改进。建议升级到最新版本的Next.js,并考虑添加ESLint规则以进一步优化性能。

设计

被忽略的声音体验设计

本文讨论了声音体验设计在产品设计中的重要性以及声音的作用。作者指出,听觉在人类获取信息通道中的占比为11%,是人类获取信息的第二大感官,但在过去的几十年里,人们的关注视角着重在视觉层面,忽略了听觉系统体验设计。然而,好的声音设计可以有效传达信息、降低认知负荷、提高效率、传达品牌特性、影响用户情绪。声音可以在用户注意力过载的场景下帮助用户降低认知负荷,降低用户的压力。声音还可以传达品牌特性和塑造品牌形象,影响用户对产品的印象。此外,声音还可以直接影响人的情绪,与人产生情绪共鸣,进而影响用户情绪感知。文章还介绍了声音通知的分类,包括机械类声音、反馈类声音、信息类声音、状态提示类声音以及其他类声音。最后,文章讨论了声音设计的考量要素,包括频率与音量。不同的音频音量给人的听觉感受是不同的,高频的声音无需高音量就容易被听见,而低频的声音则需要更大音量的加持。文章强调了有效利用声音的频率可以帮助我们掩盖噪音。

重塑知识探索体验:百度百科设计升级

百度百科通过重塑知识探索体验,从"知识查找模式"向"知识探索模式"转变,以提升用户体验和建立品牌权威感知为目标,通过优化页面框架结构、融入全新设计语言、丰富互动玩法和构建词条体系等手段,全面提升了百科产品的基础体验和专业感知。滚轴式布局和创新独特的词条知识体系是重要的设计策略,通过提供丰富多维的知识探索体验和建立学科知识场域,吸引用户深入探索词条完整知识。改版后的词条页获得了用户的满意度和增长的数据验证。百度百科希望成为最具影响力的知识探索平台。

规划视觉动线,拯救体验设计

视觉动线是指人在空间中移动的路线和轨迹,对于体验设计具有重要影响。优秀的动线设计可以提供良好的行动体验。视觉动线的设计需要结合使用场景和用户的视觉习惯,有意识地创建产品的视觉动线。在界面设计中,视觉动线是信息设计的一部分,通过对信息的规划来实现对视觉动线的管理。视觉动线的管理可以分为模块视觉动线和内容视觉动线两个层级。

动物园再设计:杭州动物园无障碍改造

杭州动物园是一座集野生动物保护、科研、科普、教育和游览于一体的山林式动物园。为了方便老年人、儿童、残障人士等特殊人群的参观游览,杭州市无障碍办、蚂蚁集团、蚂蚁公益基金会和杭州动物园共同打造了“杭州无障碍动物园项目”。无障碍游览路线通过平整化处理、拓宽窄道、做缓坡、增设可移动坡道和加装垂直小型电梯等方式,方便轮椅和婴儿车通行。无障碍导视系统通过增加园区地图和设置更多的园区地图,帮助游客快速了解自己所在位置。无障碍空间利用一条长约70m的隧道,增加了盲文、语音讲解和可触摸的海洋生物造型,让视障人士也能够互动体验。经过无障碍改造后,杭州动物园成为一个无障碍景区,为特殊人群提供了便捷的参观游览服务。

AI时代的面试

是时候彻底放弃“高分低能”的 Leetcode了:AI 时代的面试需要大变革!

随着软件开发行业的转变,人们越来越依赖AI工具来生成代码和提高生产力,因此需要调整对人才的甄选思路。尽管经验丰富的工程师也可能无法通过编程面试,但现在很多人已经忘记了为什么要做Leetcode题。

国外

Browser-based simulator for Petoi Bittle robot dog

这是一个关于Petoi Bittle机器狗的基于浏览器的模拟器的摘要。这个模拟器是一个演示版本,用于展示这个巧妙的掌上大小的机器狗。它的大小和价格使得它非常适合普及机器人研究和教育。模拟器中有两种机器人模式,左边的是控制模型,右边的是仿真模型。控制模型可以进行交互操作,并设置了仿真模型的姿势,这是一个合适的物理/动力学模型。模拟器可以通过切换“行走”按钮来切换步行和行走动作的程序生成。使用键盘上的WASD键或屏幕上的按钮可以移动机器人。Rapier物理引擎的性能非常出色,但是使用它进行逼真的模拟是具有挑战性的。目前还无法设置关节马达来支持机器人在站立或行走时保持直立。这可能是马达设置的问题,也可能是实现本身的固有问题。为了绕过这个限制并制作一个可用的演示版本,我不得不降低模拟世界的重力和机器人的重量。在下一个版本中,我要么找到Rapier关节的解决方法,要么转向其他物理引擎如Physx。

Web Components

Web Components at TPAC 2023

今年的(技术全体会议和咨询委员会)于9月11日至15日在西班牙塞维利亚举行,其中有一个专门讨论Web组件和相关标准的专题。根据社区调查,社区小组确定了以下优先事项:声明式Shadow DOM、作用域自定义元素注册表、跨根ARIA和CSS插槽内容检测。

Gartner

Gartner发布2024 年十大战略技术趋势

Gartner发布了2024年企业机构需要探索的十大战略技术趋势,包括全民化的生成式AI、AI信任、风险和安全管理、AI增强开发、智能应用、增强型互联员工队伍、持续威胁暴露管理和机器客户。其中,全民化的生成式AI能够被全球工作者使用,AI TRiSM提供了用于模型运维、主动数据保护、AI特定安全、模型监控以及第三方模型和应用输入与输出风险控制的工具,AI增强开发能够协助软件工程师进行应用设计、编码和测试,智能应用具有自主做出适当响应的习得性适应能力,增强型互联员工队伍是一种优化员工价值的战略,持续威胁暴露管理使企业机构能够持续而统一地评估企业数字与物理资产可访问性、暴露情况和可利用性,机器客户是指机器作为客户的情况。此外,Gartner还提到了可持续技术和平台工程的重要性。

Node.js

Node.js 21 is now available!

Node.js 21发布,更新了V8引擎至11.8版本,增加了fetch和WebStreams模块、实验性标志、内置的WebSocket客户端和测试运行器的更新。Node.js 21将成为“当前”发布版本,持续6个月。文本还提到了一些与文件和模块相关的内容,以及性能方面的改进和关于HTTP的改进。最新的更新中,所有之前包含在严格模式中的设置都已默认启用,增强了代码的可靠性和安全性。

WebAssembly

The State of WebAssembly 2023

这篇名为"2023年WebAssembly现状"的文章来自Scott Logic的博客,对2023年的WebAssembly现状进行了深入的分析。文章中呈现了一些调查结果,为我们提供了关于WebAssembly使用和开发的有趣见解。

JS

The nuances of base64 encoding strings in JavaScript

这段文本主要讨论了Unicode在JavaScript中的使用以及与base64编码和解码函数btoa()和atob()的关系。文中介绍了Unicode的概念和UTF-8、UTF-16编码方式,以及在使用btoa()函数进行base64编码时可能出现的问题。文中还给出了处理这种情况的方法。

Solid.js Creator Outlines Options to Reduce JavaScript Code

Solid.js框架的创建者提出了减少JavaScript体积的重要性,并提供了八种前端减少JavaScript体积的方法。文本还讨论了前端框架的规模和不同的代码优化方法,包括渐进增强和渐进注水。最后,文本提到了渐进式水合的概念以及其他四种减少JavaScript负担的方法。

CSS

How Custom Property Values are Computed

本文讨论了自定义属性值的计算方式以及与现代CSS解决方案相关的一些行为。了解这个过程的误解可能导致意外或丢失的值,并且在故障排除和解决问题时可能会遇到困难。

PS CSS

CSS Findings From Photoshop Web Version

这篇文章主要介绍了Adobe发布的基于Web技术构建的Photoshop Web版本,并分享了作者在该应用程序的CSS代码中发现的一些有趣的细节。文章还讨论了使用flexbox布局和CSS grid布局的优势,以及在浏览器中嵌套层级和使用CSS变量的技巧。最后,文章还提到了使用SVG绘制注释和解决SVG描边过粗的问题。

CKEditor

Collaboration trends 2023: Insights from a developers survey

该文本讨论了2023年的六大关键协作技术趋势,包括协作功能的重要性、人工智能对富文本编辑器的影响、高级功能的需求、富文本编辑器的选择和更换、以及定制和简洁之间的平衡。调查结果显示,协作功能被认为是必不可少的,人们预计人工智能将改变富文本编辑器的使用方式,有经验的用户寻求更高级的功能,选择富文本编辑器对产品的重要性被强调,人们希望在定制和简洁之间找到平衡。

iOS17

Apple’s use of Swift and SwiftUI in iOS 17

根据iOS 17内置应用程序的分析,iOS 17中共有6030个二进制文件,其中有385个使用SwiftUI。Swift和SwiftUI的采用率持续增长。在iOS 16和iOS 17之间,至少包含一行Swift代码的二进制文件数量增加了50%。Objective-C仍然是iOS的核心,但Swift和SwiftUI的份额继续增加。SwiftUI在苹果自己的应用程序中明显增加。安全区域中没有使用Swift,但macOS中有。

Docker

Docker State of Application Development Survey 2023: Share Your Thoughts on Development

Docker State of Application Development Survey 2023是一项调查活动,旨在了解开发者社区的关注点、工作内容和最重要的事项。调查发现,Docker用户最常参考支持/文档的任务是创建Dockerfile,59%的受访者使用Udemy进行在线课程和认证。参与调查的人有机会赢得多种奖品,调查截止日期为2023年11月20日。

npm

Stop using “npm install” in your CI/CD pipeline

本文讨论了在CI/CD流水线中停止使用npm install命令的原因,并介绍了npm ci命令的使用。还讨论了版本范围符号的含义以及解决依赖冲突的方法。最后建议在CI/CD流水线中使用npm ci命令来确保依赖的准确安装。

Mobile input

Build a Better Mobile Input

本文介绍了如何通过正确配置一些关键的输入属性,使移动设备上的网页表单更易于使用。作者建议尝试不同的相关属性和属性组合,并确保为优化的用户体验指定属性。文中列举了一些常见的输入类型,如文本、搜索、电话、网址、电子邮件、数字、密码、日期、时间等。

人工智能

行业资讯

专注基座大模型,智谱AI已完成超25亿人民币融资

北京智谱华章科技有限公司今年已累计获得超25亿人民币融资,参与方主要包括社保基金中关村自主创新基金(君联资本为基金管理人)、美团、蚂蚁、阿里、腾讯、小米、金山、顺为、Boss直聘、好未来、红杉、高瓴等多家机构及包括君联资本在内的部分老股东跟投。上述融资将用于基座大模型的进一步研发,更好地支撑行业生态,与合作伙伴一同高速发展。

百川VS智谱,谁是中国的OpenAI?

中国的OpenAI竞争者有两家,分别是百川智能和智谱AI。这两家公司都在今年完成了大额融资,智谱AI的估值已经超过100亿人民币,百川智能的估值也超过了10亿美元。两家公司的团队构成相似,都是清华系创业团队。智谱AI将OpenAI作为自己的对标对象,投入到超大规模预训练模型的研发中。智谱AI的商业模式包括API调取收费和私有化收费模式,提供语言大模型、超拟人大模型、向量大模型和代码大模型等服务。与OpenAI相比,智谱AI缺乏语音和图像大模型服务,但增加了超拟人大模型。智谱AI在市场上的定价相对较低。百川智能则以其快速的发布和迭代速度著称,半年内发布了多款开源可免费商用大模型,并凭借Baichuan2系列模型在评估基准中的优势赢得了声誉。百川智能的开源模型具有较强的兼容性,其底座结构接近Meta的LLAMA,可以与LLAMA模型和百川模型不同模块之间进行随意切换。百川智能在大模型的开发中借鉴了搜索技术的经验,能够从海量网页中精选最佳页面,并能够快速处理大量数据。

淘天集团大模型应用十大挑战命题发布

本文主要讨论了在大模型应用中的一些技术挑战和诉求,包括模型记忆知识的准确性、模型了解知识边界、工具调用路径的选择和利用、大模型检索增强的信息利用、模糊意图下的工具调用问题以及基于人工反馈的强化学习应用。

早早聊 AI 资讯日更

10月20日的AI资讯包括DALL·E 3向ChatGPT Plus和Enterprise用户开放、Midjourney推出2倍和4倍放大器、国内首个“AI原生应用商店”上线、OpenAI图像检测工具曝光,准确率高达99%、北大最强代码大模型开源、Azure OpenAI支持数据微调,打造专属ChatGPT。本文是一系列关于AI资讯的摘要总结。