这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

React Native vs. Cordova、PhoneGap、Ionic，等等 (待翻译) 如果你是一名设计师，你所在的团队使用(或正在考虑使用)的技术是 React ，或者你只是单纯对 “React” 比较好奇的话，那么本文就是为你而准备的。 在文本中，我只使用朴实的语…

我们看一些 Promise 的常见面试问法，由浅至深。 3、Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。 8、能不能手写一个 Promise 的 polyfill。 这些问题，如果你都能 hold 住，那么面试官基本认可你了。带着上面这些问题，我们往下看。…

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

git pull的操作本身上是抓取远端更新然后与本地分支进行合并，合并又分为merge以及rebase。 在你有提交未推送(commit)但是落后版本情况下使用merge拉取合并时，且产生一个merge commit造成了不必要的合并提交，而且提交线也变得不连贯。使用rebas…

相信很多人有这样的经历，在项目比较忙的时候，都是先考虑实现，用当时以为最好的方式先实现方案，在项目不忙的时候，再看下以前代码，想下有什么更好的实现方案，或者优化方案。笔者也不例外，下面就和读者们分享一下自己最近在特定场合下，代替if-else，switch的解决方案。如果大家有…

webpack4出了以后，一些插件变化很大，和之前的版本使用方式不一样，新手入坑，本篇将介绍如何从一开始配置webpack4的开发版本，对css，js进行编译打包合并生成md5，CSS中的图片处理，js自动注入html页，删除指定文件，提取公共文件，热更新等等。 执行webpa…

想必你一定打开过百度首页，按过F12，如果那样，你一定了解百度也会觊觎你的才华，毕竟常打开控制台的毕竟多数是程序猿嘛。 7.console.assert(false, "我们好像在哪儿见过")-----判断第一个参数是否为真，false的话抛出异常并且在控制台输出相应信息。 大…

为什么要写这个文章呢？是因为写页面不可避免的就要用到表单控件啊，当然在我用最常用的text和button的时候，基本上用css直接改就可以覆盖其表单控件。 Chrome的文本框——hover的时候没有状态，这是focus的时候的状态，渐变的蓝色框框。 IE的文本框——向来就是特…