脚本 | 易学教程

JS在HTML文档引入位置

阅读更多关于 JS在HTML文档引入位置

我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是<head>标签内部里面）引入所需要的JavaScript文件还是应该在尾部（也就是</body>之前）引入所需要的JavaScript文件呢？今天我们就来深入的探究一下这个问题。首先我们需要了解的一点就是，在浏览器渲染页面之前，它需要通过解析HTML标记然后构建DOM树。在这个过程中，如果解析器遇到了一个脚本(script)，它就会停下来，并且执行这个脚本，然后才会继续解析HTML。如果遇到了一个引用外部资源的脚本(script)，它就必须停下来等待这个脚本资源的下载，而这个行为会导致一个或者多个的网络往返，并且会延迟页面的首次渲染时间。还有一点是需要我们注意的，那就是外部引入的脚本(script)会阻塞浏览器的并行下载， HTTP/1.1 规范表明，浏览器在每个主机下并行下载的组件不超过两个(也就是说，浏览器一次只能够同时从同一个服务器加载两个脚本)；如果你网站的图片是通过多个服务器提供的，那么按道理来说，你的网站可以一次并行下载多张图片。但是，当我们网站在加载脚本的时候；浏览器不会再启动任何其它的下载，即使这些组件来自不同的服务器。看到这里，也许很多开发者都会想：既然把脚本(script)资源放在head里面是个不好的主意

MySQL数据库备份脚本

阅读更多关于 MySQL数据库备份脚本

MySQL 数据库备份脚本实验环境： mysql-server ： 192.168.200.101 mysql-client ： 192.168.200.102 实验要求：对 mysql-server 的 auth 库和 client 库实现异地备份，每天凌晨 2:00 进行备份，撰写一个数据恢复脚本。 MySQL 服务端授权，给予 select 和 lock tables 权限，以备份 [root@localhost ~]# mysql -uroot -p123456 mysql> grant select,lock tables on auth.* to 'admin'@'192.168.200.102' identified by '123456'; Query OK, 0 rows affected (0.00 sec ） mysql> grant select,lock tables on client.* to 'admin'@'192.168.200.102' identified by '123456'; Query OK, 0 rows affected (0.00 sec) mysql> flush privileges; Query OK, 0 rows affected (0.00 sec) 客户端安装客户端软件 [root@client ~]# yum

一、doT.js使用笔记

阅读更多关于一、doT.js使用笔记

一、赋值 https://www.jianshu.com/p/19156f9fac1e <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> <title>云API</title> <link rel="stylesheet" type="text/css" href="../css/api.css"/> <link rel="stylesheet" type="text/css" href="../css/style.css"/> </head> <body> <header> </header> <div id="show_list"></div> </body> <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>

Refused to execute script from ......../demo/bootstrap.css' because its MIME type ('text/css') is not executable, and strict MIME type checking is enabled.

阅读更多关于 Refused to execute script from ......../demo/bootstrap.css' because its MIME type ('text/css') is not executable, and strict MIME type checking is enabled.

解决前：解决后：声明类型即可，具体原因需要自个查找相关资料。’ 来源： https://www.cnblogs.com/haha12345678/p/11957778.html

dijit.layout.TabContainer+mbMenu.js

阅读更多关于 dijit.layout.TabContainer+mbMenu.js

<%@ page pageEncoding="gb2312"%> <%@ page contentType="text/html; charset=gb2312"%> <%@ page buffer="32kb"%> <jsp:useBean id="JSONRPCBridge" scope="session" class="org.jabsorb.JSONRPCBridge" /> <jsp:useBean id="menumodel" scope="session" class="ocn.share.jabsorb.TestModel" /> <% JSONRPCBridge.registerObject("menumodel", menumodel); %> <style type="text/css"> @import "js/dojo/dojo/resources/dojo.css"; @import "js/dojo/dijit/themes/nihilo/nihilo.css"; @import "js/dojo/dijit/themes/soria/soria.css"; @import "css/1.css"; </style> <script type="text/javascript" djConfig="parseOnLoad: true, isDebug:

seaJs学习笔记之javascript的冲突问题

阅读更多关于 seaJs学习笔记之javascript的冲突问题

seaJs是一个处理模块化的JS开源库，在学习seaJs之前还是要了解一下什么是JS模块化的一些概念，知道这个之后，会更好的了解seaJs的使用。　　首先先看一下下面的这个问题。当你的学习教程网站开发越来越复杂的时候，会经常遇到JS冲突、浏览器性能下降，JS文件互相依赖吗?如果是在多人开发或者复杂开发的过程中，经常会遇到这些问题，那么这些问题我们可以通过JS模块化来解决。所以我们先来看一下冲突问题是如何产生的。　 [html] view plaincopyprint? <!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"> <title>www.xuexijc.com</title>  <script type="text/javascript" src="common.js"></script> <pre name="code" class="html"> </pre><script type="text/javascript" src="d.js"></script><script type="text/javascript">//D小伙伴儿写一些代码操作</script></head><body

14点睛Spring4.1-脚本编程

阅读更多关于 14点睛Spring4.1-脚本编程

转发： https://www.iteye.com/blog/wiselyman-2212678 14.1 Scripting脚本编程脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本语言包含 JRuby,Groovy,BeanShell ; 本例以spring主推的Groovy语言作为示例; 动态加载bean目前暂不支持java config(应该在spring4.2版本支持,参见: Add support for dynamic languages refreshable beans in @Configuration classes ),暂且使用xml配置() 14.2 示例 14.2.1 增加groovy语言支持包到maven <dependency> <groupId>org.codehaus.groovy</groupId> <artifactId>groovy-all</artifactId> <version>2.4.3</version> </dependency> 14.2.2

在浏览器中使用ES6的模块功能 import 及 export

阅读更多关于在浏览器中使用ES6的模块功能 import 及 export

感谢英文原作者 Jake Archibald 的技术分享各个浏览器对于ES6模块 import 、 export的支持情况 Safari 10.1. Chrome 61. Firefox 54 – behind the dom.moduleScripts.enabled setting in about:config. Edge 16. ES6 import 和 export 在浏览器当中的使用 1.显示声明type="module" script 里面要加 type="module", 这样浏览器才会把相关的代码当作ES6的module 来对待 <script type="module"> import {addTextToBody} from './utils.js'; addTextToBody('Modules are pretty cool.'); </script> 2.不能写“裸”路径如： <script type="module"> import {addTextToBody} from 'utils.js'; // error addTextToBody('Modules are pretty cool.'); </script> 直接写 'utils.js' 会报错你可以写绝对路径和相对路径，但是不能直接写文件名，即使是同一层级下面的文件。也要加上 '.

简单透彻理解JSONP原理及使用

阅读更多关于简单透彻理解JSONP原理及使用

什么是JSONP 首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求非同源的URL就可以了，比如www.a.com下的一个页面，其中的ajax请求是不允许访问www.b.com/c.php这样一个页面的。 JSONP就是用来解决跨域请求问题的，那么具体是怎么实现的呢？ JSONP原理 ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。 JSONP具体实现 1.首先看下ajax中如果进行跨域请求会如何。前端代码在域www.practice.com下面，使用ajax发送了一个跨域的get请求 <!DOCTYPE html> < html > < head > < title > GoJSONP </ title > </ head > <

linux终端录屏与播放:script和scriptreplay

阅读更多关于 linux终端录屏与播放:script和scriptreplay

linux下script命令能够录制击键以及击键时机，并将输入和输出结果保存在对应的文件中；scriptreplay可以回放记录。这两个命令在绝大多数的GUN/Linux发型版上都可以找到，通过录制终端记录来制作命令行技巧视频，也可分享回话记录文件。另还可以调用其他解释器并录制发送给该解释器的击键。 srcript 说下常用的选项，更详细的说明可以man script来查看选项描述 -a, - -append 输出录制的文件，在现有内容上追加新的内容 -c, - -command 直接执行命令，而非是交互式的shell -r, - -return 返回子shell的退出码 -f, - -flush 每次操作后都立即刷新缓存。如果不设置这个选项，则不会实时写入文件 -q, - -quiet 可以使script命令以静默模式运行，不显示script启动和exit的命令，用户可以完全察觉不到在录屏 -t, - -timing[=<file>] 输出录制的时间数据，输出到屏幕或者存到指定文件中，回放的时候用到 -V, - -version 显示版本并退出 -h, - -help 显示使用说明并退出 scriptreplay 选项描述 -t, - -timing file 包含记录时序的文件 -s, - -typescript file 包含脚本终端输出的文件 -d,

订阅脚本