Reprise du message précédent :

Link?

http://forum.hardware.fr/hfr/Progr [...] m#t2300780

Si on est d'accord avec un TT on peut se faire TT aussi ou pas?  

J'ai envoyé un MP a Marc , avec sensiblement ce contenu

Vous risquez de fâcher D.ieu

Je suis déjà fâché avec Dieu (sans point), je ne suis plus à un jugement divin prêt

C'est quoi Dieu ? Encore un truc comme le Père Noël mais version pour les adultes ?

spoiler parceque triste

nouvelle version de create react app https://facebook.github.io/react/bl [...] t-app.html  

• l'app générée est directement paramétrée pour fonctionner en offline first
• webpack 2
• decoupage des js générés

Je viens d'initier un projet il y a 2 jours avec CRA

Perso , je l'appelle CRApp (ironiquement, parceque c'est un super point de départ)

Yo!
 
petite question JS
 
y'a moyen de récupérer l'évènement du click avec ça sur un lien ?
 

<a href="#" onclick="zJs.switchToTab('GetMachin', { 'thema_id' : '1'});">lol</a>

<a href="#" onclick="zJs.switchToTab('GetMachin', { 'thema_id' : '1'});">lol</a>

var myFunc = function(arg1, arg2, arg3) {
    //ton code
};
<a href="#" onclick="zJs.switchToTab('GetMachin', { 'thema_id' : '1'}); myFunc('param1', 'param2', 'param3'); ">lol</a>

 
Quelque chose comme ca?

est-ce que ce n'est pas mieux de mettre

plutôt que sur le onclick ?

var myFunc = function(arg1, arg2, arg3) {
    //ton code
};
<a href="#" onclick="zJs.switchToTab('GetMachin', { 'thema_id' : '1'}); myFunc('param1', 'param2', 'param3'); ">lol</a>

 
Oui c'est ce qui est fait déjà, mais je voulais récupérer l'évènement pour lui coller un preventDefault(), j'ai un bug bizarre, ça résoudra peut etre le pb
 

 
merci je vais tester    
 

 
Je sais pas, je suis pas fan de ce genre de notation de toute façon, c'est sur un projet que j'ai récupéré    

Faire ça mérite plutôt la peine de mort

Il ne faut pas oublier de stopper la propagation de l'event sur ton "onclick".
Soit tu fais un "return false", à la fin du onclick, soit tu fais un event.preventDefault() dans ta fonction (ou dans le onclick)

 
mince, pourquoi ?

 
oui c'était le but en fait  

Plein de trucs sympas dans https://webkit.org/blog/7536/jsc-loves-es6/, dont une des optimisations DFG qui sait convertir

if (map.has(k)) {
    r = map.get(k);
}

en essentiellement

c = map.get(k);
if (c) { r = c; }

(évitant de hasher deux fois la clé et chercher deux fois dans la map)

(et la vraie transformation est mieux parce-que ça ne charge même pas la valeur si la clé n'est pas dans la map)

On peut se fier à Google PageSpeed Insight ? il me fout un 26/100 en desktop (et 20/100 en mobile) à cause d'un bug sur certaines images. Il détecte que certaines images pourraient gagner 99% de leur poids (soit gagner 445 KB sur une image de 456 KB), autrement impossible sachant que j'ai déjà tout passé à la moulinette sous ImageOptim (+ activé la lossy compression PNG/JPG à 80%)

Je crois que tu peux télécharger les assets compresses par Google en bas de page, regarde la gueule que ca a et tu pourras te faire un bien meilleur avis
 
Après c'est comme plein de trucs: c'est intéressant à faire tourner comme outil pour avoir des insights sur des trucs que t'aurais pu zappe, mais le suivre à la lettre, c'est souvent se tirer une balle dans le pied. C'est comme tous les headers pour HTTPS, c'est comme tous les "délires" de progressives web apps, c'est comme avoir trouzemillions de favicons/app icons dont les 3/4 sont pour des plateformes inutilisées ...
 
Après je dis ça mais 20 ca me paraît faible, t'as sûrement quelques ez wins autres que de la compression d'image

tu pourrais balancer le lien du site ?

 
bien sûr : https://christiane-prevost.fr/
 
y'a encore un bug sur la classe active du menu, faut que je refasse mon système ^^'

 
Ah oui effectivement, j'ai essayé de télécharger, j'ai des images de 1x1 qui font 220 octets. Je pense qu'il regarde la taille, et qu'il doit s'attendre à un poids en conséquence.
En fait je dois avoir 7 ou 8 images que je mets en "visually hidden" pour les pré-charger pour tout le site. Je sais pas si je peux faire autrement  

Pas très fluide comme site je trouve. Tu ne peux pas améliorer ça ? (Quand tu scrolls, ça saccade, c'est pas smooth )

C'est smooth chez moi

Maintenant c'est smooth ouais Peut-être que mon macbook était un peu à la ramasse ce matin

ça arrive aussi parfois quand la console est ouverte, c'est moins smooth  
 
t'façon je vais tout le refaire ce site, en utilisant barba.js, quelqu'un a déjà essayé ce script d'ailleurs ?

Non. Mais un site qui utilise pas son propre script, ca me donne moyen confiance. Et perso ca j'aime pas du tout: ¨This technique consist of preventing the normal link behavior, changing the browser url manually, and manually injecting the new content in the page¨. Quid de la compatibilite avec react ou angular?
Remarque quand je vois que les exemples sont des sites statiques de presentation avec 3 pages, dans ce cadre la pourquoi pas.

'ya quand même des sites magnifiques qui l'utilisent, et le rendu est vraiment parfait. Genre :
- https://kvellhome.com/
- https://destinationsept-iles.com/fr
- https://www.carbonbeauty.com/
 
 
Sinon j'ai résolu mon PB de Google Page Speed, un coup de max-width: none sur les images du div#preload et je passe de 26 à 95, quelle blague

Je suis pas alle plus loin que kvellhome.com.
Je peux pas scroller, la barre espace ne fait rien, les menus sont des hamburgers avec soit deux soit 4 barres sans label, et ce sur desktop. Je passe sur les couleurs qui se suivent facon guerre aux epileptiques. 33 requetes, 5 Mo et 5s de chargement, pour 7 mots, une image et deux menus.
Bref l'exemple parfait du chickenshit minimalism : http://idlewords.com/talks/website [...] minimalism

 
Mauvaise fois spotted    
 
35 request
4.2MB
1 .css pour 14.2KB
4 .js dont 55.4KB
3 .woff2
23 images pour 4MB soit 170kb en moyenne
 
Y a clairement mort d'homme là ! 4 fichier JS non concat, quel honte.. 4MB d'images (23, pas une) pour un site vitrine moderne .. mon dieu !
Clair qu'il faudrait faire des sites uniquement en ASCII juste pour faire plaisir aux devs qui regardent les stats dans leur console chrome.
 
 

Voilà. Et puis ça devait faire 3 mois qu'il essayait de placer chickenshit minimalism  

Pas convaincu. J'ai l'impression de voir un designer se palucher, alors qu'il aurait mieux fait de demander son avis à un ergonome.
Edit: tu prends le pb à l'envers: pourquoi charger 23 images pour en afficher 3, en comptant les icones? En soit 4 Mb pour 23 images c'est pas grave.

4Mb la page, c'est juste du grand n'importe quoi, les images devrait être lazy-loadés

Je découvre https://fullcalendar.io - bordel, c'est bien foutu
 
Bam, ça va me remplacer mon calendrier home made de mon app'

Quelqu'un aurait un outil pas trop dégueu pour faire de la transformation JS->JS qui fasse le minimum possible d'altérations?
 
En gros, on a une codebase ES5 (pas prévue de migrer actuellement) qui utilise son système de classes à elle (extension du "Simple Javascript Inheritance de Resig) pour simplifier tout ce qui est manipulations de "types".
 
On voudrait documenter ça formellement genre avec JSDoc, mais vu que c'est du JS et de l'ES5 faut tenir la main à JSDoc pour lui dire ce qui est une "classe", ce qui est le corps de la classe, quels sont les héritages, quel est le constructeur, … séparément du code même — en tout cas j'ai pas trouvé de moyen simple de le configurer, j'ai pas trouvé de plugin existant, et je suis pas encore partant pour écrire mon propre plugin.
 
Sachant que cette structure est assez régulière, et facile à extraire, je voudrais un outil qui me permette en une fois de générer la doc pour tous les types, et ptet aussi les modules (AMD). Il y a plein de trucs à fixer en plus, mais ce serait déjà un bon début, surtout que sphinx-js aime vraiment mais alors vraiment pas les modules mal structurés (ça génère des namepaths dupliqués qui causent une erreur fatale qui arrête immédiatement le build)