preloader
學習 網頁前端知識的學習文章和網站

Browser Rendering Optimization by Google https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count FLIP Your Animations https://aerotwist.com/blog/flip-your-animations/ 轉譯效能 https://developers.google.com/web/fundamentals/performance/rendering/ Web fundamental at Google https://developers.google.com/web/fundamentals css triggers https://csstriggers.com/ mdn js https://developer.mozilla.org/zh-TW/docs/Web/JavaScript mdn css https://developer.mozilla.org/zh-TW/docs/Web/CSS web.dev https://web.dev/ csscoke youtube https://www.youtube.com/channel/UCQfjTYYrqxPg5LJmDBUesbQ csscoke website http://csscoke.com/

read more
生活 Two articles about Flutter bloc, rxdart and stream

Two articles about Flutter bloc, rxdart and stream Concept and tutorial: https://www.didierboelens.com/2018/08/reactive-programming—streams—bloc/ Practice and scenario example: https://www.didierboelens.com/2018/12/reactive-programming—streams—bloc—practical-use-cases/

read more
軟體工程 JavaScript 初學者必讀文章

JavaScript 初學者必讀文章,用來熟悉 JS 觀念: 深入了解物件模型 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Details_of_the_Object_Model 繼承與原型鍊 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Inheritance_and_the_prototype_chain 箭頭函式 https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Functions/Arrow_functions __proto__, prototype 的差異 https://medium.com/@peterchang_82818/javascripter-%E5%BF%85%E9%A0%88%E7%9F%A5%E9%81%93%E7%9A%84%E7%B9%BC%E6%89%BF%E5%9B%A0%E5%AD%90-prototype-prototype-proto-object-class-inheritace-nodejs-%E7%89%A9%E4%BB%B6-%E7%B9%BC%E6%89%BF-54102240a8b4 查 js 和 css 在各瀏覽器的可用情況 https://caniuse.com/ bind() 用法 ,常見和 this 關鍵字

read more
學習 Laravel 5.5 Eloquent relation whereHas and whereRaw usage

Version: Laravel 5.5 Model: Post, Comment Post’s columns: id, title, content, created_at, updated_at Comment’s columns: id, post_id, content, c_date, c_time, u_date, u_time Relation: A post has many comments and a comment belongs to a post. The following shows how to get posts, which had been comments in recent 24 hours. use CarbonCarbon; // use package Post::whereHas('comments', function ($query) { $query->whereRaw('(u_date = ? AND u_time >= ?) OR (u_date =? AND

read more
軟體工程 PHP Laravel 5.5 controller pass boolean variable to blade | 從 PHP Laravel Controller 傳遞布林變數值到 blade

PHP 語言的開發框架 Laravel 5.5 從 controller 傳布林值變數到 blade.php 的方式如下: 假設我們從 controller 傳同名變數到 view blade 去 // controller 檔案 class ABCController { public function index(Request $request) { $isBooked = true; return view('home.landing_page', compact('isBooked')); } } // view blade 檔案的部份內

read more

About

Howard Lee is a Staff Software Engineer based in Taipei, specializing in frontend architecture, CI/CD, and production-quality engineering for enterprise web applications. With 13+ years of software development experience, Howard has worked across B2B SaaS, IoT energy-management platforms, online travel marketplaces, and Android applications. His work focuses on modernizing large frontend systems, improving delivery quality, and building reliable product workflows with automated testing, observability, and practical cloud/platform integration. Core Expertise Frontend architecture: Angular 5 to 19 modernization, TypeScript, JavaScript, React, Next.

Know More

Tag

Social