https

Author: lensh

README.md

@@ -4,7 +4,7 @@ Vue全家桶+Socket.io+Express/Koa2打造的网页版手机QQ(web app),高仿手
 
 ## 预览
 
-在线预览地址：http://lenshen.com:8080/ （为了体验到最佳的效果，提供了3个测试账号，需要账号才能登陆哦，具体账号和密码下面有讲）
+在线预览地址：https://qq.lenshen.com（为了体验到最佳的效果，提供了3个测试账号，需要账号才能登陆哦，具体账号和密码下面有讲）
 
 ## 技术栈
 * **Vue2.0**：实现前端页面构建
@@ -24,6 +24,7 @@ Vue全家桶+Socket.io+Express/Koa2打造的网页版手机QQ(web app),高仿手
 * **MySQL**：MySQL关系型数据库持久化数据（考虑到表与表之间关系复杂，需要多表查询，最复杂的时候是六张表联查，用MySQL会比Mongodb好得多）
 * **jsonp**：跨域请求数据
 * **pm2**：服务端使用pm2部署，常驻进程，比forever好用得多（https://github.com/Unitech/pm2）
+* **nginx**：服务端使用nginx代理端口转发
 
 ## 使用方式
 
@@ -77,7 +78,7 @@ require("babel-core/register")({
 require("babel-polyfill")
 ```
 
-上面的代码不可以使用import来导入，必须使用require，同时需要通过npm安装babel-core、babel-preset-es2015、babel-preset-stage-0、babel-polyfill等依赖。这样就可以愉快地使用import/export了。
+上面的模块不可以使用import来导入，必须使用require，同时需要通过npm安装babel-core、babel-preset-es2015、babel-preset-stage-0、babel-polyfill等依赖。这样就可以愉快地使用import/export了。
 
 服务端代码片段如下：
 

src/base/Scroll/Scroll.vue

@@ -66,7 +66,7 @@ export default {
       //滚动结束时记录滚动位置到store里
       this.savePosition()
     },
-    scrollToPosition(time=0){
+    scrollToPosition(time=300){
       if(this.scroll){
          //如果要滚动到底部
          if(this.isScrollToBottom){

src/components/Login/Login.vue

@@ -8,7 +8,7 @@
       </div>
       <div class="form">
           <input type="text" v-model="userinfo.user" class="text" 
-          placeholder="QQ号/手机号/邮箱"><br/>
+          placeholder="QQ号/手机号/邮箱" ref="user"><br/>
           <input type="password" v-model="userinfo.pwd" class="text" 
           placeholder="密码"><br/>
           <input type="button" @click="login" class="btn" value="登录">
@@ -44,6 +44,9 @@ export default {
     //如果已经登陆了，则进入消息页面
     this.isLogin && this.$router.push('/message')
   },
+  mounted(){
+    this.$refs.user.focus()
+  },
   methods:{
     validate({user,pwd}){
       if(user==''){

src/main.js

@@ -19,7 +19,8 @@ Vue.use(Vuex)
 
 // vueg 转场动画
 const options = {
-	forwardAnim: 'fadeInRight'
+	forwardAnim: 'fadeInRight',
+	duration:0.3
 }
 Vue.use(vueg, router, options)