1.對返回值先做下處理,轉(zhuǎn)換成對象:
var scoreMap = {
good:1,
morning: 1,
// 等等
}
2.把源字符串拆分,遍歷,獲取顏色
var arr = 'good morning'.split(' ')
for(var i= 0; i < arr.length; i++) {
console.log(scoreMap[arr[i]])
if (scoreMap[arr[i]] > 1) {
color = '綠色'
} else {
color = '紅色'
}
}https://jsfiddle.net/yz22v2fg/
a標(biāo)簽?zāi)愣疾粫昧藛???/p>
Object.assign在這里完全等價于e.returnValue = returnValue。
寫成這個樣子,要么是為了炫技,要么是為了讓接手的人看不懂
returnValue就是為了兼容性
window.onbeforeunload = function (e) {
e = e || window.event;
// 兼容IE8和Firefox 4之前的版本
if (e) {
e.returnValue = '關(guān)閉提示';
}
// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
return '關(guān)閉提示';
};
https://developer.mozilla.org...
然而真的為了兼容性的話才不會用Object.assign
所謂的手機配置就是一個js function,將其px轉(zhuǎn)換為rem.
所以你只要在項目中使用rem就可以了,把body的font-size當(dāng)成100px.
如果使用第三方組件后,發(fā)現(xiàn)沒有高清處理,那么就將那個高清js放到index.html中就可以了
可以給這李和王的那兩段代碼設(shè)置相同的類,給鄭的設(shè)置另外一個與李和王的class不同的類名,用document.querySelectorAll(".李和王的類名")獲取李和王的電話號碼,鄭的用document.querySelector(".鄭的類名")獲取鄭的電話號碼;
var mobile = document.querySelectorAll(".李和王的類名").innerHTML;
var mobile1 = document.querySelectorAll(".鄭的類名").innerHTML;
var reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])d{8}$/;
var r1 = reg .replace(mobile);
var r2 = reg .replace(mobile1);
發(fā)現(xiàn)原因了,阿里云默認只開放22端口,安全組設(shè)置端口白名單就好了,折騰了我好久。
appendChild 操作后就可以了
添加一個loading狀態(tài),滾動到底部時loading = true并開始加載,加載結(jié)束(成功或失敗)后loading=false,
加載分頁數(shù)據(jù)的方法中需要確保不在loading狀態(tài)否則不加載,怕方法調(diào)用頻繁可以加個debounce。
bootstrap柵格系統(tǒng)了解一下
https://v3.bootcss.com/css/#grid
打擾了,媒體查詢,移動端分辨率時設(shè)置text-align吧(==)
el-table打個ref=multipleTable,然后this.$refs.multipleTable.selection獲取勾選列表。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
td.hide {
display: none
}
</style>
</head>
<body>
<table width="20%" border="1" cellspacing="0" cellpadding="0" id="tb">
<thead>
<tr>
<td>選項</td>
<td>id</td>
<td>性別</td>
<td>年齡</td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"/><span>1</span></td>
<td>1</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td><input type="checkbox"/><span>1</span></td>
<td>1</td>
<td>男</td>
<td>28</td>
</tr>
<tr>
<td><input type="checkbox"/><span>2</span></td>
<td>2</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td><input type="checkbox"/><span>3</span></td>
<td>3</td>
<td>女</td>
<td>25</td>
</tr>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
var tb = document.getElementById('tb'),
rowscount = tb.rows.length,
cellcount = rowscount > 0 ? tb.rows[0].cells.length : 0,
innerHTML, rowspan, startRow;
for(var j = 0; j < cellcount; j++) {
startRow = 0;
innerHTML = tb.rows[startRow].cells[j].innerHTML
rowspan = 1;
for(var i = 1; i < rowscount; i++) {
if(tb.rows[i].cells[j].innerHTML == innerHTML && (j == 0 || i < startRow + parseInt(tb.rows[startRow].cells[0].getAttribute('rowspan') || 0))) {
rowspan++;
tb.rows[i].cells[j].className = 'hide';
} else {
if(rowspan > 1) tb.rows[startRow].cells[j].setAttribute('rowspan', rowspan);
startRow = i;
innerHTML = tb.rows[i].cells[j].innerHTML
rowspan = 1
}
}
if(rowspan > 1) tb.rows[startRow].cells[j].setAttribute('rowspan', rowspan);
}
$('tbody tr').children('td:first-child').find('input').siblings().html('')
</script>
</body>
</html>
tips不是寫著,或體驗:小程序/小游戲;藍色字體可點擊。不過不填appID一些api受限。
這就是數(shù)據(jù)持久化的必要性了。
事務(wù)的話由數(shù)據(jù)庫的事務(wù)來接手可能比較好,當(dāng)然如果你自己用代碼實現(xiàn)也沒問題,注意事務(wù)的鎖也要持久化就行
使用之前先wx.downloadFile到緩存,再從緩存中使用就行了
一般導(dǎo)出就好了啊。不過我覺得AI輸出的SVG太臟,所以喜歡用Inkscape直接打開AI,然后再輸出為SVG。
當(dāng)然,如果這些方法輸出的還有問題,那不排除是源文件本身的問題。
let mySwiper = new Swiper('.swiper-container', {
onSlideChangeStart: function(swiper) {
$('.tabs').find('.tab').removeClass('active');
$('.tabs').find('.tab').eq(swiper.activeIndex).addClass('active');
event.preventDefault();//阻止元素發(fā)生默認的行為
}
}
check階段發(fā)現(xiàn)有2個setImmediate的回調(diào)要執(zhí)行,執(zhí)行第一個setImmediate回調(diào)過程中產(chǎn)生了另一個nextTick,但我不管,我check階段還沒過,先執(zhí)行完我的回調(diào),等check階段完成在末尾執(zhí)行nextTick。
就是切換的時候塞數(shù)字的問題,為什么要用定時器呢,而且還是間隔一段時間執(zhí)行的
你不停的點擊不就有越來越多的定時器在執(zhí)行么,后面都不知道誰先執(zhí)行,誰后執(zhí)行
自己解決了. 錯誤應(yīng)該是指出我沒有進行錯誤處理.即返回的Promise沒有reject的處理函數(shù).另外,因為習(xí)慣于直接引入axios.沒有注意到官方處理過的axios的函數(shù),已經(jīng)在"~/plugins"文件夾當(dāng)中,內(nèi)置了相應(yīng)的baseURL.正確的寫法是這樣的.
import axios from 'axios'
export default {
async asyncData () {
return axios.get('http://localhost:3000/api/myMsg').then(res => {
return { testData: res.data }
}).catch(err => {
})
}
另外,參照官方模板寫下的代碼應(yīng)該是這樣的.
import axios from '~/plugins/axios'
export default {
async asyncData () {
return axios.get('/api/myMsg').then(res => {
return { testData: res.data }
})
}
區(qū)別就在于,你是直接引入axios.還是引入官方模板中,對于axios處理過的函數(shù)而已.總之還是樓主自己太粗心了.
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎ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)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(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)師。