就好像用户看到的都是由dom表现出来的，所有的业务处理都是在Page对象中处理的。如果业务越简单，创建的Page对象数量就会越少；如果业务越复杂，那么相对而言Page对象数量就越多（或Page实例对象就会越复杂）。 Page对象主要做以下事情：
ajax跨域请求，目前已用几种方法实现： 1）用原生js的xhr对象实现。 var url="http://freegeoip.net/json/"; //创建xhr对象 function createCORSXhr(url,method){ var xhr=new XMLHttpRequest(); if("withCred
我们在开发过程中有时候会碰到这样的需求，连续发送多个ajax请求，请求个数大于等于2，后面的ajax请求发送时，如果前面的ajax请求还没有返回，就取消前面ajax请求回调的执行。
首先，定义了一个Promise，来异步执行函数runAsync，该函数传入一个值x，然后间隔一秒后打印出这个x。
不支持defer属性的浏览器：defer、script、load 支持defer属性的浏览器：script、defer、load 3.2 动态添加script标签，添加到head中比添加到body中安全 3.3 XHR动态脚本注入兼容性好，但不能跨域
但是会发现根本没有收到消息，因为我们发的是异步的请求，请请求发出去之前当前页面的上下文环境已经被销毁了，因此什么也发不出去。
本文主要是在我读《高性能Javascript》之后，想要记录下一些有用的优化方案，并且就我本身的一些经验，来大家一起分享下，
什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js htt
跨域详解 1. 概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http://www.a.com/a.js https://www.a.com/b.js 同一域名，不同协议 不允许 http://www.a.com/a.js http://70
跨域大家都知道，不同地址，不同端口，不同级别，不同协议都会构成跨域。例如：about.haorooms.com和www.haorooms.com都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。
跨域详解 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 跨域详解 1. 概念 2. 跨域资源共享（CORS） 3. jsonp跨域 3.1 概念 3.2 实现 3.3 jQuery封装操作 3.4 JSONP优缺点 CORS 与 J
这是我在一个众测项目中发现的漏洞，单个漏洞可能不是那么有趣，但是把他们组合起来利用，逼格一下子就上来了，也算是比较经典的组合拳
通过 a 标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来看示例代码：
单页面应用程序 SPA，指的是一个 Web 网站中只有唯一一个 HTML 页面，所有的功能和交互都在这个唯一的页面内完成。
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS.CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
2.) 资源嵌入： <link> 、 <script> 、 、 <frame> 等 dom 标签，还有样式中 background:url() 、 @font-face() 等文件外链
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
ip地址: 计算机在网络中的唯一标识, 就是用来定位计算机的 缺点: 不好记
讲真，大疆前端面试不难，都是很基础的，就是时间长，等的捉急。一面是电话面，两个面试官轮流问；二面是视频面，是三个面试官一起微信视频，视频面还是蛮累的，上下左右都得顾上；终面是去的现场面，就跟一个面试官聊了十几分钟人生。
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
--args--disable-web-security--user-data-dir设置浏览器的启动参数，将浏览器的同源策略取消。该方式要求所用的用户进行手动操作，肯定是不现实的。
现在是资源共享的时代，同样也是知识分享的时代，如果你觉得本文能学到知识，请把知识与别人分享。
一般来讲，HTTP 是基于文本的“单向”通讯机制。这里所谓的“单向”，乃相对于“双向”而言，因为 HTTP 服务器只需根据请求返还恰当的 HTML 给客户端即可，不涉及客户端向服务端的通讯。这种单向的机制比较简单，对网络质量要求也不高。而更多的场景则是需要可靠、稳定的端到端连接。一般这种服务是实时的、有态的而且是长连接，长连接则暗示两段须达致相向通讯的能力，也就说是服务端客户端两者间能够实时地相互间通信。毫无疑问，能够实时通信的服务器正是我们对服务器基本要求之一。区别于 HTTP 服务器以 HTTP 为通讯协议， 实时服务器一般采用较为底层的 TCP/IP 为协议通讯，实现了“套字节 Socket”的双向机制。
我的博客来源：https://1024bibi.com/2018/01/01/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB%EF%BC%88%E4%B8%80%EF%BC%89/
Servlet 是 Server Applet 的简称，译为“服务器端小程序”。Servlet 是 Java 的一套技术标准，规定了如何使用 Java 来开发动态网站。
一、关系图理解 二、区别 1.过滤器 过滤器是在web应用启动的时候初始化一次, 在web应用停止的时候销毁 可以对请求的URL进行过滤, 对敏感词过滤 挡在拦截器的外层 实现的是 javax.ser
Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. 简单的就是打字机特效 官网地址：https://mattboldt.com/demos/typed-js/
前言 大家好，我是吒儿?，每天努力一点点?，就能升职加薪?当上总经理出任CEO迎娶白富美走上人生巅峰?，想想还有点小激动呢?。 这是我的第11期文章内容✍，我并不希望把?这篇文章内容成为笔记去记，或者
前言 大家好，我是吒儿👦，每天努力一点点💪，就能升职加薪💰当上总经理出任CEO迎娶白富美走上人生巅峰🗻，想想还有点小激动呢😎。 这是我的第11期文章内容✍，我并不希望把👉这篇文章内容成为笔记去记，或者说是总结一些要点。而是希望通过这篇文章真正地去理解，掌握，一行一行的解析其内容本质，去思考✅每一行，每一段的内容。 希望能够把每一处知识点，说明白，（当然，如果哪一处不了解，可以在评论区进行探讨哦！）⏰，计时开始！ 如果您发现本文有帮助，请您点赞，收藏，评论，留下您学习的脚印👣，我很乐意谈论😃 1. 执行上下文
如果能使网页中的JavaScript代码隐密的加载、隐密的执行，那对于保护JavaScript代码来说是很有利的。
********************************** ajax *********************************
基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。
下面介绍一种JS代码优化的一个小技巧，通过动态加载引入js外部文件来提高网页加载速度
2、通过xhr方式加载js文件，不过通过这种方式的话，就可能会面临着跨域的问题。
如果一个页面中有十几个地方用到Ajax，那么我们需要写十几次open()、十几次send()、十几次获取xhr对象； 代码重复相当多，而凡是有代码重复的地方，就有封装的可能；
重新温习了下这段内容，发现各个浏览器的兼容性真的是搞大了头，处理起来很是麻烦。 现在现总结下并行加载多个js的方法： 1，对于动态createElement('script')的方式，对所有浏览器都是异步并行加载的。这里所说的并行不仅仅指的是 js并行加载，也包括js和其他资源比如图片，iframe的加载。但是此种方式在Firefox的2.0 3.0 3.1版本和opera 9.63 下是可以顺序执行的。但是由于Kyle的提议，现代浏览器都可以通过对动态创建的script元素设置属性as
xhr是浏览器提供的JavaScript对象，通过它，可以请求服务器上的数据资源，之前所学的jquery的ajax函数，就是基于xhr对象封装出来的。
比较符合我们使用习惯的，也许是下面这种mock方式,有一个专门的配置文件，管理请求的url和返回值。每个请求对应输出数组中的一个对象，对象的rule属性可以是一个字符串或者一个正则表达式，用来匹配url,对象的res属性则是我们希望的从中请求中拿到的返回的数据 （也许这里面还应该加个type表示请求的类型，但是我这个是mock的最简化版，所以就不加了）
常用特性应用场景 1 过滤器 Vue.filter 定义一个全局过滤器 {{item.id}} {{item.name}} {{item.date | format('yyyy-MM-dd hh:mm:ss')}}02echarts3 地图只显示南沙群岛，刷新页面显示正常最近在使用echarts3 地图时遇到一个奇怪的问题，进入页面只显示南沙群岛部分，再次刷新页面显示正常，搜索无果后进行了摸索式探索，最终找到了问题的解决方案，现记录于此希望帮到遇到同样问题的朋友。04JavaScript 并发下载在 IE6/7 里 JavaScript 会从两个方面阻碍页面呈现： script 标签下面的网页资源在 script 加载完之前会停止请求、下载。 script 标签下面的 html 元素在 script 加载完之前会停止渲染。01「前端进阶」从多线程角度来看 Event Loop几乎在每一本JS相关的书籍中，都会说JS是 单线程的，JS是通过事件队列 (EventLoop)的方式来实现异步回调的。对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有 异步的能力，所以，我试图从 进程、 线程的角度来解释这个问题。01前端学习笔记2d转换和3d转换的区别： 参数 多了一个 3d 手机一般有3d 渲染引擎（GPU）更快012018-03-28 RSK开发环境搭建可以看代码目录下logs目录下的日志，查看错误信息虚拟机必需能够直连网络，不能通过代理上网05Ajax.BeginForm()知多少在ASP.NET MVC中，Ajax.BeginForm扮演着异步提交的重要角色。其中就有五个重载方法，但是在实际应用中，你未必使用的得心应手，今天我们就从主要的参数来一探究竟。 2799767-029d3a894fe5a11f.png 一、actionName 用于指定请求地址的Action名称。 二、controllerName 用于指定请求地址的Controller名称。 三、routeValues 用来传递参数，支持两种数据类型（两种传参方式）： object类型可以在使用时直接以匿名类方式声明，使06nodejs创建HTTP服务器与前端通信示例(多demo)前面几篇都在复习nodejs创建HTTP服务器的若干知识点，本篇将使用原生AJAX和nodejs的HTTP服务器配合写几个DEMO，加深运用理解，也方便时间长回顾备查，客户端使用file访问协议，服务端代码写在app.js中，客户端代码写在index.html中，所有demo均亲测可用。03【Web性能】Javascript 代码性能优化条目（一）初学者，特别是自学的孩子，在学习的过程中常会遇到各种各样的瓶颈，例如：如何写好javascript、要注意什么等等。这篇文章中，总结了过去javascript一些高效的写法，供大家参考。02【JS 口袋书】第 6 章：JS 中的闭包与模块全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。 例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：03JS 中的闭包与模块全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：01Ajax 的用法1、什么是 Ajax? Ajax，英文名 Asynchronous JavaScript and XML，也就是异步的 JavaScript 和 XML。它不是一门新的语言，而是一种使用现有标准的00扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯硬盘销毁的几种方法，文件销毁 物料销毁 数据销毁上海文件销毁-浦东区文件销毁-闵行区文件销毁-徐汇区文件销毁上海芯片销毁，上海硬盘销毁，上海文件销毁，上海光盘销毁，上海内存卡销毁，上海电子产品销毁，上海存储设备销毁，上海电脑销毁苏州电子销毁处理公司 集成芯片销毁，电子模块销毁前端常见跨域解决方案热门标签更多标签云服务器ICP备案对象存储实时音视频即时通信 IM活动推荐运营活动广告关闭领券
最近在使用echarts3 地图时遇到一个奇怪的问题，进入页面只显示南沙群岛部分，再次刷新页面显示正常，搜索无果后进行了摸索式探索，最终找到了问题的解决方案，现记录于此希望帮到遇到同样问题的朋友。
在 IE6/7 里 JavaScript 会从两个方面阻碍页面呈现： script 标签下面的网页资源在 script 加载完之前会停止请求、下载。 script 标签下面的 html 元素在 script 加载完之前会停止渲染。
几乎在每一本JS相关的书籍中，都会说JS是 单线程的，JS是通过事件队列 (EventLoop)的方式来实现异步回调的。对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有 异步的能力，所以，我试图从 进程、 线程的角度来解释这个问题。
2d转换和3d转换的区别： 参数 多了一个 3d 手机一般有3d 渲染引擎（GPU）更快
可以看代码目录下logs目录下的日志，查看错误信息虚拟机必需能够直连网络，不能通过代理上网
在ASP.NET MVC中，Ajax.BeginForm扮演着异步提交的重要角色。其中就有五个重载方法，但是在实际应用中，你未必使用的得心应手，今天我们就从主要的参数来一探究竟。 2799767-029d3a894fe5a11f.png 一、actionName 用于指定请求地址的Action名称。 二、controllerName 用于指定请求地址的Controller名称。 三、routeValues 用来传递参数，支持两种数据类型（两种传参方式）： object类型可以在使用时直接以匿名类方式声明，使
前面几篇都在复习nodejs创建HTTP服务器的若干知识点，本篇将使用原生AJAX和nodejs的HTTP服务器配合写几个DEMO，加深运用理解，也方便时间长回顾备查，客户端使用file访问协议，服务端代码写在app.js中，客户端代码写在index.html中，所有demo均亲测可用。
初学者，特别是自学的孩子，在学习的过程中常会遇到各种各样的瓶颈，例如：如何写好javascript、要注意什么等等。这篇文章中，总结了过去javascript一些高效的写法，供大家参考。
全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。 例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：
全局变量使用容易引发bug，咱们经常教导尽量不要使用全局变量，尽管全局变量在某些情况下是有用的。例如，在浏览器中使用JS时，咱们可以访问全局window对象，window中有很多有用的方法，比如：
1、什么是 Ajax? Ajax，英文名 Asynchronous JavaScript and XML，也就是异步的 JavaScript 和 XML。它不是一门新的语言，而是一种使用现有标准的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
