摘要：
上两篇文章说过要写一个简单的单页应用例子的， 迟迟没有兑诺， 实在有愧 哈哈。这篇写给小白用户哈。 正好趁今天风和日丽，事情不多， 把从项目里的代码扣取了一下， 整理了一个简单的例子。因为我们生产项目用到es6 还有构建工具，为了让例子足够简单和原生，除了一个zepto，连require都是我之前写 阅读全文
摘要：
前几天ali一个视频面试，给问到一个问题 为什么图片要分多个域名？ 我开始以为他问我cdn，然后他再强调了一遍，为什么要分多个域名？ 然后我认真想了想 不知道为什么，之后找我师傅叶小钗问了一下，他回答说一个域名下载有限，于是乎，我抽空写了一个demo。（只测试了pc和ios的 safari） 1、首 阅读全文
摘要：
require和 sea的源码分析，我之前的博客有写过， 今天我想分享的是一个很简单的核心代码（不带注释和空行大概60行）， 没有容错判断。 require.js require函数实现用一句话概括： 依次加载require的模块，然后监测script的onload事件，判断所有模块加载成功，执行r 阅读全文
摘要：
上个星期写了浅入requirejs的， 大家都知道 require是AMD规范(Asynchronous Module Definition)来 今天我们一起看看CMD规范(Common Module Definition) 的seajs 是怎样实现的seajs比require写的简单， 源码几乎是... 阅读全文
摘要：
因为最近项目想现实一个单页功能，用的是react ，然后看了一下react route，挖槽 gzip后16k？ 然后我简单写了一个纯单页(不支持多页的单页，所有入口都经过rewrite跑到index.html) 才200多行(后续放github)。然后项目是用webpack打包的， 发现webpa... 阅读全文
摘要：
之前接了几个微信里的项目，类似电子邀请函，什么分析报告这样的项目， 对css3动画要求十分高，每个页面客户几乎都有天马行空的想法，或者说设计师有这样的想法。众所周知css3里的keyframe写好了就不能赋值复用的， 所以怎样能把keyframe通用起来就异常关键了。好，下面先上几个之前写的项目：（... 阅读全文
摘要：
因为我们部门打算用node请求restful 然后慢慢替换掉服务端，以后直接请求soa的接口，让前端的数据更贴切项目，因为我们服务端接口和app公用一套，由于业务的需求和版本不统一（例如app6.4的接口，H5可能只用到6.0）经常变动啥啥啥啥，所以我们前端常常还要经过1层dataformat（旧的... 阅读全文
摘要：
事情经过是这样的，我们组一个说话很喜欢用一定，肯定的哥们，吃午饭的时候拿了自己做的一个UI库，头部有一个按钮点击展开，再次点击收缩，他意思说一个按钮无法记录点击状态，必须使用js。然后我看了一眼，心想target有可能能做到这个效果，然后我说不一定，他还是说肯定，还要跟我打赌说：如果我能做出来，给我... 阅读全文
摘要：
其实css3动画是就是2种实现，一种是transition，另一种就是animation。transition实现的话就是只能定制开始帧，和结束2帧；而animation实现的话可以写很多关键帧。没有前戏，直进主题。transition包含4个值，例如：-webkit-transition:all ... 阅读全文
摘要：
之前我们机票页面有生成一个低价日历，然后我们有一个需求就是滚动到那个月份，对应显示这个月，然后这个区域是fixed定位的，然后奇怪的事情发生了，就是低价日历的动画执行完后，修改页面的html却没有正常更新。（因为那个区域显示有点问题，我截图的地方也是fixed元素）然后大家可以看到以上截图，改变了d... 阅读全文