原创 JS之原型相關
原型概述 原型(prototype): 保存所有子對象共有成員的對象 每個構造函數都有一個原型屬性, 引用了該構造函數對應的原型對象 由構造函數創建的每個對象中都有一個proto屬性, 指向構造函數的原型對象 在訪問子對象的成員時,
2018-11-21 01:46:07
原创 DOM之概述
DOM概述 JS = ECMAScript(核心語法) + DOM(專門操作網頁的API) + BOM(專門操作瀏覽器窗口的API) DHTML : 所有實現網頁動態效果的統稱, 即HTML + CSS + JS DOM: 操作一
2018-11-13 23:29:20
原创 主要電商網站首屏性能對比
本文是我對幾個主要電商網站性能之間的對比，分析對象均爲各網站首屏，分析工具爲Chrome。由於天貓、淘寶、京東採用的加載策略是不斷地預加載，所以數據不精確。且網站性能的影響因素極多，本文僅作參考。 諸事件 天貓 淘寶 京東 蘑菇街
2018-09-03 15:00:46
原创 Meta http-equiv屬性詳解
轉自http://kinglyhum.iteye.com/blog/827807 http-equiv顧名思義，相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值爲content
2018-09-03 15:00:46
原创 JS之apply、call、bind
在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麼樣的區別呢。 在說區別之前還是先總結一下三者的相似之處： 1、都是用來改變函數的this對象的指向的。 2、第一個參數都是this要指向的對象。 3、都可以利用後續
2018-09-03 15:00:46
原创 居中佈局的幾種方式
水平居中 利用display:table .box{ display:table; margin:0 auto; } 利用display:flex .boxParent{ display:flex; } .box
2018-09-03 15:00:46
原创 JS獲取瀏覽器中的各種寬高值
width： clientWidth：對象實際內容的寬度，不包含邊線，最大不超過視口寬度 offsetWidth：對象實際寬度，包含邊線，最大不超過視口寬度 scrollWidth：對象實際寬度，不包含邊線，可超過視口寬度 heigh
2018-09-03 15:00:46
原创 氣泡效果邊框三角形的寫法
在實際開發中常常會有這樣的場景：類似聊天或者提示這樣的場景，此時文字框並非是一個完全矩形的框，而是在矩形框的某一側還有一個小三角的突起。我們知道CSS盒模型都是矩形的，那我們怎麼做出來這樣的效果呢？ 先用CSS寫一個三角出來 <div c
2018-09-03 15:00:46
原创 Flex佈局
本文整理自阮一峯大神的博客，原文地址http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 佈局的傳統解決方案，基於盒狀模型，依賴 display屬性 + position屬
2018-09-03 15:00:46
2
原创 BOM之事件相關
事件 事件：瀏覽器自動觸發的或用戶手動觸發的對象狀態的改變 事件處理函數：當事件發生時，自動執行的函數對象 如何綁定事件處理函數：3種 在JS動態綁定事件處理函數：elem.事件名 = 函數對象 問題1：同一元素的同一事件處理函數
2018-09-03 15:00:46
原创 scss
變量 變量的聲明： $/^[A-Za-z_]+\w*/ : value 變量類型： 1. 數字（e.g. 2，3，10px） 2. 有引號或者沒有引號的文本字符（e.g. foo,"foo",'foo'） 3. 色值（e.g. blu
2018-09-03 15:00:46
原创 JS匿名函數
什麼是匿名函數 在Javascript定義一個函數一般有如下三種方式： 函數關鍵字(function )語句： function fnMethodName(x) { alert(x); } 函數字面量(Function
2018-09-03 15:00:46
原创 文庫
圖片相關 WebP介紹，騰訊ISUX（https://isux.tencent.com/introduction-of-webp.html） APNG介紹，騰訊ISUX（http://isux.tencent.com/introduct
2018-09-03 15:00:46
原创 7個你可能不認識的CSS單位:rem vh vw vmin vmax ex ch
今兒，我就準備向大夥兒介紹一些你們之前可能很少見過CSS傢伙們。他們每個都是度量的單位，類似pixel 和 em 這樣的，但是很有可能你之前從來就沒聽過這些傢伙們！ rem 我們首先介紹下和我們熟悉的很相似的貨。em 被定義爲相對於當前對
2018-09-03 15:00:24
原创 CSS之元素相關
表格相關屬性 border-collapse 邊框是否合併 separate 分離邊框(默認) collapse 合併邊框 border-spacing 邊框邊距(border-collapse必須爲separa
2018-09-03 15:00:24
3