STACK & PERFORMANCE · 手写代码，不套框架
一个网站的底子好不好，
打开速度和代码说了算
我们手写 HTML5 / CSS3 / 原生 JavaScript，不用臃肿的模板框架。图压小、代码精简、响应式自适应，电脑手机都跑得快。技术问题不懂没关系，打电话 18236992212，我们用人话给你讲明白。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport">
</head>
<body>
<!-- 语义化标签 · 图片压缩 · 响应式 -->
<main>你的网站</main>
</body>
</html>TECH STACK
我们用什么写你的网站
三样最基础的技术，换来最干净的代码。
HTML5 语义化
header / nav / main / section / footer 按语义写，搜索引擎读得懂，后期维护也清楚。
CSS3 布局
Flex / Grid 排版，柔和圆角和黏土阴影纯 CSS 实现，加载不拖累。
原生 JavaScript
导航开合、回到顶部、滚动渐入都是手写轻量脚本，不用重型框架。
不写花里胡哨的技术名词。一句话：页面轻、代码干净，百度喜欢，访客也等得起。以后你想加在线预约、会员这类功能，现有代码往上接就行，不用推倒重来。
PERFORMANCE
打开快不快，看这几个数
普通企业站的自检标准，上线前我们自己先测一遍。访客多是手机流量，慢一秒，人就走了。
上面四个数不是嘴上说说：上线前我们在手机 4G 网络下真机打开测过，截图留给客户。哪个数不达标，回去改到达标为止。
服务器与运维环境实拍 —— 上线之后，这些事我们替你盯着。
COMPATIBILITY
常见设备浏览器兼容情况
上线前我们在主流手机和电脑上各打开一遍，版式错乱当场修。下表是常规兼容范围，特殊需求提前说。
| 环境 | 版本范围 | 显示效果 |
|---|---|---|
| Chrome / Edge | 近两年新版本 | 完整体验，动画与阴影全部生效 |
| 手机浏览器（微信内置/QQ/ Safari） | 近三年版本 | 响应式自适应，版式自动重排 |
| Firefox | 近三年版本 | 完整体验 |
| 老式 IE 浏览器 | IE11 及以下 | 基础文字内容可读，动画降级 |
现在用 IE 的访客已经很少，我们保证基础内容可读就行。如果你家客户里还有人在用老系统，提前说，我们做兼容时会多测一轮。
SAFETY & BACKUP
网站交给我们，丢不了
- 整站数据定期备份，本地和服务器各存一份，备份记录可查。
- 后台密码复杂度要求，权限分级，客户自己掌握管理员账号。
- 网站被挂马、打不开这类故障，48 小时内响应处理。
- 域名、服务器到期提前 15 天提醒，不让网站悄悄停摆。
安全这事没有一劳永逸：我们做的是把例行动作做在前面，出事了有人接。见增值服务页可看托管档位。
CODING RULES
我们自己定的几条规矩
所有上线图片压缩到合理体积，肉眼不损失，加载快一截。
class 写中文含义对应的英文，三个月后回来改代码不抓瞎。
复杂逻辑留中文注释，你或后来的维护者都看得懂。
手机、平板、电脑各过一遍再交付，不等你发现问题。
客户常问的三个技术问题
网站打开慢，是服务器不行吗？
多半不是。我们先查图片是不是太大、代码是不是堆多了。大部分老网站压一遍图、清几行代码，速度能快一截。
以后想加在线预约功能，要重做吗？
不用。我们写代码时按可扩展结构做，新功能往上接就行。具体多少钱，看功能复杂度。
百度搜不到我的网站怎么办？
上线后我们会做基础 SEO（标题、描述、提交收录）。要不要持续推广，是另一档服务，见 SEO 优化页。
还有别的技术疑问？电话 18236992212，我们不端术语架子，能用人话说清楚就用人话。听不明白我们就再举个例子，直到你心里有数。技术不是用来吓人的，是用来把网站做稳的。你懂不懂技术没关系，网站跑在那里、客户能找到你，就行。
技术这页你看完可能记不住几个名词，没关系。你只要记住一点：网站打开快、手机电脑都好看、出问题找得到人——这三条我们都写进交付标准里。不懂的地方打电话问，我们用大白话讲。