這是我的想法,你試試能不能有所幫助:
p {
width:100px;
position:relative;
line-height:20px; /*行高為高度的一半,這樣就是兩行*/
height:40px;
overflow:hidden;
}
p:after { /*使用偽元素*/
content:"...";
position:absolute;
bottom:0;
right:0;
background:#FFF; /*這個(gè)背景色要和p的背景色一致,也就是做個(gè)假^_^*/
padding-left:6px; /*這里自己調(diào)一調(diào)*/
}
推薦使用rem來控制,這樣便于控制整體樣式和字體大小,修改起來方便,頁面相應(yīng)上也美觀
首先是![]
[]被 Boolean 轉(zhuǎn)化為 true,![] 即為 false。
然后是[] == false
[]先后以 valueOf、toString 方法嘗試轉(zhuǎn)化為基礎(chǔ)數(shù)據(jù)類型,這里轉(zhuǎn)化為空字符串''。
即'' == false
而基礎(chǔ)數(shù)據(jù)類型會(huì)嘗試轉(zhuǎn)化為 Number 類型,空字符串轉(zhuǎn)化為0, false轉(zhuǎn)化為0。
最后0 == 0
即返回true。
貼個(gè)數(shù)據(jù)類型轉(zhuǎn)化鏈接
1 使用半透明背景色
2 使用偽元素
.title-container{
width: 100px;
height: 50px;
position: relative;
}
.title-container::before{
content: '';
width: 100%;
height: 100%;
display: block;
/**
background-color: rgba(0,0,0,.5);
background-color: rgba(0,0,0,1);
opacity: 0.5;
**/
position: absolute;
left:0;
right: 0;
top:0;
bottom:0;
}
<div class="title-container">
<span>ABADE</span>
</div>本質(zhì)上沒有差別的,看你是準(zhǔn)備用H5模式的,不過要注意移動(dòng)端聯(lián)網(wǎng)的穩(wěn)定性和速度,可能需要設(shè)置較長(zhǎng)的過期時(shí)間。
換方法了使用indexedDB
使用await的時(shí)候then和catch是無效的
'use strict';
const organizationDb = '../../../models/organization';
const userOrganizationDb = '../../../models/user_organization';
module.exports = async function (ctx) {
// 引入數(shù)據(jù)庫依賴
const db = ctx.app.db;
const organizationModel = db.import(organizationDb);
const userOrganizationModel = db.import(userOrganizationDb);
try{
const data = await Promise1xxx;
const data2 = await Promise2xxx(data);
ctx.body = data2;
}
catch(e) {
ctx.body = {
errmsg:e.message
};
}
};
你代碼問題太多了
為了回答這個(gè)問題,我特地去注冊(cè)了一個(gè)賬號(hào),嘿嘿:、
花了接近6個(gè)小時(shí)解決了這個(gè)問題。
首先:
1、去安裝node.js,因?yàn)槟阈枰惭bnpm命令
2、安裝完畢后,建議node 和 npm命令設(shè)置成全局使用
3、進(jìn)入項(xiàng)目DocumentRoot目錄,一般都是/,laravel是public目錄,在public目錄下面進(jìn)行安裝es6的polyfill.min.js文件(注意權(quán)限755),然后引入,在頁面中使用:
4、實(shí)例:
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/javascript" src="/node_modules/babel-polyfill/dist/polyfill.min.js"></script>
<script type="text/babel">
//js code ...
</script>
5、注意點(diǎn):最后的script type是text/babel,否則你前面的工作都白費(fèi)了。 嘿嘿,給我點(diǎn)贊吧,阿門?。?!
僅功能上來說,自己用Socket實(shí)現(xiàn)不難(你要做這么多平臺(tái)的,任務(wù)量可能會(huì)比較大)。
但如果要求比較高(數(shù)據(jù)安全性、并發(fā)性等等),推薦用一下第三方平臺(tái),國(guó)內(nèi)我知道的有融云、環(huán)信。去他們官網(wǎng)上看下,應(yīng)該可以滿足你的要求。
使用ajax請(qǐng)求后臺(tái)的api:
api生成一個(gè)驗(yàn)證碼存到redis,并發(fā)送給用戶手機(jī)。
驗(yàn)證時(shí),后臺(tái)拿到用戶輸入的驗(yàn)證碼和redis里面的驗(yàn)證碼做比較。
你這個(gè)動(dòng)畫是在什么時(shí)候觸發(fā)的? ngOnInit(), ngAfterViewInit() ?
對(duì)于復(fù)制集,唯一索引是保證絕對(duì)唯一的;對(duì)于分片集,只保證片內(nèi)唯一,不保證跨片的唯一,除非唯一索引正好是片鍵。
這些在文檔里有,可以參考。因?yàn)椴恢滥憔唧w出現(xiàn)的是什么問題,所以也沒法分析了。
你的代碼在第二個(gè)循環(huán)里加上索引,傳值時(shí)傳foodIndex,因?yàn)槟阋氖屈c(diǎn)擊food
<div v-for="(food,foodIndex) in item.foods" v-show="name==item.name" class = 'food' :class="{'food-selected':foodIndex== activeIndex}" @click ="addCart(food,foodIndex)" >
我的demo也換為多層循環(huán)了,數(shù)據(jù)結(jié)構(gòu)跟你差不多,一樣的可以的,你要注意下每層循環(huán)的索引要對(duì)應(yīng)每一層,不要寫錯(cuò)了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>changeClass</title>
<script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script>
<style>
.active{color:red;}
</style>
</head>
<body>
<div id="app">
<div>
<div v-for="(item,index) in goods">
{{item.value}}
<div v-for="(food,foodIndex) in item.foods" class="default" :class="{'active':item.activeIndex == foodIndex}" @click="changeClass(index,foodIndex)">
{{food.name}}
</div>
</div>
</div>
</div>
</body>
</html>
<script>
var app = new Vue({
el:'#app',
data:{
goods:[
{value:'食物',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null},
{value:'菜',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null},
{value:'飲料',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null}
],
},
methods:{
changeClass:function(index,foodIndex){
if(this.goods[index].activeIndex == foodIndex){
this.goods[index].activeIndex = null;
}else{
this.goods[index].activeIndex = foodIndex;
}
}
}
})
</script>this.$nextTick(function(){}
你應(yīng)該是需要這個(gè) git 如何還原某個(gè)文件
startDate: new Date('2014-01-01')
什么叫禁止瀏覽器跟著頁面滾動(dòng),是要拖動(dòng)時(shí)禁止頁面的滾動(dòng)嗎?
touchstart里document.documentElement.style.touchAction = 'none';
touchend里document.documentElement.style.touchAction = 'auto';用prop取value
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。