前端网站
WEB网站、管理系统请尽量使用BootStrap思想实现多端自适应适配,减少手机端、PC端的重复开发。
建议熟练运用@media及栅格化思想,用栅格思想将内容分块,以便实现多端布局
利用好CSS3特性,现在绝大部分设备均很好的支持了CSS3,特别是@media @font
如果项目内容交互既不复杂,也不独特,甚至只是展示型网站,按照下面步骤进行更加高效。
1、确定网站架构和大致内容,如果很模糊,直接进入步骤2
2、浏览各种同类网站、同行项目,搜集200个以上网址
3、全部打开,尽量邀请团队全部成员及决策人一同参与,逐步关掉恨不符合的页面
4、保留个位数的页面,借鉴经验,研究可复用的代码,着手开发设计。
后台管理
无论如何,选择一套自己能够驾驭的后端界面框架。自己能驾驭框架源码。
后台系统通常功能快速迭代,应以实用为主。不建议选择不了解且复杂的漂亮界面框架
避免使用过度封装的框架组件而产生依赖,越陷越深,自定义能力很差。
惯性优化
项目初建时:
实现动静分离。只需加一个g.xxx.xxx子域名别名,所有css/js/img资源都访问这个域名
熟练使用CDN,两个域名分别CDN。注意限流,防止CDN过载费钱。
文件上传后,CDN过的子域名访问,或直接使用存储云。
单台服务器压力增大时:
实现WEB和DB分离,DB和WEB同一个内网。
新建一个廉价服务器的WEB2,多WEB集群演进,确保代码健壮。
DB读写分离,DB读服务器也可以与WEB服务器共用。
多服务器优化:
单网域部署DB服务器。
DB服务器分库、分表,水平拆分。
单独拆分高频应用模块到独立服务器。
WEB集群用硬件支撑。
跨网域部署服务器。
投资硬防。
前沿技术
敬请关注HTML5、CSS3、WebSocket、WebRTC、ES6、HTTP2、超宽屏幕等新技术
2020年javascript暂不建议用ES6特性,使用jQuery成熟框架,建议逐渐减少对jQuery依赖,原生开发。
使用大部分HTML5/CSS3新特性,如动画/音视频/RTC/canvas/localstorage/drag/manifest
WebSocket目前已经被主流浏览器支持,我们也提供了一个简单的Websocket的客户端封装,用于自动重连及心跳包维持。
HTTPS/HTTP2逐渐成为主流,单域名证书完全免费。引用资源应下意识的兼容HTTPS,“”
common.js组件
主要封装Cookie读写、NaN变量容错、解析Url参数、ajax通讯封装、其他实用函数
使用函数式编程,功能独立不依赖。
建议前端HTML化,初始化Ajax加载数据,未来将可以使用更多的APP/H5特性,减少对后端的技术依赖
不建议使用jsonp通讯,移动端本地HTML Ajax通讯,请在服务器端配置Access-Control-Allow-Origin
下载ciy.js