原创 flex佈局練習

雖說對flex佈局這種佈局方式有聽說,但還是第一次深入的去了解,有種相見恨晚的感覺。 flexbox的出現是爲了解決複雜的web佈局,因爲這種佈局方式很靈活。容器的子元素可以任意方向進行排列。此屬性目前處於非正式標準,在較新

原创 學習記錄--javascript多態

今天耐下心看了下javascript設計模式,瞭解了JavaScript的多態。下面是我的相關學記筆記,以方便日後的回顧。 首先,先介紹下多態是什麼。多態的實際含義是:同一操作作用於不同的對象上面,可以產生不同的解釋和不同的執行結

原创 es6之Arrow Function

本文系翻譯文章,原文鏈接在此奉上Don’t Get Arrow Functions? 這篇文章主要向大家介紹何時以及如何使用es6的箭頭函數。 1.一個quick example: const addOne = funct

原创 python之函數總結1

1.空函數 有的時候定義一個函數,但不會處理什麼業務邏輯,可以這樣: def fun(): pass pass可以看作是一個佔位符,在if語句中也可以使用。 2.參數類型檢查 python內置有一個函數isinst

原创 使用瀏覽器緩存介紹

文章轉自:PageSpeed Insights 當PageSpeed Insights檢測到您的服務器響應不包含明確的緩存標頭或某些資源被指定只緩存一小段時間時,就會觸發此規則。 概覽 如果用戶會多次訪問您的網站,那麼靜態資源的瀏

原创 來自一個react SPA的總結--redux篇

本文是自己這幾天做一個reactSPA的其中之一篇總結,主要總結在實踐中,學習到的有關redux的一些思想(並沒有太多細節),方便日後自己的重溫…….. redux用作管理應用的data-state和UI-state,在reac

原创 optipng圖片壓縮工具

爲了減少首屏響應時間,我們不得不使用各種方法,各種壓縮工具。下面,我說一下Google推薦的一款png格式的圖片壓縮工具。 首先先去官網下載軟件點擊進入官網,記得注意自己要下載的版本哦,下載完後並不需要我們一步一步的安裝。解壓文件

原创 react與jsx語法介紹--先行篇

這段時間開始入坑react了,看了官網的jsx語法方面的介紹,恩,確實有點迷迷的,有幸見到一篇歪果仁寫的比較詳細的有關react和jsx的細節性知識點總結,特地粗略翻譯了一下(英語略渣),也順便加深我的印象。Getting Sta

原创 python之list、tuple、dict、set對比

這兩天開始學習了下Python,在此灰常感謝廖雪峯老師關於Python的系列文章。下面,是我在學習過程中遇到的標題上的四個內置屬性時,覺得理一理,不然覺得會“思想錯亂”的。 1. List list是Python內置的一種數據

原创 Django安裝

django是一個開源的web應用框架,是由Python開發完成的。具體細節,自行百(谷)度(歌)。按照官網對django的官方介紹,django有以下優點: 1.提升開發人員的開發速度 2.包含了許多常用的 Web deve

原创 Python之datetime總結

看了一篇博文介紹的Python的內建模塊datetime,恩,確實被繞暈了,寫篇博客總結一下,理理思緒。 1.datetime是Python處理時間的一個標準庫,在計算機中存儲的時間通常是由timestamp表示的,所以,如果想

原创 node.js使用回調實現一個簡單的HTTP服務器

回調是一個函數,它被當做參數傳給異步函數,它描述了異步操作完成之後要做什麼。回調在Node開發中用得很頻繁,比事件發射器用得多,並且用起來也很簡單。 下面用回調實現一個簡單的HTTP服務器,實現以下功能:  異步獲取存放在J

原创 來自一個react SPA的總結--es6的應用

這篇主要總結一些,es6在react中的應用,並沒有囊括所有,只是總結一些本人平常沒有理解的知識點……….. 1.ES6 Arrow Functions es6的箭頭函數在這個簡單project中用到多次,下面以一個對比代碼塊

原创 React之PropTypes

剛開始學習react,看到視頻裏有老師用PropTypes這個首次見面的組件,查看了幾篇文章,頓時恍然大悟。 官網對它的介紹Reusable Components PropTypes可以驗證用戶輸入數據的有效性,先上代碼

原创 Flex佈局學習筆記

學習筆記參考阮一峯老師Flex佈局教程 Flex是Flexible Box的縮寫,意爲”彈性佈局”,用來爲盒狀模型提供最大的靈活性。各瀏覽器兼容性如下: 一、介紹 採用Flex佈局的元素,稱爲Flex容器(flex co