webstorm真的是很容易出問題。我用了很久webstorm,現(xiàn)在改回用sublime了。另外,sublime有vue插件,webstorm沒有哦。尤老師也說過他也是用sublime也不用webstorm哦。
var winHeight = $(window).height(); //獲取當前頁面高度
$(window).resize(function() {
var thisHeight = $(this).height();
if (winHeight - thisHeight > 50) {
//當軟鍵盤彈出,在這里面操作
//alert('aaa');
$('body').css('height', winHeight + 'px');
} else {
//alert('bbb');
//當軟鍵盤收起,在此處操作
$('body').css('height', '100%');
}
});
1.全局安裝依賴包 /加載會慢些/各個項目不同,依賴包版本產(chǎn)生問題
2.本地自己打包好一個經(jīng)常安裝的依賴文件;
clone項目時,直接粘貼過來,解壓使用;另外需要的在單獨安裝
3.刪除依賴包可以使用
npm install rimraf -g
rimraf node_modules各有各的好處,但是雪碧圖用在rem布局中,很難計算,還有另外一點就是用圖片的缺陷,可能在高分辨率下,圖片會模糊。而用字體文件的缺陷也很明顯,比如,多色圖標的支持還不完善,如果需要色彩燦爛的icon,用字體文件就不合適啦??辞闆r選擇雪碧圖、字體文件或者單張圖片。沒有說哪種是最好的,只有哪種方式更適合你的項目。
推薦你看看:Iconfont 多色圖標和漸變色圖標的應用
var timer; 定義在search外邊 要不每次觸發(fā)都新定義了一個timer 就不是上次settime的handle了
將圖片中的改成下面的,就能夠格式化日期了。
<script th:inline="javascript" type="text/html" id="birth">
{{#
return layui.util.toDateString(d.birth.time, 'yyyy-MM-dd')
}}
</script>
可以做到。上傳圖片后,前端可以通過 canvas 相關 api 解析圖片信息,剩下的,圖像識別是專門算法領域的內(nèi)容了。
http://www.cnblogs.com/longm/...
計算白屏時間
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>白屏</title>
<script type="text/javascript">
// 不兼容performance.timing 的瀏覽器,如IE8
window.pageStartTime = Date.now();
</script>
<!-- 頁面 CSS 資源 -->
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="page.css">
<script type="text/javascript">
// 白屏時間結束點
window.firstPaint = Date.now();
</script>
</head>
<body>
<!-- 頁面內(nèi)容 -->
</body>
</html>
因此白屏時間則可以這樣計算出:
可使用 Performance API 時
白屏時間 = firstPaint - performance.timing.navigationStart;
首屏時間
通常計算首屏的方法有
首屏模塊標簽標記法
統(tǒng)計首屏內(nèi)加載最慢的圖片的時間
自定義首屏內(nèi)容計算法
1、首屏模塊標簽標記法
首屏模塊標簽標記法,通常適用于首屏內(nèi)容不需要通過拉取數(shù)據(jù)才能生存以及頁面不考慮圖片等資源加載的情況。我們會在 HTML 文檔中對應首屏內(nèi)容的標簽結束位置,使用內(nèi)聯(lián)的 JavaScript 代碼記錄當前時間戳。如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首屏</title>
<script type="text/javascript">
window.pageStartTime = Date.now();
</script>
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="page.css">
</head>
<body>
<!-- 首屏可見模塊1 -->
<div class="module-1"></div>
<!-- 首屏可見模塊2 -->
<div class="module-2"></div>
<script type="text/javascript">
window.firstScreen = Date.now();
</script>
<!-- 首屏不可見模塊3 -->
<div class="module-3"></div>
<!-- 首屏不可見模塊4 -->
<div class="module-4"></div>
</body>
</html>
時首屏時間等于 firstScreen - performance.timing.navigationStart;
事實上首屏模塊標簽標記法 在業(yè)務中的情況比較少,大多數(shù)頁面都需要通過接口拉取數(shù)據(jù)才能完整展示,因此我們會使用 JavaScript 腳本來判斷首屏頁面內(nèi)容加載情況。
2、統(tǒng)計首屏內(nèi)圖片完成加載的時間
通常我們首屏內(nèi)容加載最慢的就是圖片資源,因此我們會把首屏內(nèi)加載最慢的圖片的時間當做首屏的時間。
由于瀏覽器對每個頁面的 TCP 連接數(shù)有限制,使得并不是所有圖片都能立刻開始下載和顯示。因此我們在 DOM樹 構建完成后將會去遍歷首屏內(nèi)的所有圖片標簽,并且監(jiān)聽所有圖片標簽 onload 事件,最終遍歷圖片標簽的加載時間的最大值,并用這個最大值減去 navigationStart 即可獲得近似的首屏時間。
此時首屏時間等于 加載最慢的圖片的時間點 - performance.timing.navigationStart;
3、自定義模塊內(nèi)容計算法
由于統(tǒng)計首屏內(nèi)圖片完成加載的時間比較復雜。因此我們在業(yè)務中通常會通過自定義模塊內(nèi)容,來簡化計算首屏時間。如下面的做法:
忽略圖片等資源加載情況,只考慮頁面主要 DOM
只考慮首屏的主要模塊,而不是嚴格意義首屏線以上的所有內(nèi)容
聊天組件componentDidMount的時候連接socket
所以建議:
最后,不要想走捷徑,這和彎道超車完全是兩個概念。必須付出足夠的努力,才有機會成功。
eventBus很方便
中文的用encodeURIComponent(name)試試
既然用Vue,就不要用jQuery了,你這個需求需要使用動態(tài)模板(dynamic template),步驟這樣:
1 需要用vue的full版本(包括compiler),而不僅是runtime版本,在webpack配置中需要增加一個alias,類似
vue: 'vue/dist/vue.js'
2.然后在模板文件中,使用下面的方式來嵌入動態(tài)模板
<component :is="dynamicTemplate()" />
dynamicTemplate函數(shù)需要返回處理好的模板內(nèi)容,類似:
return Vue.compile('<div>' + dynamicContent +'</div>')
之所以再套一個div,是因為Vue的模塊需要單根。如果在動態(tài)模板內(nèi)容中依賴一些組件,這些組件需要提前注冊好,可以使用vue的全局模塊注冊。
function f(arr) {
var ret = []
function fi(result, i) {
if (i === -1) {
ret.push(result)
} else {
let items = arr[i]
if (!Array.isArray(items)) {
items = [items]
}
items.forEach(item => {
fi([item,...result], i - 1)
});
}
}
fi([], arr.length - 1)
return ret
}
const arr = [[1,2],3,[4,5,6]];
console.log(f(arr))都js封裝的。前端框架再多,全是js
{{}}換成ng-bind一定程度上可以解決這種問題
你怎么遍歷的 可以用forEach方法或者for of values
可以先轉(zhuǎn)回Buffer在轉(zhuǎn)成字符串。
你確定不是300毫秒延遲的問題?建議你搜一下看看是否是這里的問題.
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產(chǎn)業(yè)為響應國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產(chǎn)業(yè)鏈。利用北京大學優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。