台部落房東家的貓

原创 three.js 入門學習(二)

上一個小案例 import * as THREE from 'three'; =================================== const width = 960; const hei

2023-05-15 13:11:14

原创 three.js 入門學習(一)

webGl和three.js http://webgl3d.cn/pages/aac9ab/ 圖形學算法 Web3D WebGPU 下載 yarn add three @types/three 使用 import * as THREE f

2023-05-04 13:11:11

原创 node.js學習技巧

--save === 生產環境 dependencied npm install xxx npm install xxx --save npm install xxx -S npm i xxx -S === 開發環境 devDepende

2023-03-06 13:11:14

原创圖解css選擇器-grid-flex

css 選擇器預覽選擇器描述 a > b 子組合器選擇直接位於 a 元素內部的所有 b 元素。 a b 後代組合子選擇 a 元素內任意位置的所有 b 元素。 a + b 相鄰兄弟組合子選擇緊鄰 a 元

2023-02-06 13:11:20

原创 formly-form 動態表單

動態表單庫 https://github.com/ngx-formly/ngx-formly 安裝 ng add @ngx-formly/schematics --ui-theme=ng-zorro-antd @ngx-formly/ng

2022-12-20 13:11:11

原创 angular大寫指令,繼承, 防止XSS攻擊, 沒有ngOnInit的組件初始化

rxjs const nums = of(1, 2, 3); const value = map((val: number) => val * val); const valueNum = value(nums); valueNum.s

2022-10-26 13:11:22

原创輸入框黏貼或者拖拽上傳文件

<textarea #enterTextarea nz-input [placeholder]="placeholder" [(ngModel)]="content" (ngModelChange)="onContentChange($

2022-10-10 13:13:21

原创 angular微前端-初識微前端

微前端 https://github.com/angular-architects/module-federation-plugin/blob/main/libs/mf/tutorial/tutorial.m https://github.

2022-07-03 13:17:39

原创 angular原理圖學習

安裝 npm install -g @angular-devkit/schematics-cli 創建原理圖 schematics blank --name=hello-world 運行原理圖先執行npm run build然後運行原

2022-05-30 13:11:19

原创 gsap(一) 跟着鼠標移動的小球

See the Pen Untitled by 973782523 (@973782523) on CodePen. gsap.quickTo() <div style="width: 500px;height: 400p

2022-05-05 13:11:19

原创 gsap(二) 鼠標滾動特效第一篇

動畫插件 import { ScrollTrigger } from "gsap/ScrollTrigger"; import {gsap, Expo} from 'gsap'; gsap.registerPlugin(ScrollTri