推荐目录
-
双十一互动图片和文字的处理方案
-
Ant Design Mini 支持微信小程序啦！
-
哥伦布即时设计平台ChatGPT落地实践
-
建行新专利：低代码+大模型，降低软件开发门槛
国内
京东零售 - AI&搭建平台
本文介绍了哥伦布即时设计平台中ChatGPT的应用和实现原理，以及一个基于GPT模型的智能对话系统的实现方法。文中还提到了未来规划中存在的问题和目标，开发环境效果演示，任务拆分执行架构以及连续对话tokens计算与GPT prompt。
京东凹凸 - Taro&鸿蒙
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
本文介绍了使用Taro开发鸿蒙原生应用的工作原理，重点探讨了Taro适配鸿蒙ArkTS框架的整体思路和偏运行时的适配方案。文章还介绍了Taro框架如何适配华为鸿蒙操作系统下的新一代语言框架ArkTS，并突出了运行时的适配策略，以减少编译时的转换错误和遗漏，优化开发者体验。
蚂蚁 - Ant Design Mini
Ant Design Mini 组件库已经适配了微信小程序，目前有16个核心组件可以在微信小程序中使用。适配的组件包括Button、Slider、Container、Icon、Loading、Switch、Tag、Input、Calendar、List、Result、Popover、Mask、Stepper、Popup和Checkbox。Antd Mini团队基于babel开发了一个简单的编译器，将React的语法转换为小程序视图语法。Ant Design Mini是一个跨平台的UI组件库，可以同时在小程序和React Native中使用。
网易云音乐 - RN 升级
本文主要介绍网易云音乐升级 RN 新架构遇到的一些问题和解决方案。
网易云音乐 - AI Agent
本文介绍了大语言模型时代下的AI Agent概念，并以LangChain为例详细介绍了AI Agent的实现原理。
建行 - 低代码+大模型
建设银行和建信金科联合申请了一项名为“一种组件组装和大语言模型结合的应用开发方法及装置”的专利，该方法结合了低代码的组件组装思想和大语言模型的自然语言处理逻辑，形成了大语言模型应用的低门槛研发工具，解决了软件开发门槛高且无法输出多种形式结果的问题。
网易七鱼 - 微前端管理平台
本文从满足网易七鱼需求的单点出发，介绍了从0到1构建微前端管理平台的过程。
淘宝 - 图片和文字处理
本文介绍了双十一互动图片和文字的处理方案，包括优化图片、选择适合不同机型的图像格式、图片处理逻辑等。还介绍了处理字体的方法和前端团队的工作内容。
腾讯文档 - 架构切换
腾讯文档在业务挑战下，实现了一种灵活切换单体、微服务的架构设计方案。本文详细介绍了腾讯文档在实现单体服务和微服务切换过程中所采用的具体方法和技术，以及所取得的收益。腾讯文档面临在单体服务和微服务架构之间做出权衡的挑战，为了充分利用两者优势，腾讯文档采用了一种灵活的架构策略，在不同场景下实现切换。在开发过程中，也遇到了一些挑战，如各种框架的选择和服务的标准化等。本文主要讨论了在实现单体服务与微服务之间的灵活切换时可能遇到的挑战，并提供了解决这些挑战的方法和经验。
得物 - Flutter 全埋点
本文介绍得物 Flutter 通过Dart AOP的方式，在端上自动采集并上报数据，并通过一定规则筛选出所需数据，用于分析和模拟用户行为，帮助排查线上疑难问题。这种方法提高了效率，加快了问题排查速度，从而提高了App的稳定性。
Flutter iOS 隐私
Flutter 上了 Apple 第三方重大列表，2024 春季 iOS 的隐私清单究竟是什么
本文讨论了苹果发布的「App Store 提交隐私更新」政策以及2024年春季iOS的隐私清单，主要提出了第三方SDK隐私清单和签名以及需要提供必要理由的API流程。苹果希望通过隐私清单提升用户数据收集和使用的透明度。文章还提到了隐私清单的作用，即帮助开发者了解第三方SDK如何使用数据，并在App Store审核时提供隐私标签。那这个和标题里的 Flutter 有什么关系？因为跟随此次隐私清单升级， Apple 上线了一个对用户隐私产生重大影响的第三方 SDK 列表 ，「而在这列表恰好就有 Flutter 的存在，并且里面接近 1/3 是和 Flutter 相关的 Plugin」 ，例如 connectivity_pulus 、device_info_plus 、fluttertoast 、shared_preferences_ios 、sqflite 、webview_flutter_wkwebview 、url_launcher 等等。
政采云 - Taro 原理分析
本文介绍了Taro跨平台开发框架的实践和原理。Taro提供了一套统一的开发框架和组件，使开发者能够编写一套代码，在多个小程序平台上运行。Taro的编译工具能够将开发者的代码转换为不同平台所需的代码，实现跨平台的开发和适配，提高了开发效率。
转转 - React Hooks
本文整理 React Hooks 历史、优劣及 API
CSS in JS - StyleX
StyleX：Meta 新出的原子化 CSS in JS 方案
StyleX是一种用于Web应用程序的样式编写和管理工具，它结合了内联样式和静态CSS的优点，旨在解决样式重复和冲突问题。通过原子CSS的方式最小化CSS输出，保持CSS体积稳定。通过生成唯一的类名，减少了样式间的重复和冲突，提高了样式的可预测性。安装StyleX非常简单，只需通过npm安装运行时包即可。StyleX允许定义和使用变量，可以创建CSS自定义属性（变量）。使用StyleX创建样式时，可以通过函数和JavaScript对象语法来定义。StyleX支持动态样式，可以根据组件的状态或属性动态地应用不同的样式。StyleX可以与现有的CSS框架集成，如Bootstrap或Tailwind CSS。在大型应用中，StyleX通过原子CSS减少了冗余，使得最终的CSS文件大小不随组件数量的增加而线性增长。开发者可以通过安装ESLint插件来优化StyleX的使用，该插件帮助检测和避免常见的样式编写错误。作为一个活跃发展的项目，StyleX将继续优化其性能和功能，提供更强大的工具和改进的API，以更好地适应现代Web开发的需求。
阿里设计 - 物流网云组态标准
物联网云组态是一种用于数据采集和过程控制的应用，常用于工业场景中。阿里云从2018年开始发展云组态搭建工具，并以用户中心为核心，沉淀了云组态设计规范。根据不同用户的需求，提出了基于模块化的云组态设计模式。阿里云还与中国工业设计协会等单位合作，将设计规范标准化，并成功发布了《物联网云组态应用界面设计指南》。阿里云团队还探索了云组态中结合生成式人工智能的可能性，并取得了一项研究成果，该成果被IEEE VIS 2023收录。
腾讯设计 - 八角行为分析
八角行为分析（Octalysis）是Yu-Kai Chou在《游戏化实战：人类行为学×游戏机制，打造产品吸引力》中提供的一个动机分析模型，该模型从八个角度分析了用户的行为动机，告诉我们出于什么样的原因用户会去做这件事。八角行为分析法可以帮助产品设计者更好地理解用户的需求和动机，从而设计出更加符合用户心理和行为习惯的产品。从用户的核心驱动力出发设计产品体验和制定策略，可以有效吸引用户并建立忠诚度，在破圈路径上就会更有机会脱颖而出。
百度设计 - AIGC&运营
AI生图技术在设计领域的应用越来越广泛，百度APP的运营设计师们通过使用AI技术生成海量的图片物料，提高了创意效率和视觉效果。他们通过从query的分类入手，设计了通用的模板样式，并通过技术手段批量套用到底图上。设计师们还观察和分析图片效果，并进行进一步的调优，以提高广告投放的效果。AI生成的文案在一些方面表现不佳，因此文案也是未来可研究的一个子方向。设计师们通过AB实验持续摸索好物料的特点，并将适合业务场景的经验沉淀到AIGC量产上。
京东设计 - AIGC&运营
本文介绍使用AI助力进行运营设计的四个步骤，包括确定主题、使用AI工具、解决问题和强调设计调整的重要性。作者介绍了在设计过程中的方法和技巧，如将背景与人物、元素等分开生成，保持设计统一性与完整性，并增加小创意。团队合作也被强调，通过团队的协作形成了系列视觉并提升了设计效率。虽然AI提升了工作效率，但设计师仍需保持独立思考和不断求新求进的能力。
设计学习 - 票务卡片
本文介绍了交通票卡片的设计方式，包括字段、布局方法、往返票卡片设计、换乘票卡片设计以及不同的卡片样式。还提到了Flighty这个航班跟踪App的卡片样式，以及其他交通票卡片的线上案例。
国外
The State of Web Development
Netlify’s State of Web Development Report for 2023
这份报告揭示了为什么Next.js在受访者的使用率和整体情绪上都在下滑，以及哪个框架有望成为最受欢迎的框架（剧透警告：这是Astro）。它还包括新兴技术和概念如何推动 Web 开发的未来，这些技术和概念将帮助企业通过今天做出最明智的决策来最好地定位自己在未来取得成功。
Unveiling the state of web development and predictions for 2024 and beyond
根据2023年Web开发状况报告的结果，Astro成为了今年最受开发者欢迎的框架，其增长速度迅猛。Sanity连续两年在使用率和满意度方面都取得了增长。此外，文本还提到了2023年的预测结果，包括工作生活、内容管理系统、组件模型和框架等方面的预测。而2024年的Web开发预测包括可组合架构将持续存在、机器学习人工智能将成为开始数字化转型的最大影响力、Astro将继续快速增长以及Sanity的高满意度将推动其在2024年的增长。
Chrome CSS 2023
2023年对于CSS来说确实是一个非常重要的一年。Chrome团队的这篇详细文章整合了今年在Chrome和网络平台上推出的所有重要功能，包括嵌套、新的颜色函数、:has选择器、linear-easing等等。今年我们的CSS工具箱里添加了很多新功能，这篇回顾可能会很有用，可以提醒我们现在实际上可以做些什么。
Safari
WebKit Features in Safari 17.2
最近两年内，Safari浏览器更新了17次，采用了新的编号方法。这使得新的网络技术可以更广泛地分布在一年内，并且能够更早地让用户使用。今天的Safari 17.2是迄今为止Safari在12月份发布的最重大的网络技术更新，包含了39个新功能和169个修复。让我们来看看其中的内容。
Web Core Vital
Preparing For Interaction To Next Paint, A New Web Core Vital
2024年3月起，Interaction to Next Paint将正式取代First Input Delay作为核心网页重要指标之一。了解这两个指标的区别，为什么我们需要一种新的方法来衡量交互响应性，以及如何开始为您的网站性能进行优化，以顺利过渡到最新的核心网页重要指标。
i18n
Lost in Translation: Tips for Multilingual Web Accessibility
多语言网络无障碍性旨在确保无障碍性工作和国际化/本地化工作都不会忽视我们自己所用语言以外的残障人士。虽然关于多语言网络无障碍性的实用指导相对较少，但作者提供了一些实用的提示，包括保持内容清晰易懂、预测性地本地化界面和支持辅助技术等。作者也鼓励读者在发现遗漏的内容时与他们联系。
Nue
Nuekit是一种全新的静态网站生成器和Web应用程序构建工具，具有极简和简单的特点，构建时间更快，并且更加接近Web标准。Nuekit还提供了内容、布局、样式和响应式模块的通用热重载功能。Nuekit的构建时间比其他类似工具快上一个数量级。Nue是一个旨在构建一个更简单、更强大的替代服务的项目，现在可以使用Nuekit构建真实世界的应用程序，并更清楚地看到未来的发展方向。
Angular
Check out Angular’s support for the View Transitions API
Angular的View Transitions API为路由之间的过渡提供了支持。当用户从一个路由导航到另一个路由时，Angular Router将URL路径映射到相关组件并显示其视图。通过为路由过渡添加动画效果，可以极大地增强用户体验。
Oxlint
oxlint是一个JavaScript linter，旨在捕捉错误或无用代码，而无需任何默认配置。它比ESLint快50-100倍，在实际场景中，Shopify报告称他们之前需要75分钟的ESLint运行现在只需要10秒。oxlint的设计使得它在单个工作器上对相同的代码库进行lint只需要大约10秒，并且输出更容易解释。它甚至在迁移时发现了一些以前被隐藏或跳过的错误。为了使用oxlint，建议在lint-staged或CI设置中在ESLint之前运行它，以获得更快的反馈循环。要在JavaScript/TypeScript代码库中测试oxlint，只需在存储库的根目录执行相应的命令。
Responsive Video
Extending Responsive Video with HTML Web Components
这篇文章主要介绍了响应式视频以及如何使用HTML web组件来扩展原生视频行为。
