1.配置host,域名指向本機(jī),如果是80端口的話,mac需要sudo
2.樓上的
$(document).ready(function () {
var Country = function (name,cities) {
this.name = name;
this.cities = cities;
};
var countries = [];
countries.get = function (name) {
for(var i = 0; i < this.length; i++) {
if(this[i].name == name) {
return this[i];
}
}
return null;
};
countries.add = function (name,city_name) {
var country = this.get(name);
if(country) {
country.cities.push(city_name);
} else {
country = new Country(name,new Array(city_name));
countries.push(country);
}
};
$("#table tbody tr").each(function () {
var tds = $(this).find("td");
var name = tds[1].innerHTML;
var city_name = tds[2].innerHTML;
countries.add(name,city_name);
});
$("#table tbody tr").remove();
var str = "";
for(var i =0; i < countries.length; i++) {
var name = countries[i].name;
var cities = countries[i].cities;
var len = cities.length;
for(var j =0 ;j < len; j++) {
if(j == 0) {
str += "<tr><td rowspan='"+len+"'>"+(i+1)+"</td><td rowspan='"+len+"'>"+name+"</td><td>"+cities[j]+"</td></tr>";
} else {
str += "<tr><td>"+cities[j]+"</td></tr>";
}
}
}
$("#table tbody").append(str);
});<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{
margin:0;
padding:0;
}
#box{
width:800px;
height:100px;
position:relative;
overflow: hidden;
}
ul{
list-style: none;
position:absolute;
width:2000px;
left:0;
top:10px;
}
ul li{
width:200px;
height:100px;
background:#ccc;
float: left;
margin:5px;
}
.red{
background:red;
}
.blue{
background: blue;
}
.green{
background: green;
}
</style>
</head>
<body>
<div id="box">
<ul id="ul">
<li></li>
<li class="red"></li>
<li class="blue"></li>
<li class="green"></li>
</ul>
</div>
<script>
var ul = document.getElementById("ul");
var lis = ul.getElementsByTagName("li");
var len = lis.length;
var width = len 2 210; // li的寬度+margin
var html = ul.innerHTML; // ul的內(nèi)容
// 動態(tài)設(shè)置ul內(nèi)容和width
html += html;
ul.innerHTML = html;
ul.style.width = width + 'px';
setInterval(function(){
var left = ul.offsetLeft;
if(-left == width - 800){
left = -(width / 2 - 800);
}
ul.style.left = --left + "px";
},1000 / 60)
</script>
</body>
</html>
這是我的例子,你可以參考一下
<style type="text/css">
.filtered {
-webkit-filter: blur(5px);
/* Chrome, Safari, Opera */
filter: blur(5px);
background: black;
width: 200px;
height: 200px;
}
</style>
<div class="filtered"></div>
你的意思是在5秒內(nèi)不停執(zhí)行a,b,c,d中的一個,然后下一個5秒又隨機(jī)換一個,不停循環(huán)?
這個一般控制一些展示效果,要求a,b,c,d等均能隨便打斷,且又可以進(jìn)入。
fns=[a,b,c,d];
t=5*1000;
while(true){
var datein=Date().now();
fn=fns[ Math.floor(Math.random()*4) ];
while(Date.now()-datein < t){
(fn)();
}
}不要寫video標(biāo)簽,寫成自定義指令試試
<span style="display:inline-block;height:20px;width:20px;border-radius:50%;padding:1px;background:#ABC;text-align:center">
1
</span>雙指放大就像用放大鏡來看一樣, ctrl++/-縮放頁面將引起頁面的重排重繪與媒體查詢
flex-wrap換行,控制flex是單行或者多行。同時橫軸的方式?jīng)Q定了新行堆疊的方向
1.你這是要在微信里自動播放嗎?自動播放要加上autoplay="autoplay"
2.要看你js代碼的位置,你如果放在head里是沒法生效的
3.微信的ready現(xiàn)在不知道還是不是這樣判斷的,你可以在ready事件里加一些代碼看看ready事件有沒有觸發(fā)
IE9 不支持animation 其他的部分css3還可以 你用-ms-transform:scale兼容一下吧
好吧,找到解決方法了
@value: 1px 2px 3px 4px;
div{
padding: e(replace("@{value}", px, rem));
} body {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
main {
flex: 1;
}
header { text-align: center; height: 3em; }
main, footer {
display: block;
padding: .5em calc(50% - 400px);
}
footer {
background: linear-gradient(#222, #444);
color: white;
}while(true) 當(dāng)然是死循環(huán)了, 沒有為什么
用一個特定的元素或class做序號容器,然后你就可以為所欲為了···
也就是傳統(tǒng)的rem方案
如果非要用,用成熟的 Flexible
https://github.com/amfe/artic...
PostCSS postcss-px-to-viewport
就是專門為解決設(shè)計稿和手機(jī)網(wǎng)頁適配的CSS問題,在寫CSS的時候,直接寫px,會編譯成vw vh,完全不用費心去考慮換算的問題,有什么比按照原設(shè)計稿寫px更爽的事情?
https://www.w3cplus.com/css/v...
這文章是Flexible作者寫的,他都轉(zhuǎn)向了PostCSS 你們還守著這段落后又難用的JS做什么?
我記得是有appid的,后臺可以用一套系統(tǒng),根據(jù)appid返回對應(yīng)平臺的數(shù)據(jù)
不推薦直接把vue實例中data直接作為請求參數(shù),最好用$data原始數(shù)據(jù)或者loadsh深復(fù)制一份數(shù)據(jù),否則會有些奇奇怪怪的現(xiàn)象
好幾天了,我也遇到這個問題呢
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。