原创 關於行內元素能否設置寬高的問題

理論上來說,行內元素區別於塊級元素的一點就是它不能設置寬高。例如:   <div style="width: 100px; height: 100px; background-color: black"> <span style

原创 函數內部的特殊對象arguments

首先,我們應該明確:arguments是對象,而不是數組(它不是Array的實例)。我們可以理解爲函數的參數使用數組來存儲的,arguments對象可以訪問這個數組,而訪問的方法就是使用方括號。 函數不介意傳進來幾個參數,例如:

原创 創建對象的方法總結

把《JS高程》上創建對象的方法記錄下來,以加深印象。 原始模式 var obj = new Object(); obj.name = "Mary"; obj.age = "20"; 工廠模式 function createPers

原创 slice(),substr()和substring()參數及返回值的區別

這三個方法都是Sring類型的基於字符串產生子字符串的方法,所以這三個方法都不會對原字符串產生什麼影響。 slice(start, end); substring(start, end); substr(start, l

原创 css3 box-shadow屬性

語法:box-shadow:h-shadow v-shadow blur spread color inset; h-shadow(必需):水平方向上的陰影偏移距離; v-shadow(必需):垂直方向上的陰影偏移距離; blur(可選)

原创 innerHTML, outerHTML, innerText, outerText, textContent

標題中提到的這些屬性都是用來獲取元素內容的,那麼它們的區別是什麼呢?各大瀏覽器的兼容性又是怎麼樣的呢? innerHTML/outerHTML 首先,我們說說對innerHTML的賦值操作:先對擁有該屬性的元素從標籤開始處到標籤結束處進行

原创 圖片懶加載

參考文章:http://blog.csdn.net/itzhongzi/article/details/77466779 http://www.ruanyifeng.com/blog/2016/11/intersectionobs

原创 關於確定瀏覽器窗口大小的問題

正如《JavaScript高級程序設計》中所說的一樣:“跨瀏覽器確定一個窗口的大小並不是一件簡單的事。”瀏覽器爲此提供了四個屬性:innerWidth,innerHeight,outerWidth和outerHeight。《JavaScr

原创 記錄一個router-link和v-for聯合使用的坑

錯誤代碼: <div id="app"> <router-link v-for="item in items" to="'/' + item.id" :key="item.id">{{item.cont

原创 npm install及其配置參數使用細則

npm install是用來安裝項目所依賴的模塊的。當我們使用git clone將線上項目下載到本地時,並沒有下載node_modules這個目錄。因爲它保存了項目所依賴的所有模塊,通常有幾百兆大。雖然我們沒有得到node_mod

原创 Redux學習筆記(一)

Redux是一種狀態管理工具,嚴格的單向數據流是redux架構的設計核心。Redux數據流的圖示如下: 以counter爲例 Action action就是一個普通的javascript對象,它用來描述發生了什麼變化。按照約定,act

原创 React生命週期

react生命週期圖示: 1、propType和defaultProps propType用於檢測props數據的類型,類型不符實會報錯,但對於不確定和無效的值它不會捕捉到錯誤,比如null。應用舉例: class Son exte

原创 mysql基礎命令

以從無到有建表,以及對錶的操作這樣的順序總結如下: 輸入密碼進入到mysql的命令行: show databases; 查看所有庫(注意:分號是必須的,代表SQL語句的結束) create database test; 創建一個名

原创 H5離線緩存機制-Manifest

Manifest是一個簡單的文本文件,它的擴展名是任意的,定義需要緩存的文件、資源,當第一次打開時瀏覽器會自動緩存相應的資源。 Manifest的特點: 離線瀏覽:斷網時也可以繼續訪問頁面 訪問速度快:將文件緩存到本地,不需要每次

原创 Grid佈局

Web佈局經歷的四個階段: 1、table 2、float和position定位 3、flex 4、grid grid也分爲網格容器和網格項目 網格容器 display: grid 生成一個塊級網格 display: inline-