r55/job.html · 约 2719 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>职位详情</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">求职者 · 林浩</div>
13 <div class="top-r">职位详情</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="row"><div><div class="nm" style="font-size:17px;font-weight:800">高级前端工程师</div>
18 <div class="salary" style="margin-top:4px">30-50K·16薪</div></div></div>
19 <div class="row" style="margin-top:10px"><div class="avatar">字</div>
20 <div class="info" style="flex:1"><div class="nm" style="font-size:13px">字节跳动 · 研发部</div>
21 <div class="muted">北京·朝阳区 · 3-5年 · 本科</div></div>
22 <button class="btn sm">＋收藏</button></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">📝</span> 职位描述（JD）</div>
26 <div class="muted" style="line-height:1.7">1. 负责抖音 Web 端核心业务的架构设计与开发；<br>2. 主导 React / TypeScript 技术栈的工程化建设；<br>3. 与产品、设计协作优化用户体验与性能；<br>4. 指导初级工程师，推动代码评审与技术分享。</div>
27</div>
28<div class="card">
29 <div class="sec-title"><span class="em">✅</span> 任职要求</div>
30 <div class="muted" style="line-height:1.7">· 本科及以上学历，计算机相关专业；<br>· 5 年以上前端经验，精通 React / Vue；<br>· 熟悉 Webpack / Vite 构建与性能优化；<br>· 有大型高并发项目经验者优先。</div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">🏢</span> 公司介绍</div>
34 <div class="row"><div class="thumb" style="width:44px;height:44px;font-size:20px">📱</div>
35 <div class="info" style="flex:1"><div class="nm" style="font-size:13px">字节跳动</div>
36 <div class="muted">短视频/内容 · 20000人 · B轮</div></div></div>
37</div>
38<div class="row" style="gap:8px;margin:4px 2px 12px">
39 <button class="btn line flex" style="flex:1">💬 咨询</button>
40 <button class="btn flex" style="flex:1">📨 立即投递</button>
41</div>
42</main>
43 <nav class="nav"><a class=" on" href="jobs.html"><span class="ic">💼</span>职位</a><a class="" href="search.html"><span class="ic">🔍</span>搜索</a><a class="" href="resume.html"><span class="ic">📄</span>简历</a><a class="" href="apply.html"><span class="ic">📨</span>投递</a><a class="" href="msg.html"><span class="ic">🔔</span>消息</a></nav>
44</div>
45<script></script>
46</body>
47</html>