# 05.JavaScript & DOM 19 décembre 2023 ## Développement web il3 JavaScript & DOM HE-Arc (DGR) 2022 ## JavaScript hier • Page web = HTML (+ CSS + JavaScript) • Exécuté par le browser (client) navigateur - DHTML : rollovers, validation de formulaires, ... ## JavaScript aujourd'hui • Page web = HTML + CSS + JavaScript • Compilation JIT • HTML5, AJAX, bookmarklets • One Page Apps • – Support $ ^{9} $ des différentes implémentations – Conversions avec BabelJS $ ^{10} $ • JavaScript : implémentation Firefox (réf. MDN) • Variantes (à transpiler) : – Typescript $ ^{11} $ : variante

mupdf-gl 31 5.2 muraster 34 5.3 mutool 35 6 CAPI 65 6.1 MuPDF modules 65 7 MuPDF & Javascript 85 7.1 Class A-Z Index 85 7.2 Matrices and Rectangles 86 7.3 Colors 89 7.4 Object Protocols want to work from and do: npm install mupdf • To verify your installation you can then create a JavaScript file as such: const mupdf = require("mupdf"); console.log(mupdf); • Save this file as The following JavaScript sample demonstrates how to load a local document and then print out the page count. Ensure you have a valid PDF for “my_document.pdf” file alongside this JavaScript sample before

CSS 杨亮 ## Web基本流程 请求页面 对应文件 获取数据 PC Mobile HTTP 请求 html css javascript 服务器 (Apache) (IIS) html css javascript 后端脚本 (PHP) (JSP) (ASP) 返回页面 数据库(MySQL)(Oracle)(Access) 返回页面 返回数据 客户端 ## Web开发人员需要关注 前端工程师 后端工程师 PC Mobile html css javascript 后端脚本 (PHP) (JSP) (ASP) 数据库(MySQL)(Oracle)(Access) html 页面内容 CSS 页面外观 JavaScript 页面行为 接受请求 获取数据 处理数据 组织数据 拼接页面 管理数据 ![Im ae51e76c7701fd9fc634924564e0c377/p4_11.jpg) ## 三 驾马车 HTML只是为了说明内容和结构，与外表无关 CSS负责将HTML元素的外观 JavaScript负责所有页面的交互及动作 ## CSS ## 外貌协会 ## Cascading Style Sheets ![Image](/uploads/documents/a/e/5/1/ae

Operator ## Web基本流程 请求页面 对应文件 获取数据 PC Mobile HTTP 请求 html css javascript 服务器 (Apache) (IIS) 返回页面 html css javascript 后端脚本 (PHP) (JSP) (ASP) 数据库(MySQL)(Oracle)(Access) 返回页面 返回数据 ## Web开发人员需要关注 前端工程师 后端工程师 PC Mobile html css javascript 后端脚本 (PHP) (JSP) (ASP) 数据库(MySQL)(Oracle)(Access) html 页面内容 CSS 页面外观 JavaScript 页面行为 接受请求 获取数据 处理数据 拼接页面 组织数据 管理数据  ## 三 驾马车 HTML只是为了说明内容和结构，与外表无关 CSS负责将HTML元素的外观 JavaScript负责所有页面的交互及动作

et YBL ## Programme • Frameworks MVC : Laravel, Django, ... • HTML5 : vue d'ensemble • Javascript : VueJS, Node.js, jQuery, AJAX, JSON, ... • Déploiement et configuration Serveur • Webservices

com/joyent/node/wiki/FAQ • Runs on top of Chrome V8 (see next slide) • Implemented in C++ and JavaScript • Supported on Linux, Mac OS X and Windows • Created by Ryan Dahl at Joyent passed control of state same language on client and server • like dynamically typed languages • large number of JavaScript developers ## • Some issues being addressed PRO's|CON's ![Image](/uploads/documents continuation passing style API for moving blocking/longish CPU-bound tasks out of Node's event loop to JavaScript threads that run in parallel in the background and that use all the available CPU cores automatically;

• 3. How to install Node.js • 4. How much JavaScript do you need to know to use Node? • 5. Differences between Node and the Browser • 6. The V8 JavaScript Engine 6.1. Other JS engines 6.2. The quest autocomplete 11.2. Exploring JavaScript objects 11.3. Explore global objects 11.4. The _ special variable 11.5. The Up arrow key 11.6. Dot commands 11.7. Run REPL from JavaScript file 12. Node, accept • 29. Understanding process.nextTick() • 30. Understanding setImmediate() • 31. Discover JavaScript Timers • 31.1. setTimeout() • 31.1.1. Zero delay • 31.2. setInterval()

VERSIONS ..... 4 CHAPTER 2. FEATURES ..... 5 2.1. NEW AND CHANGED FEATURES ..... 5 2.1.1. V8 JavaScript engine upgraded to v10.2 ..... 5 2.1.2. Default values for HTTP timeouts ..... 5 2.1.3. Blob ###### 2.1.1. V8 JavaScript engine upgraded to v10.2 This release includes an upgrade of the V8 JavaScript engine to v10.2, which is part of Chromium 101. The upgraded V8 JavaScript engine includes the as ordinary property stores For more information about the changes that are available in the V8 JavaScript Engine, see the V8 blog. ##### 2.1.2. Default values for HTTP timeouts This release includes

框架还比较新，缺少社区等方面的支持 - 还没有经过超大型项目的检验 ## ES6/7 参考文档 关于 ES6/7 特性可以参考下面的文档： JavaScript Promise迷你书 • learn-es2015 ECMAScript 6 入门 - 给 JavaScript 初心者的 ES2015 实战 ECMAScript 6 Features ECMAScript 6 compatibility => { ... } JavaScript 这里定义了一个全局函数 formatDate，那么项目里任何地方都可以直接使用该函数。 ## 注册中间件 // src/common/bootstrap/ middleware.js think.middleware('replace_image', http => { ... }); JavaScript 这里定义了一个中间件 配置、本地化配置等必须放在这里。 'use strict'; /** * config */ export default { // key: value }; JavaScript ## src/common/controller 控制器，放一些通用的控制器。其中 error.js 里错误处理的不同行为，项目里可以根据需要进行修改。 ## src/common/runtime

So we can resolve the asynchronous callbacks problem by using async/await or */yield features. JavaScript //user controller, home/controller/user.js export default class extends think.controller.base free and open source programming language designed by Microsoft. TypeScript is a typed superset of JavaScript that it has some useful function in large project such as optional static type. ThinkJS 2.1 has Defining global functions // src/common/bootstrap/fn.js global.formatDate = obj => { ... } JavaScript We defined a global function formatDate here, you can call it anywhere in the project after define