關於網路那些事...

網路行銷,SEO,網路趨勢,教學文章,網頁設計,生活時事

Web 開發者的技術導覽

GitHub user Kamranahmedse 發表了成為網路開發者的技術導覽圖
對於潮流式驅動開發的愛好者,是一份不錯的參考地圖


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

開發跨平台(iOS/Android/Windows)的APP - 談 Visual Studio 2015 整合 Apache Cordova 的原因

經由本篇文章,將可以了解Apache Cordova 是甚麼?以及為什麼他會被整合到Visual Studio 2015。


圖片來源: visualstudio

在開始前,我們先來聊聊幾個問題:
- 網頁技術領域中,專業開發者佔有的比例為何?
- 原生APP開發者佔有的比例為何?(跨平台工具使用者除外)
- 擁有網頁及原生APP開發能力的人有多少?
- 在這些人當中,能開發跨平台APP的比例有多少?

這些問題,如果單純從工程師的角度出發,可以發現,具有全方位開發能力的工程師比例很低,而其中主要的原因就在於時間成本及技術門檻過高。


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

ES2015 入門


ES2015 是在2015年6月正式發布的一項重大更新

但是在命名方面有點混亂,很容易讓人產生誤解,
所以,還是必須先來認識一下:

ES2015 == ECMAScript 2015 == ES6 == ECMAScript 6

並且,EMCCMA委員會決定,每年6月都來發布新版本,並以該年作為版本標記
所以 2016年,發布了 ECMAScript 2016 (ES2016)
可視為ES6.1版本,僅小幅新增如 includes 方法及指數運算等功能

但普遍仍會以 ES6來描述 ES2015

所以,懂了嗎?以後聽到有人在說 ES2015或ES6,那都是在講同一個事情


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

Babel 入門

本文是依據 Babel 官網及網路參考資料逐步學習記錄的內容

Babel 這個壞男孩(發音似 Bad boy) 喜歡追求新潮的東西,同時內心是個文青,熱愛老東西。所以,當他接觸到新的內容,就會想盡辦法與舊事物融合~ 只能說個性實在完美

每當有新的javascript語法(例如ES2015-ECMAScript 6)出現,都只能靜待瀏覽器支援才能決定是否採取行動。
為了解決這樣的痛點,Babel就出現了。


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

Browserify 入門


本文是依據 Browserify 官網及網路參考資料逐步學習記錄的內容

Browserify 讓我們可以在瀏覽器中使用Node.js 風格的模組,不管是 AMD / CMD / ES6 .....風格的模塊化,它都能認識,並且編譯成瀏覽器認識的JS。

Browserify 運作的方式,會先在代碼中以靜態分析(static analysis)搜尋有調用 require()的內容,彙整出調用依賴關係圖(dependency graph),並且將關鍵字解析成路徑,然後根據路徑找到檔案,
接著,檔案會被打包(bundle)成單一獨立的 javascript 檔案,讓你可以直接在網頁中直接使用。
並且,打包的檔案預設都會使用嚴格模式 use strict

接下來,開始介紹 Browserify 安裝方式及用法說明:


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

PHP 產生 GUID 唯一辨識碼字串

GUID

GUID (Globally Unique Identifier) 是由微軟所提出實現UUID的一種作法,
早期包含了MAC地址、硬體序號、網卡相關參數,當地時間等,來建立起的唯一字串,
但是因為會有暴露MAC的安全疑慮,因此,
後來衍伸的版本則有陸續做不同的調整,
總而言之,目的都是用來建議唯一辨識字碼,
普遍來說,GUID 字串長度為 32個16進位(0-9,A-F),如:{12AB3456-7AAAA-1010-A2EE-12345B67899D} (本質是屬於128位元的二進位整數)。

在PHP5.0 ~ 5.4.4 的版本,windows都可以直接透過 com_create_guid() 來取得GUID,
但是在Linux以及5.4.5之後的版本則預設不支援 com_create_guid(),
會發生錯誤訊息:

Fatal error: Uncaught Error: Call to undefined function com_create_guid() ...

(windows 環境中,php5.4.5以上版本需添加com拓展才能使用)
雖然不一定能使用com_create_guid(),還是可以自行生成GUID
當系統不支援com_create_guid() 就能透過自行生成的方式取代,

網路上已有人提供產生guid的寫法,如下:


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

設計師必備的 30 個高質感免費字型 [ 熱門蒐藏]

最新推薦給設計師30個高質感免費字型,適用於大標題、Logo、T恤、標籤、海報、徽章等用途。每一個字型都是經過精挑細選,讓你可以用來創造更具有個人風格的設計專案,並且這些字型都能免費提供個人或商業用途,非常值得蒐藏。


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

現代PHP password_hash 雜湊加密採用隨機SALT 使用方式

Md5 已經公認為危險的加密方式,
而SHA-512也能以每秒4600萬次計算進行破解,
儘管被破解的速度較慢,但是仍有安全上的疑慮。

通常駭客如果取得了大量的加密字串,需要先猜測出你使用的是哪一種SALT,
如果所有的密碼都採用相同的SALT,那麼一但破解第一組,代表其他密碼也就能順而進行破解

現在,PHP提供的 password_hash 可以達到隨機生成處理 SALT,
因此就連開發者也不會知道每次加密會使用甚麼SALT,
這樣當駭客想要進行破解,成本就當然會更高


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

PHP 雜湊加密演算 sha256、sha224、sha512....

過時的 MD5 以及 SHA1

早期,常使用 md5, sha1 雜湊(hash)來進行加密,

但是md5已經能成功破解,及sha1 (, sha0) 都有理論的破解方式,因此還是推薦使用其他可替換的加密演算法。


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →

有效學習 - 624 個最常出現的英語單字 (英語日常、電影、小說、報紙..)


624個英語日常、電影、小說、報紙最常出現的英語單字,能應用在60%的英語使用場合

單字來源於麥克老師~
【從零開始】學會這些英語單詞就可以走遍天下!


如果你喜歡我們的文章內容,請在這裡按個讚



Read on →