sillycat
- 浏览: 2551699 次
- 性别:
- 来自: 成都
-
文章分类
最新评论
-
nation：
你好，在部署Mesos+Spark的运行环境时，出现一个现象， ...
Spark(4)Deal with Mesos -
sillycat：
AMAZON Relatedhttps://www.godad ...
AMAZON API Gateway(2)Client Side SSL with NGINX -
sillycat：
sudo usermod -aG docker ec2-use ...
Docker and VirtualBox(1)Set up Shared Disk for Virtual Box -
sillycat：
Every Half an Hour30 * * * * /u ...
Build Home NAS(3)Data Redundancy -
sillycat：
3 List the Cron Job I Have>c ...
Build Home NAS(3)Data Redundancy
SuperPlan(4)TaoBao Winner - UI - SSI Prototype and Underscore
6. SSI
6.1 Make Apache2 Working
check the version of apache on my local
>sudo apachectl -v
Start the server
>sudo apachectl start
We can visit the pages in /Library/WebServer/Documents
All the configuration files are in /etc/apache2/
Enable the include module
>vi /etc/apache2/httpd.conf
Find the line as follow, and make sure it is not commented.
LoadModule include_module libexec/apache2/mod_include.so
#<Directory "/Library/WebServer/Documents">
# Options Indexes FollowSymLinks MultiViews
# AllowOverride None
# Order allow,deny
# Allow from all
#</Directory>
<Directory "/Library/WebServer/Documents">
Options Indexes FollowSymLinks MultiViews +Includes
AllowOverride None
Order allow,deny
Allow from all
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
AddType text/html .html
AddOutputFilter INCLUDES .html
</Directory>
Make the shtml go with the SSI.
Once I add html to the configuration. The html file no need to be .shtml, it can also be .html.
The sample files should be desk.html, env.html, footer.html, header.html
<html]]>
<head]]>
<title]]>Desk</title]]>
</head]]>
<body]]>
<!--#include virtual="commons/env.html" -->
Hello, <!--#echo var="name" -->
<!--#include virtual="commons/header.html" -->
This is the body<br/>
<!--#include virtual="commons/footer.html" -->
</body]]>
</html]]>
<!--#set var="name" value="sillycat" -->
This is header<br/>
This is footer<br/>
7. JavaScript Prototype
Every class in javascript has its prototype. For example, we can add method trim to String
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
Or, we can add method via prototype to our customized class.
function Circle(x, y, r){
this.x = x;
this.y = y;
this.r = r;
//this.prototype = null;
}
Circle.prototype.area = function(){
return this.r*this.r * 3.14159;
}
var circ = new Circle(0,0,2);
alert(circa.area());
Not only the method function, we can also give property via prototype.
Circle.prototype.desn = "This can be the comments on that class."
8. underscore
One example to show the template
<html>
<head>
<meta charset="utf-8"/>
<title>Underscore</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="format-detection" content="telephone=no"/>
<link href="./stylesheets/underscore.css" rel="stylesheet" type="text/css"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
</head>
<body>
</body>
</html>
<script id="t2" type="text/template">
<%_.each(datas, function(item) {%>
<div class="outer">
<div class="title">
<span ><%=item.film%></span>
</div>
<ul class="ul">
<li>
<a href="<%=item.url%>">【<%=item.title%>】</a>
</li>
</ul>
</div>
<%});%>
</script>
<!--Data -->
<script>
var datas = [
{
title: "1942",
url: "http://sillycat.iteye.com",
film:"film1"
},
{
title: "Pai",
url: "http://sillycat.iteye.com",
film:"film2"
}
];
$("body").html( _.template($("#t2").html(), datas));
</script>
https://github.com/documentcloud/underscore/
http://underscorejs.org/
In the sample, it only shows the template function.
http://underscorejs.org/#template
9. Backbone
come soon
References:
SSI
http://sillycat.iteye.com/blog/1075378
Apache on MAC
http://sillycat.iteye.com/blog/1638638
http://www.ssi.su/
http://httpd.apache.org/docs/2.2/howto/ssi.html
BackBone
http://dailyjs.com/2012/11/29/backbone-tutorial-1/
http://www.youtube.com/watch?v=HsEw2i4wQMM
https://github.com/thomasdavis/backbonetutorials/tree/gh-pages/videos/beginner
http://backbonejs.org/#introduction
http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/
6. SSI
6.1 Make Apache2 Working
check the version of apache on my local
>sudo apachectl -v
Start the server
>sudo apachectl start
We can visit the pages in /Library/WebServer/Documents
All the configuration files are in /etc/apache2/
Enable the include module
>vi /etc/apache2/httpd.conf
Find the line as follow, and make sure it is not commented.
LoadModule include_module libexec/apache2/mod_include.so
#<Directory "/Library/WebServer/Documents">
# Options Indexes FollowSymLinks MultiViews
# AllowOverride None
# Order allow,deny
# Allow from all
#</Directory>
<Directory "/Library/WebServer/Documents">
Options Indexes FollowSymLinks MultiViews +Includes
AllowOverride None
Order allow,deny
Allow from all
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
AddType text/html .html
AddOutputFilter INCLUDES .html
</Directory>
Make the shtml go with the SSI.
Once I add html to the configuration. The html file no need to be .shtml, it can also be .html.
The sample files should be desk.html, env.html, footer.html, header.html
<html]]>
<head]]>
<title]]>Desk</title]]>
</head]]>
<body]]>
<!--#include virtual="commons/env.html" -->
Hello, <!--#echo var="name" -->
<!--#include virtual="commons/header.html" -->
This is the body<br/>
<!--#include virtual="commons/footer.html" -->
</body]]>
</html]]>
<!--#set var="name" value="sillycat" -->
This is header<br/>
This is footer<br/>
7. JavaScript Prototype
Every class in javascript has its prototype. For example, we can add method trim to String
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
Or, we can add method via prototype to our customized class.
function Circle(x, y, r){
this.x = x;
this.y = y;
this.r = r;
//this.prototype = null;
}
Circle.prototype.area = function(){
return this.r*this.r * 3.14159;
}
var circ = new Circle(0,0,2);
alert(circa.area());
Not only the method function, we can also give property via prototype.
Circle.prototype.desn = "This can be the comments on that class."
8. underscore
One example to show the template
<html>
<head>
<meta charset="utf-8"/>
<title>Underscore</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="format-detection" content="telephone=no"/>
<link href="./stylesheets/underscore.css" rel="stylesheet" type="text/css"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
</head>
<body>
</body>
</html>
<script id="t2" type="text/template">
<%_.each(datas, function(item) {%>
<div class="outer">
<div class="title">
<span ><%=item.film%></span>
</div>
<ul class="ul">
<li>
<a href="<%=item.url%>">【<%=item.title%>】</a>
</li>
</ul>
</div>
<%});%>
</script>
<!--Data -->
<script>
var datas = [
{
title: "1942",
url: "http://sillycat.iteye.com",
film:"film1"
},
{
title: "Pai",
url: "http://sillycat.iteye.com",
film:"film2"
}
];
$("body").html( _.template($("#t2").html(), datas));
</script>
https://github.com/documentcloud/underscore/
http://underscorejs.org/
In the sample, it only shows the template function.
http://underscorejs.org/#template
9. Backbone
come soon
References:
SSI
http://sillycat.iteye.com/blog/1075378
Apache on MAC
http://sillycat.iteye.com/blog/1638638
http://www.ssi.su/
http://httpd.apache.org/docs/2.2/howto/ssi.html
BackBone
http://dailyjs.com/2012/11/29/backbone-tutorial-1/
http://www.youtube.com/watch?v=HsEw2i4wQMM
https://github.com/thomasdavis/backbonetutorials/tree/gh-pages/videos/beginner
http://backbonejs.org/#introduction
http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/
分享到：
发表评论
-
Stop Update Here
2020-04-28 09:00 316I will stop update here, and mo ... -
NodeJS12 and Zlib
2020-04-01 07:44 475NodeJS12 and Zlib It works as ... -
Docker Swarm 2020(2)Docker Swarm and Portainer
2020-03-31 23:18 368Docker Swarm 2020(2)Docker Swar ... -
Docker Swarm 2020(1)Simply Install and Use Swarm
2020-03-31 07:58 369Docker Swarm 2020(1)Simply Inst ... -
Traefik 2020(1)Introduction and Installation
2020-03-29 13:52 336Traefik 2020(1)Introduction and ... -
Portainer 2020(4)Deploy Nginx and Others
2020-03-20 12:06 430Portainer 2020(4)Deploy Nginx a ... -
Private Registry 2020(1)No auth in registry Nginx AUTH for UI
2020-03-18 00:56 435Private Registry 2020(1)No auth ... -
Docker Compose 2020(1)Installation and Basic
2020-03-15 08:10 374Docker Compose 2020(1)Installat ... -
VPN Server 2020(2)Docker on CentOS in Ubuntu
2020-03-02 08:04 455VPN Server 2020(2)Docker on Cen ... -
Buffer in NodeJS 12 and NodeJS 8
2020-02-25 06:43 384Buffer in NodeJS 12 and NodeJS ... -
NodeJS ENV Similar to JENV and PyENV
2020-02-25 05:14 478NodeJS ENV Similar to JENV and ... -
Prometheus HA 2020(3)AlertManager Cluster
2020-02-24 01:47 423Prometheus HA 2020(3)AlertManag ... -
Serverless with NodeJS and TencentCloud 2020(5)CRON and Settings
2020-02-24 01:46 337Serverless with NodeJS and Tenc ... -
GraphQL 2019(3)Connect to MySQL
2020-02-24 01:48 247GraphQL 2019(3)Connect to MySQL ... -
GraphQL 2019(2)GraphQL and Deploy to Tencent Cloud
2020-02-24 01:48 450GraphQL 2019(2)GraphQL and Depl ... -
GraphQL 2019(1)Apollo Basic
2020-02-19 01:36 328GraphQL 2019(1)Apollo Basic Cl ... -
Serverless with NodeJS and TencentCloud 2020(4)Multiple Handlers and Running wit
2020-02-19 01:19 314Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(3)Build Tree and Traverse Tree
2020-02-19 01:19 317Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(2)Trigger SCF in SCF
2020-02-19 01:18 293Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(1)Running with Component
2020-02-19 01:17 312Serverless with NodeJS and Tenc ...
相关推荐
作为一种广泛存在于各个领域的竞争现象，关于赢者通吃（winner-take-all）的大部分研究太复杂以至于难以很好地理解该现象。为了用简单的方式解释winner-take-all现象，提出了一个改进的winner-take-all模型，由离散...
在给定的"winner-filter.zip"压缩包文件中，包含了一个名为"维纳滤波器仿真.m"的MATLAB代码文件，这显然是一个用于仿真和分析维纳滤波器性能的程序。MATLAB是一种广泛应用于科学计算、数据分析和工程领域的编程环境...
SOM网络即自组织特征映射网络，采用竞争学习规则——Winner-Take-All 。网络的输出神经元之间相互竞争以求被激活，结果在每一时刻只有一个输出神经元被激活。这个被激活的神经元称为竞争获胜神经元，而其它神经元的...
WINNER-II场景下的信道仿真模型，可用于分析各个场景下的信道参数
SCM WINNER II Channel Models, D1.1.2 V1.2, IST-4-027756 WINNER II Deliverable
《AFL_Winner - MetaTrader 5脚本.zip：基于趋势反转的交易策略解析》 在金融交易领域，有效的指标工具对于投资者来说至关重要。本文将深入解析名为"AFL_Winner"的MetaTrader 5脚本，它是一款专为MT5交易平台设计的...
WINNER II信道模型的建模与仿真 绍WINNER II信道模型所支持的场景，信道建模方法及信道参数和信道系数产生.
为了解决上述问题，本研究提出了结合Winner-Take-All（WTA）竞争模型和改进的人工势场（Artificial Potential Field，简称APF）路径规划方法的控制策略。WTA竞争模型是一种有效的多机器人竞争问题解决方案，它模拟了...
FF Winner-crx插件是一款专为ESPN幻想足球爱好者设计的扩展程序，旨在帮助用户通过计算分数分布来预测比赛的可能赢家。这款插件利用了IBM Watson的先进数据分析能力，为用户提供了一个直观的方式来评估每个球员在...
winner2信道模型仿真了3D信道模型，里面涉及好多应用场景。可以与现实生活中的场景相匹配
它具有旨在实现最高内存填充率和有效使用多个计算单元的简单设计，同时仍提供了抵御权衡攻击的防御能力（通过利用最新处理器的缓存和内存组织）。 Argon2具有三个变体：Argon2i，Argon2d和Argon2id。...
ZS-Young-Data-scientist-2018-Winner-Solution-rank-3：ZS年轻数据科学家挑战赛2018
在IT行业中，"Winner-gets-all"这个标题可能暗示了一个竞争激烈的环境，特别是在软件开发或者数据分析的场景下，其中胜者通常能获取大部分资源或市场份额。在这个特定的案例中，结合"世界高尔夫协会工作流程"的描述...
在"crispy-octo-winner-client-main"这个文件夹中，我们可能会找到以下关键文件和目录： 1. `index.html`：这是游戏的主页面，通常包含引入JavaScript和CSS文件的链接，以及游戏启动的JavaScript代码。 2. `scripts...
默认情况下，winner-mode 包含在 emacs 中，因为版本 20 但它没有启用。 这是一个制作支持微功能的包的实验。 我有一段时间的想法，我终于要测试了。 安装 这个包裹是果酱。 从果酱安装它 package-install winner-...
克隆或分叉此存储库： git clone https://github.com/jamigibbs/and-the-winner-is 安装依赖项： npm install 下载并安装桌面在Neo4j桌面上，使用用户neo4j和密码1234创建一个新的图形数据库。 注意：在生产
冠军得主，鸡肉晚餐！ :rooster: 输入列表并旋转方向盘，即可每次获得随机赢家。 :crystal_ball: 目录 特征 输入名称或对象列表。 编辑并删除您的列表。 始终使用localStorage访问您最近创建的列表。...
ToneWinner天逸设备说明书
在电子商务领域，组合拍卖（Combinatorial Auction）是一种复杂而有趣的拍卖形式，它允许投标人提交对多个物品的联合出价，而非仅仅对单个物品出价。这种拍卖机制旨在优化资源配置，提高拍卖效率，同时也增加了投标...
优胜者选择引擎 示例 React.js 项目 -> 按照 用法 要跟随本文，请克隆此存储库（请参阅下文以了解运行情况）并从master分支工作。 如果要查看完成的版本，请查看finished分支： git checkout finished ...