实际业务使用涉及到的技术（解决方案）

张和杰 2020年07月12日

# 实际业务使用涉及到的技术（解决方案）

## 启动项目项目启动（Linux命令）

1、项目启动在node/node_webs 目录下使用 ./run_serve.sh -d ; tail -f ./home/nodeweb-d.sh;

2、 配置syyn_config.js  和 common_config.js

3、解决转换问题使用LF，使用框架dos2mix model（需要权限，chmod 777 ./路径

4、启动对应数据库，并配置其文档

## 前端

样式使用stylus，

优化：

1、切图，和使用精灵图，看情况使用svg和base64，对切图：根据业务进行切，对需要的功能进行拦截图层效果。第一步详细解析其ps功能，并对其产生交互效果和反馈进行划分，针对小图片进行base64，针对简单线图使用svg，对大的图使用图片，在进行压缩。

2、对编写样式使用jquery，交互使用axiox，使用promise，轮播图使用swiper框架，弹出使用jqeury框架。

3、后续参考使用webpack构建前端项目，flash暂且不使用，使用html5带的video，

4、减少控制基线，对动画的操控优先使用css控制，减少直接操作dom。

5、解耦，功能模块化，对操作进行`责任链模式`等其他设计模式，

6、图片和文字的不对齐，优先把图片脱离文档流，对文本定位。

7、对前端活动进行划分，其手机端和pc端

兼容性，pc端兼容性最好到ie8，css3众多样式无法使用，对js的es6不支持。

h5兼容性，根据基本浏览器，分为uc（问题众多），使用一套固定样式，使用js控制transform:scale(*x*,*y*) 进行二位缩放，

定位性：因为ie是ie盒子，考虑使用ie盒子模型，box-sizing:border-box。

辅助软件使用：参考蓝湖或者别的测距离软件，使用取色器或者使用ps的具体颜色。

### 浏览器版本兼容性

1、ie8  win7的支持base64，xp的不支持    ， jqeury 1.x 版本

2、ie9

3、ie10  swiper和 jqeury2.x 版本 ，svg ，video，等html5标签和css3动画、

4、ie11

## 后端

在使用node.js配套的使用Express配合JADE静态模板框架，后端使用ms封装类

参考使用node.js 4版本，出现兼容一部分es6语法问题，解决方案是降级，对使用的范围和业务进行功能选择，或者使用转换。

优化

1、使用拦截和身份验证等业务功能进行分离，注重其存在的功能问题的解决方案，还要包括其业务存在问题的解决方案，

2、对回调地狱的转换使用async和await。进行解耦。

3、分离sql操作，分离返回数据、分离业务操作。并对redis和sql的操作可进行打包配置。

4、添加提示，和log，时间类型格式化插件，秘钥，md5

5、项目文件结构参考Express官方文档，整个文件结构

## 附加

任务，git的打包完的命令脚本  （不可复用，辅助使用）

网站*

加入讨论吧...