AlbenXie的博客

why: 为什么会出现不同的方法呢？what: 这些都是异步请求数据的方法。在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。how：他们都有各自的特点。目录XMLHttpRequest对象 jQuery ajax axios fetch 参考1. XMLHttpRequest对象现代浏览器，最开始与服务器交换数据，都是通过XMLHttpRequest对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。它给我们带来了很多好处。不重新加载页面的

1、主要作用是用于筛选所有的XHR类型的请求，达到只看XHR类型请求的目的 XHR这个标签出现在Chrome浏览器的开发者工具Network选项卡中 XHR类型即通过XMLHttpRequest方法发送的请求 filter是一个过滤器，它可以筛选包含输入关键词的请求，也可以筛选特性类型的请求，如domain、status-code等2、简单的说就是 content-type 的区别：xhr 是 application/json js 是 application/javascript.

一、快速了解简单用法1、parseInt()函数和parseFloat()函数parseInt('123') === 123;parseFloat('123.01') ===123.01;2、Number()强制转换Number('123.01') === 123.01;3、js弱转换+'123.01' === ...

例子1：replace(/ \ - / g, "\ /")你这句话一共有3个"/"第一个个第二个之间就是正则表达式，第二个和第三个之间是需要用来替换的对象。"\-"意思就是匹配"-"为什么要加个\因为-是个元字符，需要转义才是真真的-字符。g = global(全局)“\/”的意思和上边的一样。所以整句的意思就是用/替换-。在Porl语言里你这句就等于：s/\-/\//s...

jQuery选择器大全01020304050607080910111213141516171819202122232425262728

关于jQuery页面刷新(局部、全部)问题第一：页面局部刷新：jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。 $.ajax()Code load()方法通常用来从Web服务器上获取静态的

摘要：AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。解决传统的网页（不使用 AJAX）如果需要更新内容，必须重

林炳文Evankaka原创作品。转载请注明出处http://blog.youkuaiyun.com/evankaka        摘要：这几天研究了下Ajax注册的方法，通过在注册时输入用户名或邮箱等，就可以判断这个用户是否存在，以免用户来注册，然后提交了，系统才提示该用户名或邮箱不可用。使用Ajax便可实现这一功能，看了网上的都是php的，想想索性来写一个SpringMVC+Spring+My

loadXML = function(xmlFile){        var xmlDoc=null;        //判断浏览器的类型        //支持IE浏览器        if(!window.DOMParser && window.ActiveXObject){            var xmlDomVersions = ['MSXML.2.DOMDoc

JSP几种页面间传递参数实现的方法: 1 、直接在URL请求后添加 如：直接传递参数 特别的在使用response.sendRedirect做页面转向的时候，也可以用如下代码： response.sendRedirect("thexuan.jsp?action=transparams&detail=directe") ， 可用request.getParameter(name)

由于web系统采用http协议在浏览器和服务器之间传输数据，而http协议是一种无状态的协议，如何在不同页面之间、或页面向后端传递数据，可以有一下几种方式   方式一：表单方式传递   表单传递参数是一种最简单，也是最基本的参数传递方式。注意：表单元素隐藏按钮的使用   方式二：带参数的url方式传递   带参数的url写法： url?参数名1=值1&参数名2=值2。

JSP几种页面间传递参数实现的方法: 1 、直接在URL请求后添加 如：直接传递参数 特别的在使用response.sendRedirect做页面转向的时候，也可以用如下代码： response.sendRedirect("thexuan.jsp?action=transparams&detail=directe") ， 可用request.getParameter(name)

所有现代浏览器都支持 JSON 对象，有两个非常有用的方法来处理 JSON 格式的内容：JSON.parse(string) ：接受一个 JSON 字符串并将其转换成一个 JavaScript 对象。JSON.stringify(obj) ：接受一个 JavaScript 对象并将其转换为一个 JSON 字符串。比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象：js 代码:var a...

这里介绍一下，我主要介绍一下 JSON.parse() 和 JSON.stringify() 的高级用法，可以在实际应用中给我们带来一些方便。JSON.parse()JSON.parse() 可以接受第二个参数，它可以在返回之前转换对象值。比如这例子中，将返回对象的属性值大写：JavaScript 代码:const user = { name: 'John', email: 'john@awe...

工作中用到的一个功能，下面是用js实现的一个util。花了不少的时间折腾这个，把结果分享给大家。(function() { //cardType:DC->储蓄卡,CC->信用卡 //var root = global; var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC...

一、作用用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString。 异步上传二进制文件。二、使用FormDataPrototype.pnglet form = new FormData();form.append('name','value')//添加 name:valueform.get('name')//...

一、js FormData方法介绍1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。2. 构造函数创建一个formData对象实例有几种方式：1、创建一个空对象实例var formData = new FormData();此时可以调用append()方法来添加数...

1、返回的是jquery对象 [0]取的js对象 是这样吧2、$("#mainForm")[0].submit();这个是JS对象(Form表单)提交$("#mainForm").submit();这个是Jquery对象(Form表单)提交3、jquery对象再[0]一下是取其相对应的Dom对象，即$("#mainForm")[0] = document.getElem...

问题：简单搜索了下，遇到点问题1，经常在JS中看到如var foo = function(){}的形式foo是方法名还是对象名，如果想调用此方法，是用foo()，foo.function(),还是该如何正确调用。除此之外，希望高手帮忙总结下，JS自定义方法和调用的一个大全 回答：方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数，只是比较特殊的...

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：va...

前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。操作数组印象中数组有很多方法，系统的整理一下，放在自己家里方便回头查~1、Array.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回...

1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。...

三个方法用于获取中国的省份、市、县区。从网上找到了中国省市区的json串，然后用js写了一个utl工具，分享给大家。ChinaCity.getProvince = getProvince;ChinaCity.getCity = getCity;ChinaCity.getArea = getArea; (function(){ //收录了中国的省市区县数据 var...

项目中经常会出现的一种情况，有一个列表，譬如是案例列表，点击列表中的某一项，跳转至详情页面。详情是根据所点击的某条记录生成的，因为案例和具体的详情页面，都是用户后期自行添加的，我们开始编写时，不可能穷尽。因此跳转页面时，我们需要传递一个参数过去，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成页面。因此，通过a标签跳转的方式，肯定是行不通的。 我们经常写form表单，提交时，

一、HTML实践使用标准的HTML5简化的定义的方式定义文档类型 <!DOCTYPE html>定义页面的编码 <meata charset="UTF-8">样式和页脚的引用，不需要写type类型，如link script停止使用不标准的标签和属性，如mqrquee不推荐在HTML标签中添加样式属性，如img标签中添加宽高不要使用@import，此方式最大的缺点是引

目录$HTML， HTTP，web综合问题1、前端需要注意哪些SEO2、的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页面的步骤5、如何进行网站性能优化6、HTTP状态码及其含义7、语义化的理解8、介绍一下你对浏览器内核的理解9、html5有哪些新特性、移除了那些元素？10、HTML5的离线储存怎么使用，工作原理能不能解释一下？11、

js中的join(),reverse()与 split()函数用法解析[javascript] view plain copy      /*     *   1：arrayObject.reverse()     *      注意： 该方法会改变原来的数组，而不会创建新的数组。     *   2：arrayObject.

在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。一、快速切换文件如果你使用过sublime text，那么你可能不习惯没有Go to

目录(?)[+]1.写在前面首先要声明一下我的立场，前端是个好东西，我希望我有。但是我之前对于前端确实不太熟悉，最近需要做一个项目，只好赶鸭子上架了。对于前端还有很多不懂的地方，工期赶得紧，只能先能用再说，没考虑是不是正路子。下面是我最近在工程中所遇到的问题，分享给大家，也是提醒我自己。2. js的若干问题对于一位长期从事后端的人来说，JS的运作方式

目录(?)[-]写在前面CSS样式的写法外部样式表内部样式表内嵌样式CSS样式表和Js文件位置iframe与变换缩放背景渐变输入框组时间选择1. 写在前面自从入了前端的坑，坑是越来越大，快把自己埋了。现在又开始搞样式了。2. CSS样式的写法CSS样式的写法有这么3种，下面我们一一介绍。1. 外部样式表链入外部样式表是这样的，

//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false //注意：这里应该用test方法，而不是exec方法；exec用于返回包含查找结果的一个数组return true } //校验登录名：只能输入5-20个以字母开头、可带数字、“

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模

随着网站逐渐变成”互联网应用程序”，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法，管理网页的业务逻辑。JavaScript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javasc

前言关于模块化，最直接的表现就是我们写的 require 和 import 关键字，如果查阅相关资料，就一定会遇到 CommonJS 、CMD AMD 这些名词，以及 RequireJS、SeaJS 等陌生框架。比如 SeaJS 的官网 这样描述自己: “简单友好的模块定义规范，Sea.js 遵循 CMD 规范。自然直观的代码组织方式，依赖的自动加载……”作为前端新手，我表示实

JavaScript本身不是一种模块化语言，设计者在创造JavaScript之初应该也没有想到这么一个脚本语言的作用领域会越来越大。以前一个页面的JS代码再多也不会多到哪儿去，而现在随着越来越多的JavaScript库和框架的出现，Single-page App的流行以及Node.js的迅猛发展，如果我们还不对自己的JS代码进行一些模块化的组织的话，开发过程会越来越困难，运行性能也会越来越低。因此

什么是模块化开发？前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，那么什么是模块呢？一

Ajax中的XMLHttpRequest对象详解   XMLHttpRequest对象是Ajax技术的核心。在Internet Explorer 5中，XMLHttpRequest对象以ActiveX对象引入，被称之为XMLHTTP，它是一种支持异步请求的技术。后来Mozilla、Netscape、Safari、Firefox和其他浏览器也提供了XMLHttpRequest类，

JS获取当前文件所在的文件夹全路径一、Google，FF浏览器获取当前js文件的路径document.currentScript.src//Google,FF 下获取当前js文件的路径// IE10+、Safari和Opera9不支持console.info(document.currentScript.src); 二、比较兼容的获取方式（推荐）

1 $(function () { 2 SetControlDisabled(0, "", true); //控制grid的第一行的所有控件不可用 3 SetControlDisabled("", 1, true); //控制grid的第二列的所有控件不可用 4 SetCo

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用 CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提