Compilation JIT • HTML5, AJAX, bookmarklets • One Page Apps • Implémentations hors-browser – Node.js, Spidermonkey, Rhino – script d’app (Qt, Notepad++, …) 1 • Langage cible de compilateurs : emscripten1 : variante fortement typée, avec des classes (MS) – Coffescript12 ∗ sucre syntaxique ∗ compilé -> js JavaScript • Différentes implémentations13 : navigateur, srv, apps, … • Permissif : du mauvais code org/fr/docs/Web/JavaScript/Guide/Le_mod%C3%A8le_objet_JavaScript_en_d%C3%A9tai ls 19http://www.w3schools.com/js/js_function_closures.asp 20https://www.promisejs.org/ 21https://developer.mozilla.org/en/docs/Web/Ja

web/Model 可选 为web应用模型文件存放目录 具体请参考模 型章节 web/Resource 可选 为web应用静态文件存放目录,应用下所 有的静态资源都存放在这个目录下如：js、css、sass等 web/Plugin 可选 为web应用插件存放目录 具体请参考 插件 章节 web/Service 可选 为web应用服务存放目录 web/View 在模板中输出静态文件的地址使用 {{assert}} 命令,如有静态文 件 web/Resuorce/js/1.js 则在模板中使用 {{assert web/js/1.js}} 。 当我们开启debug时，使用 assert 框架会启 用一个简单的文件服务器。此时我们在模板中的标签 {{assert web/js/1.js}} 会替换成 , 类似这样的地址,修改文件内容时实时生效。当关闭debug时生成的 {{public}} 标签指向的目录。当我们设 置 static__path 为 站点根目录/public时 {{assert web/js/1.js}} 生成的地址则 为 http://mysite/public/web/js/1.js 。此时 public 目录 中并没有这个静态文件，静态文件是存在于应用目录下的 Resource 中，此时我们要使用静态资源管理工具去管理静态资

web/Model 可选 为web应用模型文件存放目录 具体请参考模型章节 web/Resource 可选 为web应用静态文件存放目录,应用下所有的静态资源都存放在这个目录下 如：js、css、sass等 web/Plugin 可选 为web应用插件存放目录 具体请参考 插件章节 13 web/Service 可选 为web应用服务存放目录 web/View 在模板中输出静态文件的地址使用 {{assert}} 命令,如有静态文件 web/Resuorce/js/1.js 则 在模板中使用 {{assert web/js/1.js}} 。 当我们开启debug时，使用 assert 框架会启用 一个简单的文件服务器。此时我们在模板中的标签 {{assert web/js/1.js}} 会替换成 ,类似这样的地址,修改文件内容时实时生效。当关闭debug时生成的地址则是相对于 {{public}} 标签指向的目录。当我们设置 static__path 为 站点根目录/public时 {{assert web/js/1.js}} 生成的地址则为 http://mysite/public/web/js/1.js 。此 时 public 目录中并没有这个静态文件，静态文件是存在于应用目录下的 Resource 中， 此时我们要使用静态资源管理工具去管理静态资源目录，点击查看静态资源管理。

web/Model 可选 为web应用模型文件存放目录 具体请参考模型章节 web/Resource 可选 为web应用静态文件存放目录,应用下所有的静态资源 都存放在这个目录下如：js、css、sass等 web/Plugin 可选 为web应用插件存放目录 具体请参考 插件章节 web/Service 可选 为web应用服务存放目录 web/View {{assert}} 命 令 , 如 有 静 态 文 件 web/Resuorce/js/1.js 则在模板中使用 {{assert web/js/1.js}} 。 当我们开启 debug时，使用 assert 框架会启用一个简单的文件服务器。此时我们在模板中的标 签 {{assert web/js/1.js}} 会 替 换 成 ,类似这样的地址, 修改文件内容时实时生效。当关闭debug时生成的地址则是相对于 指 向 的 目 录 。 当 我 们 设 置 static__path 为 站 点 根 目 录 /public 时 {{assert web/js/1.js}} 生成的地址则为 http://mysite/public/web/js/1.js 。此时 public 目录 中并没有这个静态文件，静态文件是存在于应用目录下的 Resource 中，此时我们 要使用静态资源管理工具去管理静态资源目录，点击查看静态资源管理。

构建 JavaScript 驱动的应用时，为方便起见，可以让 JavaScript HTTP 库自动在每个请求中添加 CSRF 令牌。默认情况下， resources/assets/js/bootstrap.js 文件会将 csrf-token meta 标签值注册到 Axios HTTP 库。如果你没有使用这个库，则需要手动在应用中配 置该实现。 排除指定 URL 有时候我们需要从 CSRF }}"> 本文档由 Laravel 学院提供 Laravel 学院致力于提供优质 Laravel 中文学习资源：http://laravelacademy.org 61 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的请求提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 允许你推送内容到命名堆栈，以便在其他视图或布局中渲染。这在子视图中引入指定 JavaScript 库时很有用： @push('scripts') @endpush 推送次数不限，要渲染完整的堆栈内容，传递堆栈名称到 @stack 指令即可：

RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_URI} !^/(app/webroot/)? (img|css|js)/(.*)$ RewriteRule ^(.*)$ index.php [QSA,L] The above will simply prevent incorrect name="Rewrite routed access to assets(img, css, files, js, favicon)" stopProcessing="true"> Js'); public $components = array('RequestHandler'); } Each of these variables are merged with their

%{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_URI} !^/(app/webroot/)?(img|css|js)/(.*)$ RewriteRule ^(.*)$ index.php [QSA,L] 5 https://clickontyler.com/virtualhostx/ Js'); public $components = array('RequestHandler'); } Each of these variables are merged with their inherited

Taylor Otwell。 编译前端资源 如果你提交的文件更改会影响前端编译文件，通常这种文件位 于 1aravel/laravel 仓库 的 resources/sass 或 resources/js 目录下，不要提交编译后的文 件，因为它们的尺寸往往很大，框架维护者没法对其进行代码审查 （Code Review）。不怀好意的人可能会借此注入恶意代码到 Laravel 中，为了避免这种情况发生，仓库里所有编译后的文件只能由 JavaScript 构建 JavaScript 驱动的应用时，为方便起见，可以让 JavaScript HTTP 库自动在每个请求中添加 CSRF 令牌。默认情况下， resources/js/bootstrap.js 中提供的 Axios HTTP 库会使用加 密后的 XSRF-TOKEN Cookie 值自动发送 X-XSRF-TOKEN 请求头。如 果你没有使用这个库，则需要手动在应用中配置该实现。 请求头。实现方式如下，首先创建一个 meta 标 签并将令牌保存到该 meta 标签： 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的请求提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 'X-CSRF-TOKEN':

JavaScript 模块。 默认情况下，Laravel 5.3 的 gulpfile.js 文件现在已经使用 Webpack 来编译 JavaScript： elixir(mix => { mix.sass('app.scss') .webpack('app.js'); }); 查看完整的 Laravel Elixir 文档了解更多信息。 本文档由 package.json 文件中。 此外，支持单文件的 Vue 组件现在已经开箱支持， resources/assets/js/components 目录下包含 了一个简单的示例组件 Example.vue ，新的 resources/assets/js/app.js 文件将会启动被配置你 的 JavaScript 库以及 Vue 组件。 这种架构对开始开发现代的、强大的 JavaScript 请求头，首先创建一个 meta 标签并将令牌保 存到该 meta 标签： 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的应用提供了简单、方 便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: {

请求头，你可以将令牌保存在”meta”标签中： 创建完这个 meta 标签后，就可以在 js 库如 jQuery 中添加该令牌到所有请求头，这为基于 AJAX 的应用提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 目录包含了应用所有的配置文件； database 目录包含了数据迁移及填充文件，如果你喜欢的话还可以将其作为 SQLite 数据库 存放目录； public 目录包含了前端控制器和资源文件（图片、js、css 等）； resources 目录包含了视图文件及原生资源文件（LESS、SASS、CoffeeScript），以及本 地化文件； storage 目录包含了编译过的 Blade 模板、基于文件的 并不是强制要求在开发期间使用它。你可以自由选择使用任何前端资源管道工具，或者压根 不使用。 2、安装 & 设置 2.1 安装 Node 在开始 Elixir 之前，必须首先确保 Node.js 在机器上已经安装： node -v 默认情况下，Laravel Homestead 包含你需要的一切；然而，如果你不使用 Vagrant，你也 可以通过访问 Node 的下载页面轻松的安装