公司:58同城
58同城(NYSE:WUBA),简称58,是一家位于中国北京市的生活服务及分类信息网站,以在地服务为主,举凡租房、招聘、交友、水电、二手交易等等,由北京五八信息技术有限公司拥有,创始人是姚劲波,成立于2005年12月12日。该网站是中文最大的生活信息网站,该网站的口号是“一个神奇的网站”。
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),或者两个元素的相交部分大小发生变化时,该回调方法会被触发执行。这样,我们网站的主线程不需要再为了监听元素相交而辛苦劳作,浏览器会自行优化元素相交管理。
由工作端反作弊而引发的对应用安全的思考
目前我所维护的项目是 58 到家工作端,定位是一款 ToB 的工具型应用,目的是帮助家政从业人员更方便的进行上户工作,随着业务的逐渐迭代,发现部分用户在日常的使用中存在作弊的现象,此现象的存在会导致未作弊阿姨可能接到的订单量减少,甚至在活动期间薅羊毛,影响派单的公平性以及增大公司的活动资金投入,因此需要我们对应用的安全性进行一定的提升以保证整体系统的安全性以及公平性。
现阶段接入了梆梆加固,在接入过程中需要确定相关加固策略,因此需要对应用加固有系统的了解,本文主要是对此次安全升级的总结及以及在 58 到家工作端中的落地实践。
Web服务器Nginx知多少
Nginx这个词在一段时间里,对于一名前端开发工程师来说可能是比较陌生和遥远,但随着互联网的发展,前端技术也在日新月异的发生变化,对于前端技术人才的要求和门槛都在不断的提高,不仅仅希望你在自己的专业领域是一个有技术深度并且还需要有技术广度,那么服务器运维这块肯定是绕不过去的一个点,今天我们就一起来聊聊Web服务器Nginx。
微信小程序登录、获取用户信息的流程及实现
本篇文章将通过以下三步,让你了解到小程序登录、和用户信息获取的微信生态变迁,和流程上前后端技术实现。
前端引导的实现
在产品经理这个行当里面,一直有一句老话“要把用户当成傻子”。这句话并没有任何敌视用户的意思,其理论无非是“让用户减少学习成本,让用户容易上手,是产品设计里面的核心追求”。
移动端 H5 页面唤起 APP 方案
移动端 H5 页面通常承担的主要责任就是引流,利用 Web 页面轻量便于传播的特性通过搜索引擎或者社交软件进行传播,然后在页面内引导用户打开 APP 进行消费,引流主要有两种形式:
- 拉活:引导已安装 APP 用户打开 APP 进行消费,提升用户粘性和 APP 日活数据。
- 拉新:引导未安装 APP 用户安装 APP,增加 APP 的用户量。
H5 页面唤起 APP 的主要技术方案有以下三种:
- 方案一:URL Scheme(通用)
- 方案二:Universal Link(IOS)
- 方案三:wx-open-launch-app(微信)
方案一和方案二属于系统级别解决方案,方案三是在微信内的解决方案,虽然不是一个级别但是重要性却一点都不低。