![240](https://cdn2.jianshu.io/assets/default_avatar/8-a356878e44b45ab268a3b0bbaaadeeb7.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
前面換公司了一直很忙沒(méi)時(shí)間寫(xiě)筆記(其實(shí)就是變懶= =)炬守,后面會(huì)定時(shí)更新學(xué)習(xí)筆記!加油! 最近在寫(xiě)公司官網(wǎng)磺陡,因?yàn)楣倬W(wǎng)是單人開(kāi)發(fā)技術(shù)棧都是自己定,還是選擇了老baby Vue漠畜,之...
1.css 局部樣式 vue 中style樣式添加scoped屬性表示它的樣式只作用于當(dāng)前組件币他,樣式私有化。 但是當(dāng)前組件的根組件會(huì)受到父組件樣式的影響憔狞。(比如父組件有個(gè).b...
你是不是一直都用console.log()來(lái)打印信息呢蝴悉? 你還知道console對(duì)象的哪些實(shí)用屬性? console.trace() //用來(lái)追蹤函數(shù)的調(diào)用軌跡瘾敢。 conso...
概述 摘錄項(xiàng)目學(xué)習(xí)中遇到的關(guān)鍵點(diǎn)拍冠,記錄后續(xù)整理 Vue 動(dòng)態(tài)組件 有時(shí)候,我們會(huì)遇到這樣的需求:通過(guò)點(diǎn)擊標(biāo)簽來(lái)切換不同的內(nèi)容簇抵,本質(zhì)上也就是切換不同的組件庆杜。關(guān)鍵點(diǎn)就在于,動(dòng)態(tài)切...
小程序開(kāi)發(fā)指南 | 微信小程序官網(wǎng) | 微信開(kāi)發(fā)者工具下載 | 小程序全局配置 如果對(duì)小程序一點(diǎn)都不熟悉的話,可以先到官網(wǎng)看文檔熟悉熟悉焦履,這里主要是我在看官網(wǎng)文檔做項(xiàng)目的過(guò)...
由于最近離職,趁著一段空白期,對(duì)過(guò)去做個(gè)一個(gè)比較詳情的總結(jié),也開(kāi)始嘗試寫(xiě)一寫(xiě)不一樣的行業(yè)的項(xiàng)目,于是就開(kāi)始在網(wǎng)上找了一些項(xiàng)目進(jìn)行練手,做完之后其實(shí)收獲還是挺多的,做個(gè)簡(jiǎn)單的心...
之前幫朋友寫(xiě)了這樣的一個(gè)效果:標(biāo)題欄中的元素隨著屏幕的滑動(dòng)發(fā)生漸變的效果拓劝,有文字大小的漸變也有透明度和距離的漸變等,后面沒(méi)有及時(shí)更新上來(lái)嘉裤,今天補(bǔ)一下郑临。效果圖如下: 思路 + ...
在網(wǎng)頁(yè)中,我們會(huì)遇到很多在滾動(dòng)條到底部的時(shí)候有數(shù)據(jù)正在加載的事件屑宠,那么怎樣用vue去實(shí)現(xiàn)這樣的內(nèi)容呢厢洞?本篇只給出一個(gè)雛形,結(jié)合vue的生命周期用純javascript寫(xiě)的一個(gè)...
新手快速掌握better-scroll的常用API只為新手上路~老司機(jī)別搶道 匯集配套功能的方法: 例如上拉刷新: 需開(kāi)啟,需監(jiān)聽(tīng)躺翻,需完成 縱向的排版 HTML: css: ...
首先了解下什么是骨架屏? 骨架屏就是在頁(yè)面數(shù)據(jù)尚未加載前先給用戶展示出頁(yè)面的大致結(jié)構(gòu)公你,直到請(qǐng)求數(shù)據(jù)返回后再渲染頁(yè)面踊淳,補(bǔ)充進(jìn)需要顯示的數(shù)據(jù)內(nèi)容。常用于文章列表陕靠、動(dòng)態(tài)列表頁(yè)等相對(duì)...
通常我們喜歡使用半透明顏色作為背景迂尝。如果將其疊放到照片背層上,就會(huì)增加視覺(jué)上的沖擊力剪芥,不過(guò)這樣會(huì)導(dǎo)致文字閱讀困難垄开。 比如,下面這個(gè)效果: html文件: css文件: 輸出的...
最近在用vue來(lái)做H5項(xiàng)目税肪,在之前的項(xiàng)目中就遇到了頁(yè)面刷新溉躲,導(dǎo)致store數(shù)據(jù)丟失,頁(yè)面數(shù)據(jù)加載失敗的問(wèn)題寸认。經(jīng)過(guò)不懈查找签财,最終找到了解決辦法: 思路: 將store的數(shù)據(jù)存儲(chǔ)...
上一篇唱蒸,我們實(shí)現(xiàn)了h5 實(shí)現(xiàn)向左平滑,出現(xiàn)按鈕操作灸叼,封裝組件神汹,模擬購(gòu)物車左滑刪除,現(xiàn)在我們將要實(shí)現(xiàn)一個(gè)下拉刷新的組件古今,模擬原生下拉刷新的操作屁魏。這對(duì)h5手勢(shì)的要求也是蠻高的,接...
需求背景 購(gòu)物車用h5做頁(yè)面抵碟?桃漾,那對(duì)手勢(shì)的考驗(yàn)就很大了,畢竟h5操作手勢(shì)不是那么的簡(jiǎn)單的拟逮,比如說(shuō)點(diǎn)擊事件和觸摸事件的沖突撬统、上下滑動(dòng)觸發(fā)左右的平滑事件等等,這些都是很難把握的沖...