原创 2019年Vue學習路線圖-前端開發進階

如果你是 Vue 開發新手,可能已經聽過很多行話術語,比如單頁面應用程序、異步組件、服務器端渲染,等等。你可能還聽說過與 Vue 有關的一些工具和庫,比如 Vuex、Webpack、Vue CLI 和 Nuxt。 浸沒在術語和工具的浩瀚海

原创 在開始 React 之前,JavaScript 這些知識點你學好了嗎?

React 完全是關於 JavaScript 的。而且,有很多材料是關於 JavaScript 而不是 React。其中大部分是 JavaScript ES6 及其特性和語法,還包括三元運算符、簡化的語法、this 對象、JavaScrip

原创 那些年被吐槽的JavaScript代碼風格你寫過多少?老師傅來打通你的任督二脈!

現在寫代碼比以前好多了,代碼的格式都有 eslint、prettier、babel(寫新版語法) 這些來保證,然而,技術手段再高端都不能解決代碼可讀性(代碼能否被未來的自己和同事看懂)的問題,因爲這個問題只有人自己才能解決。我們寫代碼要寫到

原创 如何在有限的時間內快速學習並且拿到高薪offer!

很多人認爲自己學了很多,看了很多,但是又說不出個所以然。其實這壓根不算什麼學習,充其量只是記憶了一些知識的描述,並沒有學到問題和答案之間的關聯是什麼。就比如說 111 * 120 答案是多少,你可能並不能馬上回答出來。但是你知道他和答案的關

原创 只使用HTML 和 CSS,JavaScript開發貪食蛇遊戲

歡迎上車。今天我們將開始一場激動人心的冒險,在這裏我們將開發屬於我們自己的貪食蛇遊戲。通過將其分解爲一個個簡短的步驟來學習如何解決問題。在這段旅程結束時,你會學到一些新東西,並且有信心能獨立探索更多。 開始吧 首先新建一個文件“snake.

原创 年度最佳JavaScript數據可視化和圖表庫

現在有很多圖表庫,但哪一個最好用?這可能取決於許多因素,如業務需求,數據類型,圖表本身的目的等等。在本文中,每個JavaScript圖表庫將與一些關鍵因素進行比較,包括圖表類型,商業或免費和開源狀態。這些圖表庫通過實踐經驗從而進行了徹底的分

原创 JavaScript原型-進階者指南

如果不好好的學習對象,你就無法在JavaScript中獲得很大的成就。 它們幾乎是JavaScript編程語言的每個方面的基礎。在這篇文章中,將瞭解用於實例化新對象的各種模式,並且這樣做,將逐漸深入瞭解JavaScript的原型。 對象是鍵

原创 35 個最好用的 Vue 開源庫!

無論是開發新手還是經驗豐富的老手,我們都喜歡開源軟件包。對於開發者來說,如果沒有這些開源軟件包,很難想象我們的生活會變得多麼疲憊不堪,而且靠咖啡度日也會成爲家常便飯。所幸的是,隨着 Vue.js 社區的不斷壯大,每天都會出現一些很好的軟件

原创 HTML特殊字符顯示(常用到的特殊符號,箭頭相關,貨幣相關,數學相關,標點,符號相關等)

HTML特殊符號編碼有很多種 unicode、十六進位碼(hex code),html 實體編碼(entity code),還有我們熟知的html 實體(html entity) ,爲了在css content屬性中使用,還有對應的 cs

原创 純 CSS3 實現漂亮的 input 輸入框動畫樣式庫-Text input love

分享一個用純 CSS3 實現的,漂亮的 input 輸入框動畫樣式庫-Text input love。 點擊每個輸入框都用不同的動畫效果,始終顯示標籤label,並顯示 placeholder(佔位符)文本。 演示地址:https://c

原创 JQuery爲啥會被淘汰?

jQuery的成就 jQuery是一個偉大的庫, 它解決了dom api兼容的問題,使得dom操作更簡便它支持類似css選擇器的方式來選擇組件支持批量的操作數組中的元素,也叫隱式迭代支持鏈式操作,可以在一條語句中完成很複雜的邏輯有易於使用

原创 5件你可能不知道可以使用 CSS-in-JS 來做的事情

除了傳統的 CSS,你還可以使用 內聯樣式 和 CSS-in-JS 作爲 React 應用程序的樣式選項。 對於內聯樣式,你可以將 JavaScript對象傳遞給樣式屬性: const myStyle = { fontSize: 24,

原创 程序員是貧寒學子翻身的不二途徑,你知道狼性文化嗎?

19世紀時,美國社會有一個流行的現象。許多年輕人離鄉背井,爲了得到高薪,去遙遠的西部礦場挖礦。在那裏工作幾年,就可以賺取足夠的錢,回家娶一個老婆。礦場的生活是非常艱苦的,條件很差,這也是礦主支付高薪的原因,否則沒人願意來。 20世紀時,這種

原创 JavaScript工作腳本筆記整理

整理一篇工作中的JavaScript工作腳本筆記,學而三省吾身。 (1) 獲取Url絕對路徑 function getUrlRelativePath()    {     var url = document.location

原创 零基礎的自學前端之路,當年的入坑之旅

很多人,在接觸編程的前夕都有考慮是否要去報個培訓班。 直到現在我想說的是,我們的終點都是差不太多的,我們只是選擇走什麼路線達到終點。 能不能達到終點不是取決於選了什麼路線,而是取決於自己。 將學習拆解爲內外條件: 外部條件即資源、學習方式、