web脚本整理 - 随笔分类 - 向民

写了一个基于React+Redux的仿Github进度条

摘要：曾经实现过Angular版，这次感觉用了高大上的React却写了更多的代码，需要的配置也更多了，有利有弊吧。但这个“导航条问题”很有意思，涉及到在Redux中写timer，其实我很困惑，到底如何完美模拟用户的页面加载，貌似浏览器并没有提供进度API，只能以这样拙劣的方式进行模拟，有兴趣的朋友不妨阅读全文

posted @ 2016-05-26 01:39 向民阅读(3001) 评论(1) 推荐(0)

一种模拟position: sticky;的方法

摘要：直接上代码，本例采用了jQuery来进行介绍CSS部分：.sticky { position: fixed; top: 0;} JS部分：var stickyBar = $('.sticky-bar');var stickyLine = stickyBar.offset().top;func... 阅读全文

posted @ 2015-07-27 07:01 向民阅读(715) 评论(0) 推荐(0)

大数据通过PHP快速插入MYSQL的方法

摘要：如果您的mysql是通过brew安装的，那么请vi /usr/local/Cellar/mysql/5.6.23/my.cnf将max_allowed_packet = 64M写入保存并重启mysql，然后进入mysql cli运行show variables like 'max_allowed_p... 阅读全文

posted @ 2015-03-14 01:32 向民阅读(982) 评论(0) 推荐(0)

AngularJS之ng-options的best practise

摘要：废话不多说，直接上代码。function MySelectCtrl($scope){ $scope.Model = [ { id: 10002, MainCategory: '男', ProductName: '水洗T恤', ProductColor:... 阅读全文

posted @ 2014-11-25 12:13 向民阅读(497) 评论(0) 推荐(0)

Codeigniter 在Active Record中限制批量更新数目

摘要：今天手头电商项目有个需求是：将订单中的优惠券自动发放给买家，所以要只更新优惠券表中的某几行数据，查了手册和网络都没有解决办法。一开始用循环和遍历来做都是错的，因为update语句一下就更新掉所有符合条件的行了，而用子查询当条件来做又很不符合kiss(keep it simple, stupid.)的规范。于是尝试将set语句加入ar，这下大功告成。public function status($order_id, $slug){ if($slug==='2') { # 发货流程, 先判断是不是优惠券 if($this->_is_coupon_order(... 阅读全文

posted @ 2013-11-15 11:24 向民阅读(384) 评论(0) 推荐(0)

Zepto 实现checkbox全选与全不选状态切换

摘要：最近项目里用到foundation，而foundation4默认集成了Zepto，很多轮子要重造，所以有了下面的代码。其中的.live可以换成.on，因为我这里是ajax过来的页面，所以要绑在冒泡上。有不对的地方请指出，谢谢！阅读全文

posted @ 2013-07-30 23:37 向民阅读(5511) 评论(1) 推荐(0)

仿百度图片加收藏特效

摘要：// JS部分，dependence: jquery 1.4 +function addFavourite (el,sc,sp) { if ( $('#addFavouriteImage').length === 0 ) { var offset = $(el).parents('.image').offset(); var img = '<img src="' + sc + '" id="addFavouriteImage" style="position:absolute;z-i 阅读全文

posted @ 2013-06-17 13:36 向民阅读(304) 评论(0) 推荐(0)

Ratchet与PhoneGap的整合解决方案

摘要：应用环境：ratchet 1.0+phonegap 2.7场景描述：两张页面A,B，B中需要调用A中head里面的lib，而由于ratchet的push引擎直接将B中的DOM加载给A，并通过历史记录更改URL。故A与B页面的交互被push接管，直接在A中写B的调用函数无法执行。熬了几个夜之后终于找到解决方案。1、打开ratchet.js并搜索下面这行代码if (xhr.readyState == 4) xhr.status == 200 ? success(xhr, options) : failure(options.url);2、将上面的代码替换为if (xhr.readyState == 阅读全文

posted @ 2013-05-15 10:55 向民阅读(436) 评论(0) 推荐(0)

判断 Chrome 内核的 360 浏览器

摘要：function isChrome360() { if( navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ) { var desc = navigator.mimeTypes['application/x-shockwave-flash'].description.toLowerCase(); if( desc.indexOf('adobe') > -1 ) { return true; } } return false;}alert(isChro... 阅读全文

posted @ 2013-05-06 11:59 向民阅读(306) 评论(0) 推荐(0)

随笔分类 - web脚本整理