Javascript

By Howard Lee 25 September 2019

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/

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

By Howard Lee 02 September 2018

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 關鍵字

軟體工程加入 setTimeout 函式，解決追蹤使用狀況事件完成前被轉址功能轉走

By Howard Lee 03 May 2017

在嘗試埋設追蹤使用者操作情況事件時，常會遇到尚未完成紀錄使用者操作事件，就被網頁轉址程式碼轉走的情形。解決方法之一，是讓轉址程式碼一定要在追

軟體工程 Vim editor config for my php, ruby and rails environment

By Howard Lee 02 April 2017

I use many plugin with VIM to boost development when I writing and debugging programs, which are written through PHP and Ruby languages. Also there are few plugin for SASS, RSpec and Javascript. Below are configurations for my VIM editor and Vundle. There must some corresponded software be installed in the computer first and then these settings will work. nnoremap means normal mode in VIM. Usage of <silent> tag is

軟體工程 Using Coffeescript to classify objects based on their value of attributes

By Howard Lee 29 March 2016

We could classify objects of javascript or JSON ones to different groups based on their attributes' values. I modified original example as below coffeescript code from Reference link. Suppose you have an array-variable of JSON objects and a variable of Object, and you want to classify or group them based on values of their date attributes. warehouseOfClassifiedJSONObj = new Object(); arrayOfJSONObj = [ {name:"taro", date:"1996-01-01", total_average_price: 50}, {name: "flower", date:

軟體工程 How do I use tools to debug CoffeeScript/Javascript files

By Howard Lee 23 March 2016

I use following codes and tools to debug files of CoffeeScript/JavaScript: Safari browser’s developer tool set breakpoints at debugger tab of javascript files responsive design mode of developer tool can help us to see what a web page is rendered. coffeescript code if myVariable? # this statement can check whether this variable has its value(s), null or undefined. If it has value, this statement would return true, otherwise false. alert

About

Category

Tag

Social