考拉海购前端团队

即使你工作中不需要直接接触 SharedArrayBuffers 和 Atomics，我觉得去理解它的工作原理也是很有意思的。因此，在这篇文章里我会解释下哪些竞争条件会产生，以及 Atomics 是如何解决这些问题的 如果有两个线程使用同一个变量，那么就有可能产生竞争条件，这是…

这周的主要的工作就是搭建新工程的架子，项目基于vue-cli构建。基本的功能在脚手架里都已经具备，但是还是需要针对具体的业务场景来做一些定制。 这样前端可以不用等后端接口完全写完才可以开发，前后端并行开发，提高团队效率。 而脚手架提供的功能只有一个proxy，不能满足我们的需求…

保护用户数据传输过程中的安全。 运营商网络劫持问题越来越严重，各种广告插入、强制跳App下载等手段严重影响用户体验，如果有违法内容或者用户被骗，还会牵连到考拉。 Apple要求iOS平台App在2017.1.1开始强制启用https，否则不允许上架App Store；启用htt…

本文是在阅读 clean code 时的一些总结，原书是基于 Java 的，这里将其中的一些个人认为实用性较强且容易与日常业务开发结合的一些原则重新进行整理，并参考了 clean-code-javascript 一文给出了一些代码实例，希望本文能够给日常开发编码和重构作出一些参…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…

SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称，是一种用来描述二维矢量图形的XML标记语言。SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描…

实际开发过程中我们遇到过的先发布后订阅的场景为：我们有一个展示用户信息的头部导航模块，这个模块依赖于获取用户信息的模块来显示用户头像，但是获取用户信息是异步的，在头部信息trigger之后，我们的头部模块才加载完并listen（我们的模块用了惰性加载）。 为了满足这个需求，我们…

本篇介绍的是JS模块化。 JS模块化是随着前端技术的发展，前端代码爆炸式增长后，工程化所采取的必然措施。目前模块化的思想分为CommonJS、AMD和CMD。有关三者的区别，大家基本都多少有所了解，而且资料很多，这里就不再赘述。 拆分。将js代码按功能逻辑拆分成多个可复用的js…

众所周知，Javascript是运行在单线程环境中，也就是说无法同时运行多个脚本。假设用户点击一个按钮，触发了一段用于计算的Javascript代码，那么在这段代码执行完毕之前，页面是无法响应用户操作的。但是，如果将这段代码交给Web Worker去运行的话，那么情况就不一样了…