脚本 | 易学教程

EXT学习笔记——1

阅读更多关于 EXT学习笔记——1

应用ExtJS需要在页面文件中引入extjs的式样文件及库文件。　　式样文件为resouces/css/ext-all.css 　　extjs的库文件主要有三个:adapter/ext/ext-base.js　　ext-all.js(ext-all-debug.js) 和 ext-lang-zh_CN.js 　　　　其中ext-base.js表示框架基础库,ext-all.js是压缩过的extjs的核心库，。Adapter表示适配器，也就是说可以有多种适配器。因此可以把adapter/ext/ext-base.js换成adapter下面的其他类库，如：adapter/jquery/ext-jquery-adapter.js 或者adapter/prototype/ext-prototype/ext-prototype-adapter.js 等。总的来说，要使用ExtJS框架的页面中一般需要引入如下文件：  <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>  <script type="text/javascript" src="ext/adapter/ext/ext-base.js"/> <script type

jQuery---jquery.color.js和jquery.lazyload.js的使用

阅读更多关于 jQuery---jquery.color.js和jquery.lazyload.js的使用

jquery.color.js的使用了解即可  <script src="jquery-1.12.4.js"></script>  <script src="jquery.color.js"></script> <script> $(function () { //3. 直接使用即可。 //说明jquery不支持颜色的渐变,颜色最好用16进制 $('div').animate({backgroundColor:"#ffc0cb"}, 3000, function () { alert("呵呵"); }); }); </script> jquery.lazyload.js的使用 <script src="jquery-1.12.4.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script> <script> $(function () { $("img.lazy").lazyload(); }); 来源： https://www.cnblogs.com/jane-panyiyun/p/12263863.html

Vue异步组件Demo

阅读更多关于 Vue异步组件Demo

Vue异步组件Demo 在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js 允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。下面是我写的一个简单Vue异步组件Demo。 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // 如果浏览器不支持Promise就加载promise-polyfill if ( typeof Promise === 'undefined' ) { var script = document.createElement( 'script' ); script.type = 'text/javascript'; script.src = 'https://cdn.jsdelivr.net/npm/es6-promise

Ajax学习第六天

阅读更多关于 Ajax学习第六天

Ajax学习第六天 Ajax学习第六天——JSONP代码优化，使用最初版本的JSONP代码，即昨天博客上写的步骤，会有以下3个问题：使用JSONP方法时，每次都要将函数名称发送给服务器端，一旦服务器端程序员修改函数名，前端界面也要一起修改，造成了沟通成本的增加；一旦出现有多个请求时，采用此时的JSONP代码会出现若第一个请求还未执行完成，发送第二个请求，服务器端会覆盖第一次请求的结果，导致第一次的请求结果被覆盖；若多次调用JSONP，要重复编写大量相似且冗余的代码，比较繁琐。针对以上3个问题，提出以下3个要求：无论怎么修改函数名，都不需要前端后端程序员重新沟通；将script的请求的发送变成动态请求；封装JSONP函数，方便请求发送。实现以上三个要求的代码如下（本代码针对前端，服务器端代码未贴出）： < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < /

说说JSONP

阅读更多关于说说JSONP

1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>）； 3、于是可以判断，当前阶段如果想通过纯web端（ActiveX控件、服务端代理、属于未来的HTML5之Websocket等方式不算）跨域访问数据就只有一种可能，那就是在远程服务器上设法把数据装进js格式的文件里，供客户端调用和进一步处理； 4、恰巧我们已经知道有一种叫做JSON的纯字符数据格式可以简洁的描述复杂数据，更妙的是JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据； 5、这样子解决方案就呼之欲出了，web客户端通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件（一般以JSON为后缀），显而易见，服务器之所以要动态生成JSON文件，目的就在于把客户端需要的数据装入进去。 6、客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。 7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议

XSS中的同源策略和跨域问题

阅读更多关于 XSS中的同源策略和跨域问题

转自 https://www.cnblogs.com/chaoyuehedy/p/5556557.html 1 同源策略所谓同源策略，指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。比如源a的js不能读取或设置引入的源b的元素属性。那么先定义下什么是同源，所谓同源，就是指两个页面具有相同的协议，主机（也常说域名），端口，三个要素缺一不可。可以看下面的几个示例来更加清楚的了解一下同源的概念： URL1 URL2 说明是否允许通信 http://www.foo.com/js/a.js http://www.foo.com/js/b.js 协议、域名、端口都相同允许 http://www.foo.com/js/a.js http://www.foo.com:8888/js/b.js 协议、域名相同，端口不同不允许 https://www.foo.com/js/a.js http://www.foo.com/js/b.js 主机、域名相同，协议不同不允许 http://www.foo.com/js/a.js http://www.bar.com/js/b.js 协议、端口相同，域名不同不允许 http://www.foo.com/js/a.js http://foo.com/js/b.js 协议、端口相同，主域名相同，子域名不同不允许

JS中跨域的方法

阅读更多关于 JS中跨域的方法

同源策略（协议+域名+端口号要相同） 1、jsonp跨域（只能解决get）原理：动态的创建一个script标签。利用script标签的src属性（不受同源策略的限制，因为所有的src属性和href属性都不受同源策略的限制，可以请求第三方服务器资源内容）步骤：1、创建一个script标签 2、script的src属性设置接口地址 3、接口参数，必须要带一个自定义的函数名，要不然无法接收返回的数据 4、通过自定义函数去接收返回的数据 2、document.domain 基础域名相同，子域名不同 3、window.name利用在一个浏览器窗口内，载入所有的域名共享一个window.name 4、服务器设置对CORS的支持，原理：服务器设置Access-Control-Allow-Origin http响应头之后，浏览器将会允许跨域请求 5、利用h5新特性window.postMassage() 来源： CSDN 作者：不胖的胖子链接： https://blog.csdn.net/Farmer_Lsm/article/details/104154563

Nmap参数详解

阅读更多关于 Nmap参数详解

转自：http://blog.csdn.net/huangwwu11/article/details/20230795 Nmap——networkmapper，网络探测工具和安全/端口扫描器 nmap[扫描类型…] [选项] [扫描目标说明] Usage: nmap [Scan Type(s)] [Options] {target specification} TARGET SPECIFICATION: Can pass hostnames, IP addresses, networks, etc. Ex: scanme.nmap.org, microsoft.com/24, 192.168.0.1; 10.0-255.0-255.1-254 -iL <inputfilename>: Input from list of hosts/networks -iR <num hosts>: Choose random targets --exclude <host1[,host2][,host3],...>: Exclude hosts/networks --excludefile <exclude_file>: Exclude list from file HOST DISCOVERY: -sL: List Scan - simply list targets to scan -sP:

JavaScript的认识与学习

阅读更多关于 JavaScript的认识与学习

个人建议，敲代码的指法 window下常用的一些快捷键 JavaScript介绍 1.Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。 2.JavaScript是一种运行在客户端的脚本语言 JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 3.JavaScript现在的主要作用： 1.网页特效 2.服务端开发 ( Node.js ) 3.命令行工具 ( Node.js ) 4.桌面程序 ( Electron ) 5. App ( Cordova ) 6.控制硬件-物联网 ( Ruff ) 7.游戏开发 ( cocos2d-js ) JavaScript和HTML以及CSS之间的关系 HTML：用来写页面结构 CSS：用来美化网页 JavaScript：用来添加页面的一些行为 JavaScript的组成

HTML脚本

阅读更多关于 HTML脚本

文章目录 HTML 脚本 HTML 脚本在HTML文档中插入一段脚本。 <!DOCTYPE html> < html > < head > < meta charset = " utf-8 " > < title > 菜鸟教程(runoob.com) </ title > </ head > < body > < script > document . write ( "Hello World!" ) </ script > </ body > </ html > 当浏览器不支持Javascript，使用<noscript>标签，可以通知用户不支持。 < script > document . write ( "Hello World!" ) </ script > < noscript > 抱歉，你的浏览器不支持 JavaScript! </ noscript > < p > 不支持 JavaScript 的浏览器会使用 < noscript > 元素中定义的内容（文本）来替代。 </ p > 来源： CSDN 作者：从零开始的智障生活链接： https://blog.csdn.net/qq_34028001/article/details/104148994

订阅脚本