潇跃

目前就我所呆的公司来说，前端的发版都是开发完之后执行编译，然后通过 ftp 上传到服务器中。项目多起来之后，加上测试环境和正式环境的分离，导致管理混乱。而且整个流程也很麻烦，要一步步手动去做。 所以一直就有一个想法，能不能做一个像 Vue Cli 一样的自动化工具，可以通过命令…

最近在做一个仿微信的聊天界面，有一个固定在页面底部的input框，本来使用fixed定位在底部，在android手机上没有任何问题，但在iOS上当点击输入内容的时候会出现不同情况的原生键盘遮挡输入框的情况。度娘出了很多解决方法，但没有一个方法可以完美解决，而且发现很多人都有这个…

本文通过设计一个简单的任务中心来展示一个使用有限状态机思想设计该如何做。 本文使用 JSDOC 添加注释。 有限状态机 (FSM) 维基 百度百科 是用来表示有限个状态及在这些状态之间转移和动作的数学模型。早在07年就有文章讲解 js 与状态机的结合。 在程序中，我们用这种数学…

目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源码是在不断更新的，文章里写的源码往往已经过时了。因为这些问题，很多同学都喜欢自己看源码，自己动手，丰衣足食。 这篇文章主要讲的是阅读大型的前端开源项目比如…

内容来源：2017年6月24日，腾讯前端高级工程师郭润增在“腾讯Web前端大会 TFC 2017”进行《微信支付大规模前端外包实战》演讲分享。IT 大咖说（微信id：itdakashuo）作为独家视频合作方，经主办方和讲者审阅授权发布。 业务高速发展离不开各种配套运营系统的高效…

开发一个可自定义组件化门户配置页面，期间采用了vue框架作为前端视图引擎，作为一个刚入手vue的萌新，开发第一个功能就遇到了拦路虎。需要一个拖动并且可改变大小的容器盒子。当时查看vue开发文档，查找github都没找到一个自己欢心的实现，所以与其求人，还不如求己。所以vuedr…

开始着手于QQ 企鹅的绘制, 第一步基本框架的绘制。 通过对Logo图像的观察，按照层次划分来组合最终的效果。选择使用绝对位置position:absolute;来布局各个元素。主要划分为头部，身体，围脖，双手，双脚。 基本框架结构就是这样的，QQ 对于容器是通过绝对定位来对每…

偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~ 有交集，但是并不是全部。 另外Ht…

再也不想为这样的执行顺序所困扰？让我们先来了解一下js的event loop机制和promises的实现原理吧。 我们说js异步背后的“靠山”就是event loops。 event loops是在HTML Standard定义的。 进程是操作系统分配资源和调度任务的基本单位,…