經(jīng)過一番不懈的努力，我們終于按照Hexo免費搭建一個屬于自己的博客搭建好了一個屬于自己的博客，并且還安裝了一個Next主題，但是我們的博客一開始還是很簡陋的，我們需要把她裝修...
發(fā)簡信
IP屬地：山西
-
Hexo的Next主題詳細(xì)配置 -
flex布局下img圖片變形的解決方法一、flex-shrink: 0 給 img 設(shè)置 flex-shrink: 0;flex-shrink 的默認(rèn)值為1，如果沒有顯示定義該屬性，將會自動按照默認(rèn)值1在所有因子...
-
2-Vue-vue-cli腳手架0.問題 之前我們用npm管理包,利用webpack打包,將入口文件(導(dǎo)入所有需要的外部鏈接,減少請求次數(shù),壓縮代碼,提高效率),通過webpack轉(zhuǎn)換為瀏覽器識別的代碼,但...
-
工程化 -- Webpack
工程化，簡單來說就是使小作坊生產(chǎn)變成流水線生產(chǎn)，實現(xiàn)自動化、模塊化、性能優(yōu)化等。 自動化可以通過命令行來實現(xiàn)。 實現(xiàn)從SCSS到CSS的自動化 全局安裝Node-sass n...
-
Local Storage
Local Storage是html5提供的API，實質(zhì)上是一個哈希表。Session是服務(wù)器上的哈希表，Local Storage是瀏覽器上的哈希表。 存值：.setIte...
-
命令行全局安裝和項目安裝的區(qū)別
以安裝 http-server為例。 首先新建一個目錄并進(jìn)入：touch node-democd node-demo 全局安裝http-servernpm install -...
-
Node-sass實現(xiàn)從SCSS到CSS的自動化
前端不會用SASS是因為不會命令行。用命令行可以實現(xiàn)SCSS到CSS的自動化。 全局安裝Node-sass node-sassnpm install -g node-sass...
-
Cookie與登錄注冊
首先，寫一個簡單的注冊頁面sign_up.html（前端） 把用戶輸入的內(nèi)容放到一個哈希中（前端） 給server.js里添加一個路由，如果請求路徑是/sign_up，就顯示...
-
setInterval()改寫成setTimeout()
setInterval()方法重復(fù)調(diào)用一個函數(shù)或執(zhí)行一個代碼段，在每次調(diào)用之間有固定的時間延遲。setTimeout()方法設(shè)置一個定時器，定時器到期后執(zhí)行一個函數(shù)或一段代碼...
-
CSS實現(xiàn)固定比例寬高
需求在一個產(chǎn)品列表中，有若干個item，每個item都左浮，并包含在自適應(yīng)瀏覽器寬度的父元素中。在保持item寬高比例固定的情況下，使item元素可以和父元素同比縮放。 方法...
-
自己實現(xiàn)AJAX
如何發(fā)請求？ 用form可以發(fā)請求，但是會刷新頁面或新開頁面；用a可以發(fā)get請求，但是也會刷新頁面或新開頁面；用image可以發(fā)get請求，但是只能以圖片形式展示；用lin...
-
一個簡易server
Tim Berners-Lee寫出了第一個網(wǎng)頁、第一個瀏覽器和第一個服務(wù)器。網(wǎng)頁我們見過，瀏覽器我們見過，但我們還沒見過服務(wù)器。了解服務(wù)器的原理是非常重要的。 我們可以自己搞...
-
Page Visibility API
我制作了一個自動播放的無縫輪播：自動播放代碼現(xiàn)在我發(fā)現(xiàn)它有一個bug：每次切換到其他標(biāo)簽的網(wǎng)頁，再切換回來時，播放出現(xiàn)了混亂。 我嘗試寫如下代碼： 也就是每秒打印兩次當(dāng)前時間...
-
點擊別處關(guān)閉浮層
需求：點擊button出現(xiàn)浮層，點擊別處關(guān)閉浮層。我們有一個按鈕和一個浮層，浮層內(nèi)為一個checkbox，浮層默認(rèn)不顯示： 方案一：監(jiān)聽button和document，but...
-
移動端適配（響應(yīng)式）
1. viewport元標(biāo)簽 移動端瀏覽器在一個比屏幕更寬的虛擬視口（通常為980px）中渲染頁面，用戶通過平移和縮放來瀏覽頁面不同區(qū)域。引入viewport元標(biāo)簽可以讓we...