LeoYeh interactive channel

搜尋此網誌

[Shareing] JS Developing

日期： 5月 19, 2013

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

gruntjs
http://blog.wu-boy.com/2013/03/javascript-command-line-tool-gruntjs/

Introduction to Grunt.js on Taiwain JavaScript Conference from Bo-Yi Wu

Eront-End Developing JavaScript

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

留言

張貼留言

vscode 移至定義功能失效

不知道在裝了哪個套件後 vscode 的移至定義功能居然不見了查了一下發現要裝上 unity debug 就可以恢復 js 的部分

React.js 更新畫面的流程 Lifecycle - Update

React 提供有這些 Updating 階段的方法： componentWillReceiveProps()： React 17 開始被拿掉 static getDerivedStateFromProps()：要使用 props 改變 state 用，傳回新的 state or null，用 this.setState 不要再這邊用 http request shouldComponentUpdate()：優化效能，回傳 boolean 詳細判斷，react.js 依 state, props re-render 的更新方式，不一定每次都要更新～ componentWillUpdate()： React 17 開始被拿掉 render()： React 開始組資料 jsx getSnapshotBeforeUpdate()： React 渲染前面判斷有沒有有沒有 props 被改變，可return 給 componentDidUpdate 第三的參數使用使用 componentDidUpdate()：渲染完成，要使用 http request 可以在這邊參考資料 React Life Cycle https://iandays.com/2018/07/27/reactlife/ React 元件生命週期 (Component Lifecycle) https://www.fooish.com/reactjs/component-lifecycle.html#static-getderivedstatefromprops-props-state

dynamic import

為了要處理相同 html 跟不同的 style，會用到判斷並動態載入 css modules 的，但如果依照判斷後寫入 import 'XXX' 則會發生 'import' and 'export' may only appear at the top level 但 import 其實還可以 import(XXX) 這個就可以動態載入 module 的位置 if ( isA ) { import ( '../assets/sass/A.scss' ) } else { import ( '../assets/sass/B.scss' ) } 而 vue.js 也有支援這樣的打包方式，真棒！

技術提供：Blogger