1.單頁式滾動(dòng)動(dòng)畫(PC端常見JS)### skrollr.js (感覺前幾年在國外使用率比較高)e.g:國外網(wǎng)站：1）http://www.flatvsrealism.co...
發(fā)簡信
IP屬地：廣東
-
-
-
萬惡的IE需要兼容的地方
CSS:#### 1.透明度opacityIE8以及更早版本需要使用filter:Alpha(opacity=50)2.Transforms兼容代碼生產(chǎn)網(wǎng)址3.Zoomzom...
-
repaint和reflow
概念介紹一個(gè)頁面由兩部分組成： DOM：描述該頁面的結(jié)構(gòu) render(渲染)：描述 DOM 節(jié)點(diǎn) (nodes) 在頁面上如何呈現(xiàn) 當(dāng) DOM 元素的屬性發(fā)生變化 (如 c...
-
隨著鼠標(biāo)位移的動(dòng)畫效果實(shí)現(xiàn)
1.純JS實(shí)現(xiàn) [demo]這種方式需要已知寬度和高度虐杯。從而得出這片區(qū)域的中心點(diǎn)碎紊。設(shè)可以移動(dòng)區(qū)域?yàn)閙甫恩，所有最大可以位移的值為m,意味著鸣个，當(dāng)鼠標(biāo)在離中心點(diǎn)最遠(yuǎn)的地方的時(shí)候帅矗，剛好...
-
網(wǎng)頁性能測(cè)試
1.GTmetrix##### https://gtmetrix.com/一般互聯(lián)網(wǎng)的網(wǎng)站猴鲫，得分要達(dá)到C（包含A和B）以上对人，最好能達(dá)到B。 YSlow的檢查項(xiàng)目1拂共、Add E...
-
移動(dòng)端優(yōu)化1. 代碼優(yōu)化##### css和js文件需要uglify 使用grunt等構(gòu)建化工具 2. 圖片優(yōu)化##### 大小優(yōu)化1）png:a.多彩圖片使用png24b.低彩圖片使...
-
table-layout屬性研究
默認(rèn)情況下是auto牺弄。如果不設(shè)置寬度，則隨機(jī)分布寬度與高度宜狐。 table-layout: auto 一行只有單個(gè)格子被賦值時(shí)如果單個(gè)格的寬度設(shè)計(jì)大于表格寬度,則該寬度并不會(huì)生...
-
響應(yīng)式圖像做法
1.包裝法##### 通過讓圖片完全符合作為“包裝盒”的div得寬度势告，通過改變外層“包裝盒”的寬度來達(dá)到圖片自適應(yīng)。同時(shí)不需要設(shè)置圖片的高度抚恒，讓其按照寬度等比例縮放咱台。缺點(diǎn)：圖...
-
IE11使用F12開發(fā)人員工具一片空白無法正常使用的解決方案今天打開IE發(fā)現(xiàn)機(jī)子的IE還是IE8回溺，于是就順手去升級(jí)，安裝好后順手按了一下F12，就看到以下畫面 報(bào)錯(cuò)代碼：IE11 Exception in window.onload:...
-
About intellij idea14一遗遵、JDK環(huán)境配置###### http://jingyan.baidu.com/article/3c343ff70bc6ea0d377963df.html**** 二萍恕、軟件...
-
像素比概念解釋與相關(guān)介紹1. 概念介紹#### 絕對(duì)長度單位和相對(duì)長度單位的區(qū)別 絕對(duì)長度單位：自然界標(biāo)準(zhǔn)的長度單位。例如in（inch英寸）车要、cm（厘米）雄坪、mm（毫米）等等。 相對(duì)長度單位：px,...