一、业务介绍

公司业务比较偏向于电商平台,有以下几个模块:

1. C端用户注册与登录

2. B端用户注册与B功能申请、审核、发布内容、下架内容

3. C购买B端内容,订单流程,交易流程,财务流程,钱包功能

4. 运营内容

等等


二、框架选择

H5三端适配必然要考虑架构选择,从以下几个主要的帖子选择选择Vuejs:

尤神的框架对比:

http://cn.vuejs.org/guide/comparison.html

http://www.wtoutiao.com/p/A58WQt.html

尤神的知乎回复:

http://www.zhihu.com/question/31585377?rf=35892450

三框架对比:

http://www.cnblogs.com/leolovexx/p/5691402.html


三、人员招聘

前端面试了不下于30个人,都不是很合格,具体情况如下:

> 做前端的还是以布局为主,没有MVC,MVVM框架的思想

> JS深度不够,基础不牢靠,很多冒泡排序JS实现都有问题

> 太浮躁,张嘴15K,能力完全是初级水平,英文无法阅读文档,永远Baidu

> 解决问题能力比较差,基本是copy党

> 学习能力较差,新技术嗅觉没有,做了3年前端,还不知道目前流行框架

# 以上可以给新入门的前端工程师一些建议,想拿高薪的,上面的几点是必备。

由于是创业公司,没有办法,自己先搞,然后再找一些学习能力比较强的,只能自己培养了。


四、环境搭建

安装淘宝的cnpm,让你体验下载的极速

如果你真的按照引导来做的话,那你会很惨,虽然可以翻墙,但是速度也是慢的不行。建议使用Taobao的cnpm,速度非常快。

http://npm.taobao.org/


vuejs.org 官介,新手建议先看第一遍了解下,然后开始看它的Demo,遇到问题再看,我的感觉至少看三遍才算入门:

http://cn.vuejs.org/guide/installation.html


如果想快速入手,直接vue-cli,用脚手架直接生成,最快。

https://github.com/vuejs/vue-cli

关于vue-clu的配置,参考官介:

http://vuejs-templates.github.io/webpack/structure.html





Webpack官介

http://webpack.github.io/docs/

webpack入门

http://www.cnblogs.com/Leo_wl/p/5679680.html


browserify入门

http://www.cnblogs.com/Leo_wl/p/5679556.html

五、入门

没有比官方文档更好的了

不错的入门
http://www.imooc.com/article/details/id/6991

可以参考的:
http://www.cnblogs.com/Leo_wl/p/5632703.html

看了一遍后,发现只是一些功能介绍,了解了其基本的使用方式,但是如何搞我说的需求那个复杂的项目,远远不够,于是看下尤神给的一些demo

https://github.com/vuejs/vue-hackernews

看的时候发现路由功能有点意思,于是看下路由的文档

http://router.vuejs.org/zh-cn/index.html

vue-resource详解

http://www.it165.net/pro/html/201607/72598.html

Vuex官方文档

http://vuex.vuejs.org/zh-cn/index.html


看完之后,基本上可以入门了,但是还是没有很清晰的设计思路,于是又找了一个比较复杂点的Demo

使用vue+webpack+gulp+vue-router实现了cnodejs的官方论坛

https://github.com/shinygang/Vue-cnodejs


模仿蘑菇街写的单页应用:

https://github.com/andylei18/vue-shopping


另外一个完全按照官方的配置搞的cnodejs的Demo

使用了vue+webpack+vue-router+vuex实现

https://github.com/beilunyang/cnodejs-vue


在前期设计时,想结合现有的后台框架的路由功能,想使用vue实现多页设计,很不错的Demo

https://codeload.github.com/yaoyao1987/vue-cli-multipage/zip/master


其它参考资源:

整体介绍

http://www.cnblogs.com/Leo_wl/p/5665545.html

http://www.cnblogs.com/Leo_wl/p/5645460.html

http://www.cnblogs.com/Leo_wl/p/5648899.html


六、集成第三方后端框架

Laravel框架的的示例:

http://vuejs-templates.github.io/webpack/backend.html


七、Vue常用库

https://github.com/vuejs/awesome-vue#ajaxdata




Webpack

http://greyby.github.io/vue-spinner/

Logo

前往低代码交流专区

更多推荐