前端三分鐘

一起用三分鐘分享技術與知識

前端專案資訊安全

檢查網站安全

資訊安全,是為了保護機密資訊及維持系統的穩定。而網站的資安會建議從幾個常見流程來處理 網址安全查詢 輸入資料 API 溝通 登入流程 網址安全查詢輸入網址時需注意 https 和網址解析的方式,也可以透過相關服務去查詢該網址是否安全。 https 加密傳輸Chrome 會自動遮蔽沒有加密的連線,沒有 https 網站會被警告。 網站 https 如何取得? cloudflare: 提......
me
林彥成
2018-11-15 | 3 min.

前端面試心得 (2018/11)

KKstream, Oath, MIT jobs 快速面試

職涯的下一步最近兩份工作都在新創上班,回想當時會想進去众社企,是因為有著年輕厲害的同事們,尤其在行銷還有公共關係上(連結 1、連結 2),也因為前老闆交際圈的關係,不時會有外國人來實習,也有請像是 Dearbnb 的創辦人來分享,可惜的是在還沒來得及被影響到的情況下,普遍我們都被時間追著跑,追趕著接案的時程、上線的時程,後來共同創辦人決定離開出國進修、技術長也因為生涯規劃離開,接著是另外一位......
me
林彥成
2018-11-12 | 10 min.

簡報與訊息投放技巧

說一個容易引起共感的故事

簡報的目的是滿足需求和解決痛點,過程盡量減少非必要資訊,目的是一球入魂 (卡通看太多),藉由說一個故事,一個容易引起共感的故事進而達到 知識投放 塑造意象 (Branding) 說服他人可實踐的簡單方式 對象檢核簡報目的 針對特定的對象傳遞訊息 特定的對象 性別 生活型態 Apple 使用者 對象在意的重點 錢 功能 虛榮感 對方的知識水準 對講者的了解 預測對方問題 故......
me
林彥成
2018-10-08 | 2 min.

Web of Things 介紹

當前端遇上 IoT 會變成 WoT 嗎?

Web of Things 介紹Web of Things 在 Mozilla 的相關文件介紹中定義了可讀性較高的 json 格式,一個 geoJSON 的概念,這裡我們姑且就叫 wotJSON ? 1234567891011121314{ "id": "https://mywebthingserver.com/things/switch"......
me
林彥成
2018-05-07 | 3 min.



Java 開發 RESTful API 入門教學

Jersey 需要了解的六個地方

幫大家複習開發一個 Web API 提供給前端使用主要流程如下: 建立 Java Web Appication 並提供 RESTful Web Service 透過 War 檔發佈至容器: 將程式發佈至伺服器供前端存取 讓撰寫的 RESTful Web Service 存取實體資料庫 在前一篇文章整理了網路上教學範例實作心得 透過 Java 開發 Web API (RESTful API......
me
林彥成
2018-04-06 | 4 min.

Java Web API (RESTful API) 教學

三步驟打通關節開發 API 後端服務

這篇文章會示範從 0 到 1 打造一個網站應用程式,並整理 Java Web Appication 相關資源如基礎建設、前端網頁、後端 Web API 及資料庫。 Java Web Appication 相關資源一個 Java Web Appication 分成前端、後端及資料庫。 前端網頁(網址) <–Q1–> RESTful Web Service <–Q2–> ......
me
林彥成
2018-04-05 | 5 min.

Landing Page X Intro.js

如何利用 Intro.js 優化網站到達頁行銷效果

網站到達頁(Landing Page)是行銷活動中至關重要的一環,目的是讓訪客進入特定頁面後達成預設目標。其中解說如下“Landing Page 的中文又稱為「網站到達頁」,講的是任何一個網頁,無論訪客是從哪個流量管道進來,只要他一進入特定頁面能達成某個你設定的目標”。 透過精確的目標設定,Landing Page 可以協助企業實現行銷目標,提升轉換率。本文將介紹如何使用 Intro.js ......
me
林彥成
2018-03-25 | 4 min.

什麼是無障礙網頁?

用 React 撰寫符合 JSX a11y 的無障礙網頁

無障礙網頁跟一般網頁的差異,主要在協助視覺或是聽覺障礙者進行瀏覽。使用者可以透過使用滑鼠以外的工具來進行網站瀏覽,也可以使用螢幕閱讀器進行網頁讀取和使用。 JSX Accessibility最近才開始進入 react 16 版,發現說明文件也改版了!除了已經在官方有建議的 code-split 方法,竟然還有a11y 無障礙的網頁設計建議,我們還可以安裝 eslint-plugin-js......
me
林彥成
2018-02-04 | 1 min.