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, Frontend-engineer with Angular 7+, Typescript, ReactJS, VueJS. Flutter, Dart, PHP, Ruby, JavaScript, HTML, SASS, CSS, Postgres, MySQL, Web Developer. Have a certificate of AWS Solution Architect Associate with verify number: 8FYNL55LCEEQ10W5. You can verify at AWS Certificate site or Credly site Tech lead role Lead 4 colleagues to build products and infrastructure Coordinate schedule of delivering products Senior web frontend developer role Products Form-filling, form-sharing, file-management, repair-managemnt and project-management for construction industry at Suiqui IoT management and EC platform for Liquid Petroleum Gas(LPG) at Wave-In Comm.

Know More

Tag

Social