m端列表的加載更多這是一個(gè)很常用的功能,也有很多現(xiàn)成的框架和組件可以使用,如果要自己實(shí)踐的話還是主要看實(shí)現(xiàn)思路和可復(fù)用性。在看mint-ui源碼的時(shí)候看到這個(gè)實(shí)現(xiàn)方式,分享一...
m端列表的加載更多這是一個(gè)很常用的功能,也有很多現(xiàn)成的框架和組件可以使用,如果要自己實(shí)踐的話還是主要看實(shí)現(xiàn)思路和可復(fù)用性。在看mint-ui源碼的時(shí)候看到這個(gè)實(shí)現(xiàn)方式,分享一...
更多的時(shí)候我們第一反應(yīng)是用js計(jì)算解決問(wèn)題,但是js的計(jì)算是消耗性能的,所以在有選擇的情況下我們應(yīng)該盡量給自己儲(chǔ)備多的選項(xiàng)。 1、實(shí)現(xiàn)一個(gè)不定寬高的盒子居中 方案一: 利用f...
因工作需要,需要部署測(cè)試環(huán)境,學(xué)習(xí)了一些安裝nginx 的配置以及訪問(wèn),并且記錄下來(lái),新手,大家多多指教~ 申請(qǐng)?zhí)摂M機(jī) 比如:IP:10.96.87.204 密碼:1234...
在工作中經(jīng)常會(huì)遇到一個(gè)效果就是吸頂,這個(gè)菜單一般默認(rèn)是在某一個(gè)未知,然后在滾動(dòng)的過(guò)程中一旦它要從屏幕中消失了就直接吸附在頁(yè)面的頂部。 當(dāng)我們看到這個(gè)的效果的時(shí)候第一反應(yīng)一般用...
動(dòng)態(tài)生成的內(nèi)容 即 通過(guò) v-html 創(chuàng)建的 DOM 內(nèi)容不受 scoped 樣式影響。這個(gè)時(shí)候可以用深度選擇器來(lái)搞定它,參考鏈接https://vue-loader.vu...
這個(gè)標(biāo)題其實(shí)不怎么恰當(dāng),這個(gè)菜單的實(shí)現(xiàn)方式和vue關(guān)系不大,但是因?yàn)槟壳绊?xiàng)目用的vue,所以就直接看看在vue項(xiàng)目里面怎么去實(shí)現(xiàn)。 [假裝這里有圖]效果圖就不貼了,場(chǎng)景比較多...
背景 接口連路很長(zhǎng)導(dǎo)致返回?cái)?shù)據(jù)很慢,頁(yè)面長(zhǎng)時(shí)間loading空白,甚至超時(shí)報(bào)錯(cuò),導(dǎo)致整個(gè)站的用戶體驗(yàn)很差。場(chǎng)景特點(diǎn): 數(shù)據(jù)量比較大, 僅用于進(jìn)入頁(yè)面的時(shí)候展示,替代空白的lo...
一、promise是什么?有什么特點(diǎn)? Promise 是異步編程的一種解決方案,簡(jiǎn)單說(shuō)就是一個(gè)容器,里面保存著某個(gè)未來(lái)才會(huì)結(jié)束的事件(通常是一個(gè)異步操作)的結(jié)果。從語(yǔ)法上說(shuō)...
vue的watch和computed到底哪里不同?這個(gè)問(wèn)題在我看文檔的時(shí)候沒(méi)有很懂,以至于我就忘記了computed也會(huì)觸發(fā)更新,結(jié)果悲劇了。。。吃一塹長(zhǎng)一智,補(bǔ)課走起。 第...
(一)場(chǎng)景:例如百度的搜索框,當(dāng)我們輸入搜索內(nèi)容的時(shí)候會(huì)彈出搜索建議提示窗,然后當(dāng)我們點(diǎn)擊其他區(qū)域的時(shí)候這個(gè)彈窗就會(huì)收起。上一張圖看一下: (二)先要知道的基礎(chǔ)點(diǎn): vm.$...
面向?qū)ο笕蠡咎匦允欠庋b,繼承,多態(tài)。封裝就是把客觀事物封裝成抽象的類(lèi),并且類(lèi)可以把自己的數(shù)據(jù)和方法只讓可信的類(lèi)或者對(duì)象操作,對(duì)不可信的進(jìn)行信息隱藏。Javascript中...
瀏覽器(或者說(shuō)JS引擎)執(zhí)行JS的機(jī)制是基于事件循環(huán)。 由于JS是單線程,所以同一時(shí)間能且只能執(zhí)行一個(gè)任務(wù),其他任務(wù)就得排隊(duì),后續(xù)任務(wù)必須等到前一個(gè)任務(wù)結(jié)束才能開(kāi)始執(zhí)行。 為...
背景介紹 Less 是一門(mén) CSS 預(yù)處理語(yǔ)言,它擴(kuò)充了 CSS 語(yǔ)言,增加了諸如變量、混合(mixin)、函數(shù)等功能,讓 CSS 更易維護(hù)、方便制作主題、擴(kuò)充。使用less...
上一篇文章介紹了安裝nginx的過(guò)程,這篇文章來(lái)記錄一下nginx中配置多個(gè)server時(shí)的匹配順序。關(guān)于安裝請(qǐng)查看安裝nginx 首先我們先看一下匹配的幾個(gè)模式 精確匹配 ...
溫故而知新,很多東西了解但不是很明確就很容易忘記,項(xiàng)目中就會(huì)不斷的踩坑,所以今天宅在家里看看js的事件部分,爭(zhēng)取早日爬出這個(gè)坑,進(jìn)入下一個(gè),好了回歸正題。 一、 有關(guān)事件的幾...
背景: 最近在搞一個(gè)需求:搜索框,輸入時(shí)顯示聯(lián)想詞下拉列表,當(dāng)點(diǎn)擊聯(lián)想詞跳轉(zhuǎn)到搜索頁(yè),如果點(diǎn)擊其他部分收起聯(lián)想的下拉列表。接到需求后第一反應(yīng)用失焦(blur)去做收起操作避免...
mithril.js是什么 Mithril is a modern client-side Javascript framework for building Single ...