用戶中心USER CENTER
摘要：雪碧圖的使用場景靜態圖片，不隨用戶信息的變化而變化。使用使用雪碧圖之前，我們需要知道雪碧圖中各個圖標的位置。以上面的雪碧圖為例實際雪碧圖中各個小圖片的起始位置和上面的展示圖不同用一個來闡述它的使用方法。 CSS雪碧圖，即CSS Sprite，也有人叫它CSS精靈圖，是一種圖像拼合技術。該方法是將多個小圖標和背景圖像合并到一張圖片上，然后利用CSS的背景定位來顯示需要顯示的圖片部分。 s...
摘要：實現原理紅色的個左浮動，左右為，父容器左右為，這樣相當于是把父容器拉長了，因此就達到了兩端對齊的效果。的柵格系統就是這么干的，要求我們的父容器需要為，而的左右就為。 兩端對齊效果 showImg(https://segmentfault.com/img/bVbgswx?w=1303&h=523); 如上圖中紅色的9個div它們中間有間距，而最左邊和最右邊是沒有間距的，這種布局如果使用c...
摘要：為使瀏覽器載入大量模塊時不會造成內存占用過高，瀏覽器應能使被移除后的模塊能被完全釋放。瀏覽器應使模塊運行在獨立空間中，以保證模塊自身錯誤時不至于導致整個應用停止工作。 IOING 在做些什么？ IOING 在你的代碼和瀏覽器之間架設了一個中間解釋層，該解釋層提供了一套新的語法來填補瀏覽器所不具備的能力。 SPA 開發痛點 開發一個 SPA 應用的痛點是不同模塊頁面的狀態保存，當從一個頁...
摘要：最近在實現一個顯示顏色數值的動畫效果時，嘗試使用了書寫模式及來實現文字的豎直方向的排列，并借助的過渡來實現動畫效果。書寫模式控制行內字符的旋轉此時，效果如圖然后我們將外層容器設置為，再添加一點即可實現數字的滾動效果。 最近在實現一個顯示RGB顏色數值的動畫效果時，嘗試使用了writing-mode(書寫模式)及 text-orientation來實現文字的豎直方向的排列，并借助CSS的...
摘要：那其實這個問題還可以換個問法實現一個函數，輸入一個數字能返回斐波那契數列的第個值。文章預告更多的前端面試分享我都會第一時間更新在我的公眾號閏土大叔里面，歡迎關注 面試攢經驗，lets go！ 值此高考來臨之際，閑不住的我又雙叒叕出發去面試攢經驗了，去了公司交待一番流程后，面試官甩給了我一張A4紙，上面寫著一道js算法筆試題（一開始我并不知道這是在考察js算法），上面寫著1、1、2、3、...
