你好，我是若川。这是学习源码整体架构系列第四篇。整体架构这词语好像有点大，姑且就算是源码整体结构吧，主要就是学习是代码整体结构，不深究其他不是主线的具体函数的实现。文章学习的是打包整合后的代码，不是实际仓库中的拆分的代码。

每一个会话(一对一,一对多)都相当加入一个房间, 不同的房间有不同的标识号;当用户A进入系统, 那么socket需要连接即加入一下A名下所有的房间, 此时可接受所加入房间广播的消息,并保持socket通讯;当用户A退出系统, 只需要将其退出房间即可,至于房间里其它的人在做什么,...

这么个场景：你按照UI图750*1334切图，二倍图iphone6中宽度刚好 750/2 = 350px. 那么问题来了，在iphone5中屏幕宽度实际是320px的，你不能让移动端出现横向滚动条吧..rem就是根据320px、350px...之类设备屏幕尺寸，动态计算合适的px尺寸。

{代码...}

建议把需要全局同步执行的操作，放到路由导航守卫中：router.beforeEach(to,form,next){},当取到你需要的值时，再执行next()进入到路由。

async异步函数，意味着该函数的执行不会阻塞后面代码的执行。那么问题来了：定时器每1s执行一次，你不能确保两个 await 后的代码刚好在1000ms这段时间执行完毕并且执行到下方清理定时器的位置？假如getCurrentPosition()和 getCurrentState()要执行999.99ms,这段时间...

 vue项目的package.json中显示的"vue-awesome-swiper": "^2.5.4"，用npm install自动安装依赖时装的版本为"version": "2.6.7"       2.5.4与2.6.7都是基于swiper3的，从官网上swiper3的教程来看并不需要单独引入样式文件，而2.6.7版本需要单独引入swiper/dist/css目...

懒加载写的方式不对吧.. 试试这个 {代码...}

有的是DNS原因，需要把DNS配置成8.8.8.8

<input :class={w1: （num+'').length > 2, w2: （num+'').length > 4,} v-modal='num'>

父组件给子组件传个状态值或者时间戳：当websocket连接之后把状态或者时间戳发送过去，子组件监听这个值，一旦修改 再把更新的请求发过去

像是给子组件传值时，子组件接收数据类型被设置的不是数组

你试下点击按钮周围有没有效

<div :class="{ 'class-a': isA, 'class-b': isB}">Demo4</div>.class-a{有颜色}.class-b{颜色为透明}isA: 切换到tabisB:没有切换到tab

笔者以前在网上看到有民间高手制作字体的相关事迹，觉得把自己的手写字用键盘敲出来是一件很有意思的事情，所以一直有时间想制作一套自己的手写体，前几天在网上搜索了一下制作字体的方法，发现技术上并不是太难，结合了自己PHP方面的开发经验，很快的做出了一套自己...

前端做比较合适但是需要后端配合：1）让后端给前端发送数据列表的时候，带上是否登录的状态2）点击点赞等按钮的时候，判断状态是否处于登录状态，登陆的话，将点赞通过接口发给后台。没有登陆的话，直接弹出登录页面就OK了

chrome浏览器容错性高，有的页面错误它会容忍你但是在手机上，容错率低，可能一个小小的错误，它就不让你的后续代码执行，造成页面出错

template标签内容天生不可见，设置了display：none；属性。因此，你想取template里边的ele元素，肯定是取不到的； {代码...} 其实你js不需要再设置el,因为这个文件在vue里已经是一个组件的形式。

这种情况很常见嘛，你老大再催你，你就这样干： 点右键>filter>隐藏掉。 →_→