叠纸游戏内推

叠纸前端一面面经

  1. 描述一种方法,用以实现一个动态加载内容的无限滚动列表。
  2. 如何使用CSS实现一个动画,当用户鼠标悬停在按钮上时,按钮逐渐变大?
  3. 在React中,如何优化组件以避免不必要的重新渲染?
  4. 如果你有一个含有数百个项目的数组,你将如何有效地搜索特定项目?
  5. 解释一下Web Accessibility(Web无障碍性)并举例说明如何在网页设计中实现它。
  6. 使用JavaScript,如何创建一个倒计时计时器,显示天、小时、分钟和秒?
  7. 我们的游戏界面需要实时更新玩家的得分,你会如何设计前端架构来实现这一功能?
  8. 解释什么是服务工作线程(Service Worker),以及它可以如何帮助提高一个游戏网站的性能?
  9. 请描述一个你如何使用SVG来增强网站视觉体验的情况。
  10. 如何在前端项目中实现国际化和本地化?
  11. 解释CSS中的BEM命名方法,并展示如何使用它来组织你的样式表。
  12. 你将如何处理跨浏览器的兼容性问题,尤其是在不同设备和操作系统上?
  13. 在一个复杂的页面上,用户操作导致多次不必要的DOM操作,你将如何优化它?
  14. 描述一个场景,你使用Flexbox解决了一个布局问题。
  15. 当一个AJAX请求失败时,你通常如何处理错误,并给用户提供反馈?

⌚️上班时间:早10晚8-10,一般情况员工下班都比较晚 🥰女性友好:公司的游戏很多都是养成系女向的,室内装修风格也是非常温柔和亲和~ 💗员工友善:不管是职员还是安保小哥都愿意听我讲话和我聊天帮我拍照,大厂游击保安👮第一次有这种轻松的感觉,一定是公司企业文化也很包容才能招募来这么一批善良的人吧!谢谢善良的大家🙏 男同学🈶️:🙅刻板印象,还是有很多男同学的!并不是只有美女姐姐们hhh

叠纸游戏2025校招春季补录今日正式启动

秋招已投递春招仍可重新投递两个志愿

叠纸游戏成立于2013年8月,是一家专注于内容创作的游戏公司。叠纸当前拥有暖暖系列和恋与系列这两条主要产品线,暖暖系列作品有《暖暖换装物语》《暖暖环游世界》《奇迹暖暖》《闪耀暖暖》和《无限暖暖》,恋与系列作品为《恋与制作人》和《恋与深空》,同时还有《百面千相》《万物契约》两款在研游戏。

面向对象:2025届应届毕业生(毕业时间在2024.09-2025.08)

招聘岗位:产品类(运营PM、本地化PM)、美术类、策划类(开发)、技术研发类、市场运营类(数据运营)(每人可投递两个岗位);其中:UI设计师、平面设计师、引擎开发工程师、游戏测试开发工程师、灯光师这五个岗位报录比较高,上岸概率相对更大

我们提供:有竞争力的薪资和津贴,多重福利保障;开放的创作环境,简单纯粹的创作氛围

内推链接:https://career.papegames.com/s/i5McLtRV

内推码:NWQJDU6(内推简历优先处理,加速流程推进)大家投递完可以在评论区打上姓名缩写+岗位,我来确认有没有内推成功喽

#内推码##春招##校招##内推##叠纸游戏#
全部评论

相关推荐

实习时候的库存了 往牛可也发一遍---一、埋点之痛:前端工程师的「不能承受之重」// 传统埋点开发典型场景function handleButtonClick() {  // 业务逻辑...  logTracker.send({    event: 'share_click',  // 参数名冲突?是否带下划线?    params: {       type: 1,            // 1代表图文?还是2代表图文?      page: 'detail'      // 页面命名和产品文档不一致?    }  });}行业现状:- 沟通黑盒:PRD中"点击分享时上报"的模糊描述,导致5轮需求确认- 代码腐化:不同业务线埋点方法命名冲突、参数结构混乱- 调试地狱:真机抓包验证埋点耗时占开发总时长40%以上---二、破局之道:标准化埋点开发SOP2.1 元数据治理:给埋点办「身份证」(KPN)技术价值:- 数据血缘溯源:通过kpn=com.company.product.module定义埋点归属层级- 版本兼容性:自动关联SDK版本与埋点参数变更记录- 权限隔离:基于KPN粒度控制埋点读写权限2.2 需求结构化:PRD转译机器可读规范标准化模板示例:## 埋点事件: share_button_click- **触发时机**: DOM点击事件冒泡阶段  - **参数清单**:  | 参数名 | 类型   | 枚举值               | 采集策略 |  |--------|--------|----------------------|----------|  | type   | number | 1:图文 2:视频 3:链接 | 必传     |  | source | string | 当前页面路由path     | 自动注入 |2.3 代码生成:从人工到自动化(Team平台实践)技术实现路径:1. DSL解析器:将PRD转换为JSON Schema描述文件2. 脚手架生成:基于模板引擎自动输出带TS类型提示的代码片段// 自动生成的tracker.tstype ShareType = 1 | 2 | 3;interface ShareEventParams {  type: ShareType;  source?: string; // 自动从路由获取}class Tracker {  static trackShareClick(params: ShareEventParams) {    window.__tracker?.send({      event: 'share_click',      params: { ...params, source: params.source || getCurrentRoute() }    });  }}3. IDE插件:在VSCode中通过代码补全提示可用埋点方法---三、核心架构:高可用埋点SDK设计3.1 分层架构设计                          +----------------+                          | 业务调用层      |                          | (trackXxx())   |                          +----------------+                                    ↓                          +----------------+                          | 逻辑聚合层      |                          | (参数校验/过滤)|                          +----------------+                                    ↓                          +----------------+                          | 传输调度层      |                          | (节流/失败重试)|                          +----------------+                                    ↓                          +----------------+                          | 底层适配层      |                          | (Web/小程序/RN)|                          +----------------+3.2 关键技术实现// 核心能力封装示例class TrackerCore {  private queue: Event[] = [];  private readonly MAX_RETRY = 3;  // 防抖+批量上报  send(event: Event) {    this.queue.push(event);    clearTimeout(this.timer);    this.timer = setTimeout(() => this.flush(), 1000);  }  private async flush() {    const events = this.queue.splice(0, 50);    try {      await navigator.sendBeacon('/log', JSON.stringify(events));    } catch (err) {      if (this.retryCount < this.MAX_RETRY) {        setTimeout(() => this.flush(), 2000);      }    }  }}---四、质量保障:埋点验证体系4.1 自动化测试方案// 基于Puppeteer的埋点校验describe('分享埋点测试', () => {  it('点击图文分享按钮应触发埋点', async () => {    await page.click('#share-btn');    const logs = await getMockServerLogs(); // 对接mock服务    expect(logs).toContainEvent({      event: 'share_click',      params: { type: 1 }    });  });});4.2 可视化验证工具- 实时热力图:在Team平台重现用户操作路径,标注埋点触发位置- Diff检测:对比预期埋点列表与实际采集结果的差异- 数据血缘图:可视化展示KPN->PRD->代码->日志的完整链路---五、实战案例:某电商大促活动埋点提效背景:需要3天内上线包含12个新埋点的活动页暂时无法在飞书文档外展示此内容关键动作:1. 使用DSL生成埋点参数校验函数2. 在Storybook中集成埋点触发预览3. 通过流量回放验证历史埋点兼容性---六、未来演进方向1. 智能化监控:基于历史数据自动检测埋点异常波动2. 无痕埋点:结合MutationObserver自动捕获DOM变化3. 全链路追踪:打通前端埋点与服务端日志的TraceID(注:文中所提技术方案已脱敏,可根据实际业务需求二次定制)
点赞 评论 收藏
分享
评论
1
1
分享

创作者周榜

更多
牛客网
牛客企业服务