摘要:最近學(xué)習(xí)了的動(dòng)畫(huà)在這里做一個(gè)總結(jié)。也可以用復(fù)合屬性移動(dòng)圖片正方向的左邊移動(dòng)也就是我們的右邊不要以為始終是是數(shù)學(xué)數(shù)軸的軸方向。其中值為默認(rèn)值,表示所有子元素在平面呈現(xiàn)。更多的還是需要結(jié)合代碼修改練習(xí)去體會(huì)。 最近學(xué)習(xí)了CSS3的動(dòng)畫(huà),在這里做一個(gè)總結(jié)。現(xiàn)在大部分的交互動(dòng)畫(huà),我們都可以使用CSS3來(lái)完成,效率更高,并且在移動(dòng)端上的兼容非常好。但是缺少一種正向編程的快感(個(gè)人感覺(jué))。 先引出...
摘要:引用計(jì)數(shù)這是最簡(jiǎn)單的垃圾收集算法。然而,引用計(jì)數(shù)算法考慮到它們互相都有至少一次引用,所以它們不會(huì)被回收。事件代理發(fā)生在冒泡階段。為時(shí)取消事件默認(rèn)行為,為時(shí)取消時(shí)間傳播通常利用事件冒泡機(jī)制托管事件處理程序提高程序性能。 JS延遲加載的方式有哪些? JS的延遲加載有助與提高頁(yè)面的加載速度。defer和async、動(dòng)態(tài)創(chuàng)建DOM方式(用得最多)、按需異步載入JSdefer:延遲腳本。立即下載...
摘要:準(zhǔn)備一個(gè)容器首先在外插入一個(gè)的容器避免重繪計(jì)算方法總結(jié)出了兩種方法,這里由于我使用的是,其他元素同理。下面先說(shuō)性能最好的一個(gè)方法,先創(chuàng)建所有的元素,然后統(tǒng)一到準(zhǔn)備好的容器里。 準(zhǔn)備一個(gè)容器 首先在body外插入一個(gè)absolute的容器避免重繪: const svgWidthTestContainer = document.createElement(svg); svgWidthTes...
摘要:在線首先是一張思維導(dǎo)圖然后是以上屬性的標(biāo)注說(shuō)明代碼層除去可從父組件接收的屬性,組件自身有以下屬性當(dāng)前顯示的圖片列表鼠標(biāo)是否懸浮在組件上自動(dòng)切換的每項(xiàng)元素的寬度是否是反向切換,觸發(fā)時(shí),該屬性為組件掛載之前計(jì)算每項(xiàng)元素的寬度,即的值初始化顯示 1. 在線DEMO http://va-carousel.xiaoshang.online Github 2. 首先是一張思維導(dǎo)圖 showImg(...
摘要:因?yàn)閷傩圆檎沂前凑赵玩湶檎遥炔檎易陨碓俨檎以玩?,找到為止。用了等?hào),先給自身賦值,所以自身賦值成功了也不會(huì)繼續(xù)去原型鏈查找。因?yàn)槎加懈髯缘娜毕荩跃陀幸环N組合繼承,將構(gòu)造函數(shù)繼承和繼承混合起來(lái),方法寫(xiě)在父類的上,是比較常見(jiàn)的方法。 本文來(lái)自我的github 0.前言 這些都是js基礎(chǔ)進(jìn)階的必備了,有時(shí)候可能一下子想不起來(lái)是什么,時(shí)不時(shí)就回頭看看基礎(chǔ),增強(qiáng)硬實(shí)力。 1.this...