随笔分类 - Javascript
Javascript
摘要：上两篇文章说过要写一个简单的单页应用例子的， 迟迟没有兑诺， 实在有愧 哈哈。这篇写给小白用户哈。 正好趁今天风和日丽，事情不多， 把从项目里的代码扣取了一下， 整理了一个简单的例子。因为我们生产项目用到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...
阅读全文
摘要：之前我们机票页面有生成一个低价日历，然后我们有一个需求就是滚动到那个月份，对应显示这个月，然后这个区域是fixed定位的，然后奇怪的事情发生了，就是低价日历的动画执行完后，修改页面的html却没有正常更新。（因为那个区域显示有点问题，我截图的地方也是fixed元素）然后大家可以看到以上截图，改变了d...
阅读全文
摘要：就是我们1.1框架是根据hash跳转的，今天我2.0跳转到1.1，pc一直测下来都是好的， 然后发现手机上一直跳转有问题，然后排查了半小时左右才发现 hash前面需要加/ 分割。例如：http://m.ctrip.com/webapp/FlightTrain/#lowPriceSearchHome?...
阅读全文
摘要：今天闲得蛋疼，重构了之前写的微信翻页效果。先上地址，觉得可以给颗星星，觉得有问题请大力吐槽。github：https://github.com/skyweaver213/slide3个demo地址：http://skyweaver213.github.io/slide/widget/slide1/s...
阅读全文
摘要：上个星期我们的产品姐姐让我帮她写个微信里经常看到的滑动翻页效果，今天抽空写了3个小demo（只写了webkit需要chrome模拟手机看 开启touch事件）， 故此写个随笔。1、demo1，整个大容器tranlateY（性能应该是最好的，但是如果增删一页的话对css影响很大，如果用sass或les...
阅读全文
摘要：之前我们项目有一个低价日历，服务端下发的时间格式为： "2014-07-21 09:45:12" 然后一直出不了数据，后来发现。IOS下无论chrome、safari还是Uc如果日期格式是分隔符是 - 的时候，后面带时、分、秒这种情况就是有问题。大家有兴趣的可以试一下：刚学写博客，希望大家能多多交流...
阅读全文
摘要：我们公司有一个页面底部用到了fixed样式，每当弹出键盘的时候，IOS下fixed就会走样(据我所知android没有该问题)。为此之前我经过产品的同意做了简单的处理（方法1）。方法一：focus的时候让fixed块position变为relative，这是最简单的处理方法。下面是我的小demo ...
阅读全文
