公司:58同城
58同城(NYSE:WUBA),简称58,是一家位于中国北京市的生活服务及分类信息网站,以在地服务为主,举凡租房、招聘、交友、水电、二手交易等等,由北京五八信息技术有限公司拥有,创始人是姚劲波,成立于2005年12月12日。该网站是中文最大的生活信息网站,该网站的口号是“一个神奇的网站”。
转转商品到手价设计
本文介绍了商品到手价模块在促销架构中的位置和设计目标,以及v1.0版本存在的问题。为解决这些问题,v2.0版本新增了推送商品到手价的消息体格式,并通过商品上架/改价、加入/踢出活动/会馆等操作实时计算商品到手价并更新。同时,通过Redis维护全量商品,并将全量商品保存在多个队列中,以提高效率。多线程并发计算,每个线程只计算自己队列的商品到手价即可。此外,还需要注意避免无意义的计算和并发问题。版本演进中,不断引入新的功能模块或优化现有模块,提供良好的购物体验。
Web3D 引擎 Oasis Engine 入门指南
本文介绍了如何使用oasis引擎进行web3D开发,包括资源加载、模型操控、交互需求、模型材质、光照设置、物体碰撞监控等复杂内容。同时,本文还提供了解决一些开发中遇到的问题的方法,如模型过大、模型加载慢以及获取鼠标当前坐标等。通过本文,读者可以快速上手操作并深入研究web3D开发。
支付中心收银台介绍
收银台的名字起的很好,见文知意,且现实生活有对应的实物映射,很好理解。我们在超市购物的最后一步就是用购物车推着选中的物品,去收银台结账。收银员逐个商品扫码,系统根据会员身份、会员等级、活动促销情况计算出用户需要付款的价格,用户选择电子支付或者现金支付最终完成整个购物过程。
在线支付已经像是空气和水一样,融入了我们的生活。但是在这个过程的背后有哪些流程和逻辑,怎么保证用户和公司的资金安全?怎么高效稳定的支持运营策略?钱是怎么收过来的,以及怎么收到哪里?我们希望通过解决这些疑问来和大家一起了解一下收银台的逻辑。
Android渠道包自动更新
转转集团旗下有多款APP产品,随着业务发展,各APP发版频率变高。在持续交付的背景下,渠道包更新存在以下几个效率问题:
(1)Android渠道包提交应用市场审核,工作重复&人工成本高
(2)公司目前存在多个APP、需更多人支持,有培训成本
(3)每次发版需要人工通知项目成员渠道包审核进度
针对以上问题,我们设计开发了渠道包自动更新后台,用来解决渠道更新的效率问题。
初识Monorepo
在如今快节奏的前端开发中,管理多个项目和组件的复杂性成为了开发团队的挑战,Monorepo作为一种新兴的解决方案,正在成为开发团队的新宠。
All in ECP,转转一站式ES数据清洗解决方案
ECP(Elasticsearch Chain Planning)系统,即一个基于Elasticsearch的数据传输链路计划管理平台。在转转技术体系内,致力于协助研发运营人员高效管理ES任务计划,并提供可靠的一站式任务流解决方案。
赶集直招AI设计实战案例全解析
随着AI技术不断发展, 赶集直招设计团队启动AI设计专项,主动探索,目前已将AIGC引入多个设计领域,包括设计资产搭建、品牌语言表达、设计生产流程等,显著提升设计效率与质量。 本文将详细介绍AIGC在赶集直招视觉设计中的应用与探索。
一篇文章告诉你如何用 GPT-4 搞定调研报告
插件商店已上线!实时联网分析数据,功能强大恐怖如斯,真后悔没早点用上它!
HTTP缓存之强缓存和协商缓存
Web 缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时, 如果本地有“已缓存的”副本,就可以从本地存储设备而不是原始服务器中提取这个文档。
Charles 功能介绍和使用教程
Charles 是一个 HTTP 和 SOCKS 代理服务器。代理请求和响应使 Charles 能够在请求从客户端传递到服务器时检查和更改请求,以及从服务器传递到客户端时的响应。
从一次iphone 14Pro“灵动岛” 动画实践出发,梳理web动画实用知识
首先,苹果的“灵动岛”设计确实巧妙。作为曾经的一位数码爱好者,最近几年确实很少在UI交互上看到这样令人眼前一亮的创新。那一块挤满元器件的“感叹号”区域,虽然无法正常显示内容,但它完全能够做到可触控(屏幕的触控层与显示层是分离的),影响显示并不等于影响交互。这也体现了苹果设计师一贯的独立思考能力。这让笔者回忆起大学时期酷爱的那部魅族mx2,当年的“小圆圈”设计也很精巧。只不过,苹果这次的设计更加大胆,动画也更加夸张,也更会包装起名字... 毕业之后,从事了前端工作,恰逢中秋佳节,北漂在外,闲来无事,尝试运用CSS3-animation + JS实现一个简易版本的“灵动岛”连播动画。
商品SKU功能设计与优化(前端)
商品 SKU 的创建与查询,是「电商业务」最经典的开发场景之一,也是整个电商系统「最基础」的功能。因为假如缺少了它,那么也许连准确描述定位一件商品,这样最基本的需求,都将变得困难重重,商品的「库存管理」也就无处谈起。
Qian-Kun 微前端入门
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。
FE主导打造一个运营活动平台
当今互联网公司,一般都会有一些运营类活动,如公司活动宣传、节假日优惠促销等,在电商类公司更是需要频繁的上(下)线运营活动。
前端换肤方案介绍和使用
在项目开发过程中,前端开发人员经常会遇到切换不同主题风格的需求,接下来我们一起来讨论什么是换肤,以及常用的几种换肤方案。
说说IntersectionObserver交叉观察器
过去,要检测一个元素是否可见或者两个元素是否相交并不容易,很多解决办法不可靠或性能很差。然而,随着互联网的发展,这种需求却与日俱增,比如,下面这些情况都需要用到相交检测:
- 图片懒加载——当图片滚动到可见时才进行加载
- 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多,而无需用户操作翻页,给用户一种网页可以无限滚动的错觉
- 检测广告的曝光情况——为了计算广告收益,需要知道广告元素的曝光情况
- 在用户看见某个区域时执行任务或播放动画
过去,相交检测通常要用到事件监听,并且需要频繁调用 Element.getBoundingClientRect()
方法以获取相关元素的边界信息。事件监听和调用 Element.getBoundingClientRect()
都是在主线程上运行,因此频繁触发、调用可能会造成性能问题。这种检测方法极其怪异且不优雅。
Intersection Observer API 会注册一个回调函数,每当被监视的元素进入或者退出另外一个元素时 (或者 viewport),或者两个元素的相交部分大小发生变化时,该回调方法会被触发执行。这样,我们网站的主线程不需要再为了监听元素相交而辛苦劳作,浏览器会自行优化元素相交管理。