回答项目的技术技巧

回答项目的技术技巧

个人博客（node.js）

      个人博客是我们做的一个pc端的项目，项目主要有首页，登录、注册页，留言板以及日志和博客的发布等等；然后整个项目的架构是用express框架，利用他提供的核心路由和中间件实现一些功能和效果，用ejs模板来渲染实现视图的构建，然后数据库使用的是mongodb，mongodb提供的一些基础的指令来实现数据的增删改查，比如insert,remove,updata,find等；还有就是服务器的搭建用node提供的http模块，对一些路径的处理使用url模块，查询一些字符串可以用querystring模块，事件的处理用events模块，操作一些文件用fs模块；页面中一些视图的切换是由路由来实现的，留言板以及日志和博客的发布是在用户登录的的前提下进行数据的加载，然后就是数据的存储是安装express-session依赖，在app.js中引入express-session模块挂载在他的上方，数据的销毁依赖于destroy等等，最后说一下项目中遇到了哪些问题，是怎么解决的。

 

 

比如回答一个电子商务网站（使用bootstrap框架）

我们这个项目是一个电子商务网站，里面有首页，列表页，详情页，以及购物车页一些功能，还有一些功能登录、注册；整个项目页面的架构用的是bootstrap ui框架来实现的，利用bootstrap提供的一些css组件和js来实现功能以及视图的构建，数据的交互采用的是zepto,移动端一个比较轻量级的框架，jquery的一个类库来实现我的一个业务逻辑，然后前后交互的所有数据是通过ajax来进行实现的，视图的切换是用css的组件来实现的，然后就是购物车和登录注册，加入购物车需要在用户已登录的情况下进行数据的获取和加载加入购物车，数据的存储我使用的是h5的一个本地存储暂时存储一下，项目里面的功能有一些轮播插件以及滚动插件都是基于bootstrap提供的，另外就是里面的某一个布局我用到了bootstrap提供的一个栅格系统，做文本布局是比较符合我们这个项目的。等等，最后说一下项目中遇到了哪些问题，是怎么解决的。

 

Mui

Mui是dcloud公司出品的，他们公司还有一筐强大的编辑器是Hbuilder，使mui这个框架可以很好的去构建我们的项目，其中一些代码的提示只需要在界面上简单的操作不需要把整个dom操作写出来，并且自带一些样式，我觉得这对编程人员的开发速度是高效的，是比较重要的；另外，mui提供了一些组件，像移动端的上拉下拉，状态栏的一些修改等这些功能在mui里面都已经提供了，比较接近我们实际的项目开发的一些功能的实现；还有就是一些js事件，mui里面统一使用了一个tap事件，来操作我们的一些单击事件，禁止了一个click事件，可以有效的避免移动端300ms的延迟，在性能上有了一定的提升，对用户也是比较有好处的；dcloud还有一个产品是h5+,所以我们使用h5+对我们移动设备上的一些硬件以及与原生人员的交互都是非常方便的，还有，它提供了一个云端打包可以把我们写过的项目通过图标，以及产品的sdk的一个配置生成一个安装包，这是比较好的。

 

模块化构建工具

Webpack最主要作用整合模块和接析es6语法，用webpck管理我们的模块依赖，通过他的配置来进行我们相关模块的一些依赖引入，解析，可以管理一些我们的静态资源文件，使得开发更加的高效，不同的资源通过webpack独有的加载器loader来解决，webpack可以分析模块间的依赖关系，并且对我们的模块进行一个优化合并，还有他的两大特色，自动完成，模块更新替换，loader处理各种的静态文件。

Gulp主要强调的是前段开发的工作流程，我们可以通过配置一系列的task,定义task处理的事务（例如文件的压缩合并，启动server,版本控制等等），然后定义执行顺序，来让gulp执行这些task,从而构建整个前端的开发流程。 说的形象点，“Gulp就像是一个产品的流水线，整个产品从无到有，都要受流水线的控制，在流水线上我们可以对产品进行管理。”

区别：虽然他们都是自动化构建工具，看他们的定位就知道是不对等的，gulp严格上讲，模块化不是他强调的东西，只在规范前端开发的流程；而webpack更是明显强调模块化开发，文件的压缩合并、预处理等功能不过是他附带的功能。

例：花店的app（用react做的项目）

每一个模块都是用组件来划分的，组件里面的数据ajax,数据的传递，数据的流向，组件的管理，生命周期、钩子函数，视图的切换，路由，react本身有一些ui框架，用已有的antd和antd-mobile框架.

暂时到这里