原创 js類型轉換的各種玩法

前言 對於object和number、string、boolean之間的轉換關係 [ ] Object 與Primitive,需要Object轉爲Primitive [ ] String 與 Boolean,需要兩個操作數同時轉爲Numb

原创 如何寫出優質乾淨的代碼,這6個技巧你不能錯過!

編寫乾淨的代碼並不是一件容易的事情,這需要嘗試不同的技巧和實踐。 作爲一名開發者,編寫一手乾淨的代碼很重要. 先列舉出編寫乾淨代碼的一些好處,再提出6個技巧用於編寫乾淨代碼,供開發者進行參考學習。 開頭 寫乾淨代碼的好處 先來了解編寫乾淨

原创 JS節流和防抖的區分和實現詳解

關於JS中比較常用的函數:節流函數和防抖函數,從概念、使用場景到代碼簡單實現做了一個詳細的區分。希望對你有所幫助。 在寫JS時,這兩個函數比較常見,有時候傻傻分不清用哪個,或者說知道代碼要怎麼寫,但要說出它究竟是節流函數還是防抖函數時一臉

原创 WEB前端開發的思考與感悟

最近幾年對於web前端的傳聞很多,比如人才稀缺,簡單易學,待遇豐厚,整體勢頭髮展良好等等。遇到過一個不太熟搞後臺開發的同事跑來問我學習前端需要掌握哪些內容,也聽說過一個搞IOS開發準備自學前端半個月然後要去找前端工作,也曾看到過有人對前端市

原创 web前端開發項目資源網站,私家珍藏!

1.CodePen: http://codepen.io/ 網站裏有很多很酷的特效,而且可以看到效果的源代碼,也可以看到實現效果,是一個非常不錯的前端開發學習資源網站。 這個是CodePen網站裏的一個效果的源碼截圖,是不是很酷呀! 2.

原创 css實現三欄佈局的幾種方法及優缺點

三欄佈局,顧名思義就是兩邊固定,中間自適應。 三欄佈局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄佈局:即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬度自適應。 我們不妨假定這樣一個佈局:高度已知,其中左欄、右欄寬

原创 24個 CSS 高級技巧合集

列表: 1.使用CSS復位2.繼承 box-sizing3.使用unset而不是重置所有屬性4.使用 :not() 選擇器來決定表單是否顯示邊框5.爲 body 元素添加行高6.為表單元素設置:focus7.垂直居中任何元素8.逗號分隔的

原创 前端開發中最常用的JS代碼片段

學好,並熟練的運用這門編程語言真的很難嗎?本篇文章爲大家總結了一些前端開發中最常用的JS代碼片段,希望能對大家的學習以及工作上都能有所幫助,有所收穫。 HTML5 DOM 選擇器 javascript 代碼 // querySelecto

原创 如何讓自己看起來更專業?前端程序員必須瞭解的幾個“詞語”

有不少前端開發工程師,可能並不清楚下面的部分詞語,但是在實戰中其實都在使用着它們。 明確一下這些詞語和概念沒有什麼不好~一方面能夠讓自己能夠更專業的談論知識,另一方面,在面試的時候也能夠應對一些“愛問前端名詞”的面試官。 W3C W3C是

原创 每個JavaScript開發人員都應該知道的新ES2018功能

ECMAScript標準的第九版,官方稱爲ECMAScript2018(或簡稱ES2018),於2018年6月發佈。從ES2016開始,ECMAScript規範的新版本每年發佈而不是每幾年發佈,並且添加的功能少於主要版本以前。該標準的最新版

原创 深入15個HTML元素方法,你見過嗎?

雖然現代化的 web 開發更多地依賴各種 MVC 框架,但開發者仍需要熟練掌握 HTML 與 DOM 方面的基礎知識。不過,即使是有着多年經驗的前端開發者,也會遇到一些不明所以的情況。本文首先將爲初學者介紹 HTML 與 DOM 的基本常識

原创 兩行 CSS 代碼實現圖片任意顏色賦色技術

如何通過純 CSS 技術實現任意圖片的任意顏色賦色技術呢? 使用 background-blend-mode: lighten 實現任意圖片顏色賦色技術 假設我們有這樣一張圖片,JPG、PNG、GIF 都可以,但是有一個前提要求,就是黑色純

原创 強大的CSS圖形,各種神奇操作!

CSS 發展到今天已經越來越強大了。其語法的日新月異,讓很多以前完成不了的事情,現在可以非常輕鬆的做到。今天就向大家介紹幾個比較新的強大的 CSS 功能: [ ] clip-path [ ] shape-outside shape 的意

原创 最新最全的2019前端發展趨勢及如何學習

前端是個最近幾年火起來的工種,而且持續火熱中,有個詞叫水漲船高,來的人多了,競爭多了,標準也就提高了。現在對前端工程師的要求跟當年前已經不能同日而語了。 大前端,包括 Android、iOS、web 前端、小程序開發等。 當然了,所謂的趨勢

原创 滾動穿透的兩種解決方案

滾動穿透:頁面滑出了一個彈窗,我們用手指觸摸屏幕滑動時,會發現彈窗下面的內容還是在滾動。 方案一: 找到的第一個方法就是當彈窗觸發的時候,給 overflow: scroll: 的元素加上一個 class (一般都是 body 元素)。退出