WYH Blog

People may hear your words but they feel your attitude

CSS World

CSS世界 閱讀筆記

重新閱讀一次CSS世界,發現關於border的部分場景很適合應用在日常工作上,因此想做一個紀錄,以供之後需要時參考。 Border繪圖 ・ 1 2 3 4 5 .isosceles-triangle { width: 0; border: 20px solid; border-color: pink transparent transparent; } ・<...

SVG Animation

如何不使用js、css3做出簡單的動畫效果?

Finally got the chance to organize something after 8 months. There are projects through projects I’ve been involved. Sometimes need to work overtime a bit, sometimes dedicate myself into learnin...

微信小程序

"Some notes from my practice of wechat mini-program"

在前端領域必須時刻不斷學習,來到上海,理所當然要學習的就是Wechat Mini Program 什麼是小程序? 不需要下載安裝即可以使用的應用,實現了觸手可及的夢想,用戶只要掃一掃或是搜一搜就可以打開應用程式。同時也體現了用完就走的理念,用戶不用關心是否安裝太多應用的問題。 小程序與APP的區別 小程序只能在微信的進程中運行 只要開發一個小程序便可以在 Androi...

Cross Browser Testing

"testing web projects across different browsers"

Work Flow for Cross Browser Testing Initial planning > Development > Testing/discovery > Fixes/iteration Initial Planning Explored the target audience — what browsers, devices, etc. ...

五大瀏覽器及其內核

"About browers..."

在前端開發時,經常遇到瀏覽器兼容問題(Cross Browser Testing),先做一個不同瀏覽器及內核的知識梳理 主流瀏覽器 目前主流瀏覽器共有五款,分別為: IE/Edge Firefox Chrome Safari Opera 四大內核 Trident (IE內核) Webkit Blink Gecko 瀏覽器最重要的...

從輸入URL到頁面加載中間發生了什麼?

"What happens when you type google.com into your browser's address box and press enter?"

最近在準備面試新的前端工作,看到了這個題目,就當作Blog中第一篇前端文章,以作為自己基礎知識梳理習慣的開始 在前端的世界中,每天都有新的框架、新的設計、新的想法,但沒有了基礎知識的全盤瞭解,很容易在運用新技術時無法順利上手,遇到Bug卻不得解,我深知自己並非計算機相關科系專業,遇到這種在程序之前的題目,更需要花時間學習了解,關於這個題目的文章網路上有很多,這篇文章主要是我自己的一...

Hello 2019

"Hello World, Hello Blog"

“Yeah It’s on. ” 自學之路 2018下半年開始了自學前端之路 從開始的那一天起,每一天都有新的知識、新的技術同時輸入我的大腦與電腦中 這也是為什麼從打開書本的那一刻起,這個領域就讓我如此著迷,讓我期許未來的Career Path 能夠在Computer Science、Tech領域中發展 這裡很新、很快、多面向、不容停滯與怠慢,沒有學完的一天 有了一些基礎...