烽火台-国内领先的商业信息社交平台

电子商务 B2B 案例ID：165967

冬日的阳光

5 年经验· 软通动力

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

1、刚开始熟悉公司项目，学习公司使用的c#前端相关的知识；熟悉一段时间之后，开始整理公司的css代码，css是由scss编译而来的。整理css文件，使用的是用bem的命名规则和思想，严格遵守三个原则：
每个bem都要有一个block；每个bem不要交叉使用；同一个元素上只使用同一个bem。
2、公司的项目已经完成了60%左右，我到公司之后，一年多的时间都是在改bug，同时一些新页面的开发；在这过程中，我对jquery的ajax请求全过程有了更透彻的认知，jquery的各个api都比较熟悉；项目里使用了很多插件，其中用到jquery的插件比较多，如：autocomplate、editable、selectmenu、select2等等。在一些请求耗时的地方，也用了一些常见的加载效果，其中用了很多jquery的动画和自定义动画。
3、我在公司里的主要负责的地方是后台部分的表单，其中比较难得是表单的验证，这个验证用的是jquery.validate.js、jquery.validate.unobtrusive.jse等插件同时进行验证的；还有就是web端的聊天，为了兼容ie低版本，最少ie8，这个聊天使用的是avalon.js来写的，通信部分的服务用的是阿里云的服务器，因为聊天比较复杂，使用的是typescript来用最新的js语法来写的，其中对于异步请求使用的是使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性。
4、最后是比较复杂的模板部分的东西，我们公司目前总共有7套模板，我以前三套的结构上做了三套新的模板。这些模板做的是可配置的模板，配置项使用vue来写，配合在HTML5中新增了postMessage方法，postMessage可以实现跨文档消息传输（Cross Document Messaging），Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4都支持postMessage。