@fc_lamp - fc_lamp - 网易博 fc-lamp.blog.163.com

@fc_lamp - fc_lamp - 网易博

站名: @fc_lamp - fc_lamp - 网易博

网址: http://fc-lamp.blog.163.com

目录: 电脑网络 > 网址黄页

ＰＲ:

Alexa: 0

备案号: 粤B2-20090191

服务器IP: 115.238.126.134   浙江省杭州市 电信

描述: JS(javascript) 组件库,jquery(jq)最佳编程（转）,JS（javascript） 里极有用的冷知识,互联网秒杀设计(通用),jquery infinite-scroll分屏加载（

查询: [ 网站综合查询 | PR查询 | Alexa排名 | 同IP网站 ]

详细介绍

显示下一条 | 关闭 温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！立即重新绑定新浪微博》 | 关闭 @fc_lamp案例：来源 http://www.gbtags.com/gb/gbtutorialpreview/541.htm<!doctype html><html lang="zh"><head><title>PreloadJS的基础使用</title><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta author="极客标签：www.gbtags.com" /><meta name="Description" content="极客标签是一个基于web的在线极客编程知识分享&学习平台，能够帮助你快速高效地学习代码编程并方便的在线实时分享编程技巧和心得" /><meta name="Keywords" content="极客,极客标签,轻视频,代码录播,在线调试,前端,前端社区,前端特效,素材,html5,javascript,css3,jquery,bootstrap,bootstrap3" />1.坚持使用CDN来加载jQuery，这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处，点此查看一些主流的jQuery CDN地址。<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js" type="text/javascript"><\/script>')</script>2.安全起见，最好还是提供一个本地备份以便在无法从远程CDN服务器获取jQuery时网站也能工作，如上面代码所示。详情见此当你将以下代码贴地址栏运行后浏览器变成了一个原始而简单的编辑data:text/html, <html contenteditable>这样，任何DOM元素都可以成为编辑器：<p contentEditable>这里输入内容</P>二 利用a标签自动解析URL很多时候我们有从一个URL中提取域名，查询关键字，变量参数值等的需要，而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性，然后就得到了一切我们想要的了。var a = document.createElement('a');a.href = 'http://www.cnblogs.com/wayou/p/';console.log(a.host);//输出www.cnblogs.com
利用这一原理，稍微扩展一下，就得到了一个更加健壮的解析URL各部分的通用方法了
function parseURL(url) {

var a = document.createElement('a');

a.href = url;

return {

source: url,

protocol: a.protocol.replace(':',''),
本次分享介绍了A对抢购业务的设计实践，主要包含如下主题：
1. 抢购业务介绍
2. 具体抢购项目中的设计
2.1. 如何解耦前后端压力
2.2. 如何保证商品库存可靠
2.3. 如何在业务中多放对账
3. 项目总结
4. Q & A
抢购、闪购，从国外风靡后，国内各类网站都开始做相似的业务，我们耳熟能详的唯品会、淘宝、京东都有这类业务。抢购，更多出现在电商网站。那么，今天和大家一起学习下抢购业务形态的业务架构设计。
1.抢购业务介绍
我们常见的抢购业务分两种： 限时抢购、限量抢购，我简单分了下这些case，如下图：
想必小米的抢购运营的最火爆了，每发一款新品，都限量发售，每次搞的大家心里痒痒的。记得之前还因为抢购太火爆，站点打不开，崩溃了。那么问题来了：为什么抢购总是引发RD、OP恐慌？我理解是，爆品太火爆，瞬时请求太大，导致业务机器、存储机器都在抢购高峰时扛了太多压力。那么，我们今天以一个抢购业务场景为例，看看如何扛住压力，做好抢购业务！假设，这时候我们接到了产品层面的需求，如下图：
PM也挺呵呵的，又要有时段的要求、又要有限量的要求，大而全呐！
不过，对于咱们RD同学，也不是问题，我们一起来看看，如何设计业务架构，把需求满足的棒棒哒！
首先，我们冷静的看看需求。
首先，jquery infinite-scroll插件可在其官网：http://www.infinite-scroll.com/ 下载，或者去 https://github.com/infinite-scroll/infinite-scroll 下载更多例子与源码。
我们先来一般性的案例，直接返回JSON格式的数据（直接返回HTML官网有例子），核心代码如下：
<div id="content"><!--内容块-->
<p> test1 <p>
</div>
<div class="loading"><!--加载时提示信息-->
</div>
<div id="next"><!--下一页的链接，这里page从2开始，因为首次进页面时已经有第一页数据了-->

<a href="/test/cate/2/page/2"></a>
</div>
<!--引入资源-->
<script src="/

猜你喜欢