从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。在某个项目的测试过程中，测试妹子跟我们反馈了一个奇怪的bug：在一个播放音乐的页面中，有一个地方同步显示音乐的当前播放位置；音乐开始播放后，这个地方的内容会不断改变，但是滚动页面后，内容却不再变化，看…

一.前言痛点1：现今本团队内的端内web应用，均是由webpack构建打包而成的单页或多页web应用，前端工程构建完成的结果是这样的画风可以看出其静态资源中，不乏体积几百k~几m不等，而这些静态资源均

随着前端开发的兴起，QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时，QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面，受到了更多的挑战。在快速的Web运营节奏下，必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题…

曾几何时，我相信部分Web Developer（包括我）使用的项目发布方式比较传统（使用xftp或者sublime text的插件sftp等），发布方式简单又粗暴，想发布哪个目录就直接上传覆盖... 发布时由于选错文件或者选错发布环境导致的上传(＞﹏＜)悲剧，可没有后悔药吃。 …

@韩永豪 贝聊科技 移动开发部 前端 菜鸟工程师 什么是粘性导航 本文讨论的粘性导航是指，常规状态下为静态定位，且因页面滚动而超出屏幕显示范围时，仍然固定在屏幕某个地方的元素。效果如下： 案例 对应的HTML结构如下： <header id="banner" class="he…

本文是公众号文章直接贴过来的，发现图片都没自动上传，文章最后有我的公众号二维码（或者搜索关注：sanshuiqing123），关注我的公众号，查看历史文章。上次文章介绍了 Hybrid 开发中常用到的 Web 和 NA 的通信方案：JSBridge，通过比较之后，最终推荐安卓和 iOS 通用的…

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。 从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自己做web app开发的…

尚妆大前端团队使用 weex 进行三端统一开发有一段时间了，截止本文发表「达人店」APP大部分页面都已经用 weex 进行了重构，在此期间也积累了一些基础组件和业务组件。 之前维护组件的方式是在达人店项目的工程内维护一个 components 文件夹，随日常开发迭代，并行需求与…