User Tools

Site Tools


dev:training

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
dev:training [2019/04/23 06:51] – [Developers Training] - aggiunti link alla documentazione interna riguardo al workflow git e al processo di release management ferodadev:training [2024/03/15 11:27] (current) – Aggiunti appunti su VueJs feroda
Line 105: Line 105:
  
   * https://github.com/vhf/free-programming-books   * https://github.com/vhf/free-programming-books
 +
 +=== Appunti di VueJS e web UI===
 +
 +17/02/2024 e affini
 +
 +  - ''v-use'': da guardare. Sembra che bindi variabili del modello con il localStorage;
 +  - nel localStorage si possono salvare le preferenze dell'utente, ma attenzione se l'utente utilizza l'applicazione su più dispositivi
 +  - em vs rem: nel secondo caso la proporzione è relativa al font-size nel tag ''<html>''
 +  - concetto di variabile Reactive
 +  - griglia responsive con v-col e attributi sm e md
 +  - dal server ottengo il contenuto, ma il javascript può accedere a tutto il browser, url compreso
 +  - installare estensione Vue DevTools e usare il mirino per debuggare un componente Vue
 +  - ''props'': parametri che si possono passare a quella componente
 +  - ''structuredClone'' è una funzione Javascript recente per clonare un oggetto Javascript
 +  - Metodi array Javascript:
 +    - map: applica la modifica ad ogni elemento
 +    - every: tutti soddisfano
 +    - some: qualcuno soddisfa (per i flag)
 +    - filter: restituisce i record se true
 +    - find: trova
 +    - findLast: trova l'ultimo
 +    - findIndex: trova indice
 +    - findLastIndex: trova l'ultimo indice
 +  - Object.assign è come l'update in python. NOTA: Modifica il primo parametro e lo restituisce anche;
dev/training.txt · Last modified: 2024/03/15 11:27 by feroda