vivaxy

webpack 是 2016 年兴起的一个前端打包工具。看了 github 上最早的一次 commit 是 2012 年 3 月 10 日提交的。作者 sokra(Tobias Koppers) fork 了 medikoo 的 modules-webmake，modules-…

单页应用又称 SPA（Single Page Application）指的是使用单个 HTML 完成多个页面切换和功能的应用。这些应用只有一个 html 文件作为入口，使用 js 完成页面的布局和渲染。页面展示和功能室根据路由完成的。 hash。路径会记录在 URL 的 has…

提到前端，与后端区别最大之处莫过于用于交互，交互中最需要开发人员额外关心的则是用户体验。如何保证在用户多个操作下，界面依然流畅？这里就要说到异步编程了。 JavaScript 中的一大特性就是支持异步编程，异步编程能够让多个用户输入在后台同时执行，从而带来流畅的界面交互。但是开…

More than one year age, I came up with an idea to make git commit more easily. So I made gcmt. See this post for details. Inspired by commi…

WebView 中出现弹窗后，用户依然可以在弹窗中上下滑动触发 WebView 的默认网页滚动。甚至在弹窗内有滚动条的时候，滚动弹窗的内容，当弹窗内的内容被拉到底之后，便开始滚动网页的内容了。这不是我们想要的结果。 WebView 中使用轮播图时，向右滑动轮播图会触发页面的侧滑…

由于10进制的小数（部分浮点数）无法用二进制表示，因此在存储和计算上就会产生误差。 将浮点数变成整数可以解决这个问题。 也就是在计算中，我们先去掉浮点，然后再计算，再转成浮点数，就能减少一次误差运算了。 可以直接使用 bignumber.js。

iOS webview 中会有双击居中功能，自动将不在屏幕中心的文本拉到屏幕中心。但是这个时候弹出的元素会错位。 我们使用 position: fixed; 对弹出元素进行定位，并且给予屏幕大小一样对宽高。 上图是正常情况。 然后我们滚动到某个位置，再次弹窗也不会有问题。 此时…

CORS 是 XHR 中的高级特性，支持跨域请求。 服务端需要在响应头中添加下面的字段来支持其他域下发来的请求。 除了不能在 IE 10 以下使用之外，都可以使用。 其中 * 可以是具体制定的域名。域名指的是页面所在的域。 如果只是开启了上面的跨域请求头的话，是不能传递 Coo…

未来的前端开发应该是将页面样式和逻辑统一放在 js 中的。 先声明的样式可能被覆盖也可能不被覆盖。 对于一个大项目来说，同时引入的 css 会有很多，然而不同的开发者并不知道别人是如何声明样式的。 所以我经常在写 css 的时候忧心慌慌，生怕动到了别人的样式。 当然我们可以在写…