-
Notifications
You must be signed in to change notification settings - Fork 0
/
member.html
256 lines (237 loc) · 14.7 KB
/
member.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>新能源网</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta name="keywords" content="新能源网">
<meta name="description" content="新能源网">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- 自己的样式 -->
<link rel="stylesheet/less" href="static/css/all.less">
<link rel="stylesheet/less" href="static/css/member.less">
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/less.min.js"></script>
</head>
<body>
<!-- 头部内容 -->
<header id="header">
<nav class="header-main navbar navbar-expand-lg navbar-light">
<a class="navbar-brand icon" href="#">
<img src="static/image/en-4.jpg" width="40px">
<span>新能源网</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">能源首页</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="">能源简介</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="entrepren.html">能源创业者</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="supplier.html">能源供应商</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="compdyn.html">公司动态</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- 主要内容 -->
<div class="shell">
<!-- 顶部 -->
<div class="crest">
<h2>太阳能光伏发电和储能系统的创新型企业</h2>
<div class="crest-main">
<div class="crest-left">
<div class="left-t">
<p>极快的效率</p>
<span>我们在了解您的需求之后将会以最快的速度安排技术人员开始进行制作与设计，在最短的时间给您呈现出最好的效果</span>
</div>
<div class="left-b">
<p>优质的服务</p>
<span>当您在我们这里制作网页之后，往后该网页的一切售后我们都会一直为您服务，如果您有什么需求要更改，我们也会免费为您更改</span>
</div>
</div>
<img src="static/image/en-4.jpg">
<div class="crest-right">
<div class="right-t">
<p>诚信的企业</p>
<span>我们店铺交过2000R的保证金，在制作完成之后我们会先录视频给您过目一次先，等您那没有问题后我们才会发货</span>
</div>
<div class="right-b">
<p>绝对的好评</p>
<span>在我们这边下过单的客户都纷纷秒不绝口，我们制作出的网页都会超乎您的预期，在不收取额外费用的同时制作出比其他店更好更强的效果</span>
</div>
</div>
</div>
</div>
<!-- 简介 -->
<div class="section">
<div class="content">
<div class="left">
<div class="item">
<h2>简介：</h2>
<span><br /> 一个专注于网页设计与建设的技术团队！<br />
一个高素质的技术团队，凝聚了一批行业类年轻、有活力的成员。他们在各自的阵地上有着出色的表现以及丰富的实战经验，更具魅力的是他们的创造力和奉献精神。<br />
我们团队的成员都是设计界的精英，受过高等的艺术深造，经过多重工作实战磨练，并拥有与各国内外各大企业的成功合作经验。我们的实力和配合绝对可以胜任任何有具有挑战性的设计工作！</span>
</div>
<div class="item">
<h2>经历：</h2>
<br><span>2020年，大一加入工作室</span><br>
<br><span>2021年，参加工作室的各类比赛，承接各种项目并开启了自己的店铺</span><br>
<br><span>2022年，工作室纳新，召集了各类精英</span>
</div>
<div class="item">
<h2>人员能力分层：</h2>
<span>
<br>
首先不可避免的前端技术人员会出现能力的差别，从入门级别的p3,到总监级别的阿里p7-8,很多公司或者领导会讲，我们是扁平式的管理，但是这不等于所有人的能力是扁平的，更不意味着所有人最终是扁平的，责任和权限也是和能力挂钩的。
<br>
<br> 那么首先需要对人员进行分层，我们将人员按照阿里技术水平首先分层，按照简单的评级标准： <br>
<br> 初中级：对应技术等级4-5 ，初级专员、高级工程师，可以完成简单的业务需求，，在有较好较完整的项目基础上可以复制粘贴代码；
<br> 技术专家：对应等级6-7，资深工程师、技术专家，可以完成项目的完整开发，独立的完成技术攻关，项目的整体把控，和其他职能共同推进项目；
<br> 高级专家&&资深专家：对应等级8-9 ，可以组织团队或者搭建平台，完成团队目标，进行项目立项等。
<br> 研究员：对应阿里10，对应的为公司技术总监。
<br>
那么进行分层之后，对应能力的人就应该做对应的事情，而不是全部按部就班的做常规业务，在其他方向毫无建树。同样，在职能方向上，每个人也应该有其可以管辖和请教的上下级。在每个员工的技术等级晋升通道上，为其准备较为详细的技术栈的补充以及提升的机会。
</span>
</div>
<div class="item">
<h2>参与项目：</h2>
<p>项目</p>
<table>
<tr>
<th>项目</th>
<th>时间</th>
<th>完成日期</th>
<th>收入</th>
</tr>
<tr>
<td>律师网站后台管理网站</td>
<td>2021年6月1日</td>
<td>2021年6月16日</td>
<td>2W</td>
</tr>
<tr>
<td>教室资格网</td>
<td>2021年11月15日</td>
<td>2021年12月5日</td>
<td>5W</td>
</tr>
<tr>
<td>考试考生后台管理系统</td>
<td>2022年2月18日</td>
<td>2022年4月1日</td>
<td>1W</td>
</tr>
</table>
</div>
<div class="item">
<h2>研发分层：</h2>
<span>
<br>
<p> 其中业务层：</p>
<br> 主要负责依赖于基础建设的部分，完成业务开发，要求对业务逻辑更加清楚。
<br>
<br>
<p> 基础建设层：</p>
<br> 主要是根据业务提炼技术方向的基础平台和组件部分，前端服务部分，也可以做一些对开发流程有帮助、优化的工具。
<br>
<br>
<p> 架构层：</p>
<br> 主要是进行技术的预研究，大型技术架构的整理与搭建，时兴技术的学习与成品演示。
<br>
<br>
然而就算这样分层，其实其具体的工作还是分不开的，不太可能有些人只做业务或者架构，也和大家的职业诉求有关。比较好的融合是每个人的各个层次的工作都有涉及，只是比重不同。就结果论导向而言，是需要各个层次有其对应的负责人，首先保证技术成果，业务成果，然后是尽可能的满足大家每个阶段对技术的成长、使用的需求。
</span>
</div>
<div class="item">
<h2>与其他职能耦合：</h2>
<br>
<p>与后端</p>
<br> 主要体现在后端提供业务需要的数据接口或者业务逻辑接口。所以开发开始之前会有详细的接口评审，接口文档约定，数据的mock部分。
<br>
<br> 而后端除了这部分工作，还有的工作是提供微服务，以及支撑业务的底层服务。
<br>
<br>
<p>与产品</p>
<br> 恐怕与产品沟通最多的是前端了，这里沟通的部分主要工作会分为以下几种：
<br> 1 ui验收，符合设计稿，ui验收有时候也会与设计师沟通。
<br> 2 交互验收，保证用户体验，也可能是与交互设计师、测试沟通。
<br> 3 性能，尤其用户高频页面，保证用户在各种条件下的性能包括显示速度、动画、延迟等。
<br> 4 兼容问题，需要知道产品对兼容性的要求
<br> 5 功能开发以及验收，主要是与需求对应，主要是产品验收
<br>
<br>
<p>与测试</p>
<br> 1 确认测试用例范围以及细节
<br> 2 测试用例的自我测试以及与测试的对照，写对应的自测报告
<br> 3 测试阶段的测试以及验收，可以抽样检测
<br> 4 不同测试环境以及不同功能的回归测试
<br> 5 测试的常识：测试问题分类，以及对应不同问题的处理方案，责任问题鉴定以及分工
<br>
<br>
<p>与设计</p>
<br> 1 确认ui效果，包括基本效果以及交互效果
<br> 2 确认需要从设计中获取的素材
<br> 3 确认需要从设计中年获取的样式代码
<br> 4 与设计统一ui标准，减少重复工作量，约定组件标准以及可复用组件
</span>
</div>
</div>
<div class="right">
<div class="bottom">
<h2>百度新闻热榜</h2>
<ul>
<li><a href=""><span class="col1">1</span>全国人代会第二次全体会议热?</a></li>
<li><a href=""><span class="col2">2</span>美官员承认美国在乌生物实验室有料</a></li>
<li><a href=""><span class="col3">3</span>组关键词读懂“两高”报告热</a></li>
<li><a href=""><span class="col4">4</span>建议独生子女父母退休金上调10-20%新</a></li>
<li><a href=""><span class="col5">5</span>昨日新增本土确诊233例无症状322例热</a></li>
<li><a href=""><span class="col6">6</span>陕西新增10例本土确诊病例新</a></li>
<li><a href=""><span class="col7">7</span>新冠或致大脑萎缩使人提前老10岁</a></li>
<li><a href=""><span class="col8">8</span>代表: 45岁退休利于减少晚婚晚育</a></li>
</ul>
<img src="static/image/bg.png">
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<footer class="footer">
<div class="container footer-main">
<div class="left">
<div class="left-main">
<a href="#" target="_back">公司网站</a>
<a href="#" target="_blank">加入能源</a>
<a href="#">服务协议</a>
<a href="#">隐私协议</a>
</div>
<p class="address">公司名称：新能源科技有限公司</p>
<p class="address">公司电话：000-000-0000</p>
<p class="address">公司地址：中国广州市新能源科技有限公司</p>
<p class="address">新能源科技经营许可证：粤B2-20221319 <a href="#" class="ban" target="_blank">粤ICP备20221020-5号</a>
</p>
<p><span class="beiantu">更多模板：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a></span></p>
</div>
<div class="right">
<p class="wx">官方微信</p>
<img src="static/image/en-4.jpg" alt="微信二维码">
</div>
</div>
</footer>
</body>
</html>