一 AJAX的简介: AJAX是"Asynchronous Javascript And XML"(异步JavaScript和XML),通过后台与服务器实现少量的数据交换,可以使页面实现更新.而且是在不加载整个页面的情况下实现网页上某个部分的更新.其本质是在HTTP协议的基础上以异步的方式与服务器通信. 认识什么是异步: 异步是指某段程序执行时不会影响其他程序的执行,其表现形式为程序的执行顺序不依赖于程序本身的书写顺序,否则为同步. 二 AJAX常见应用场景: AJAX的常见用处有浏览…

国籍控件(js源码) 一直苦于没有好的国籍控件可以用,于是抽空写了一个国籍控件,现分享给大家. 主要功能和界面介绍 国籍控件主要支持中文.英文过滤以及键盘上下事件. 源码介绍 国籍控件核心是两个文件,navtionality.js 和 mian.css.navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定:main.css主要是用于渲染国籍控件的样式.而main.js是国籍控件的调用方法. HTML结构 国籍控件要呈现在页面上,必须事先在页面中加以设置以供控件加载使用.…

(js描述的)数据结构 [数组的一些补充](1) 1. js的数组: 1.优点:高度封装,对于数组的操作就是调用API 2.普通语言的数组: 1.优点:根据index来查询,修改数据效率很高 2.缺点: *普通的数组不支持存放不同的数据类型,所以在对普通数组进行封装的时候一般用对象(例如: java ArrayList). *普通数组的删除,中间插入等操作效率很低. *普通的数组不支持扩容,即申请多少大小的数组数组的大小就不可改变,所以封装的思路就是重新申请一个新数组,把原数组的值再拷贝进去.…

1.<a href="javascript:void(0)" onclick="dele();"> a标签不使用链接的时候,必须加javascript:void(0),不然页面会刷新,造成部分功能失效,例如:隐藏ID为某的标签时,失去效果. 2.<option>中没有value时, .value  可以直接获得text文本内容. 3.style内各属性中,需用;号分割. 4.substr(开,闭)  5.rgb(" ",&…

1:什么是AJAX? AJAX是一组英文单词的简写,这组英文单词是 :Asynchronous JavaScript and XML ,翻译成中文的意思是: 异步的JavaScript 和 XML.什么意思呢?简单点讲就是:通过HTML页面中的JavaScript方法能够不刷新整个页面的情况下实现和服务端进行交流返回对应的请求数据,而返回的数据常常是两种格式的,文本格式和XML格式的,但是文本格式比较简单使用XML格式的数据很容易替代掉,所以使用XML表示更加的贴切,现在常常返回JSON格式的数…

JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // object typeof isNaN; // function typeof isNaN(123); //boolean typeof []; // object Array.isArray(); // false toString.call([]); // [object Array] var a…

原生Ajax 基本使用的四大步骤,简单易懂 ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页.接下来通过本文给大家介绍Ajax的使用四大步骤,非常不错,感兴趣的朋友看下吧 什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页. 如何使用ajax? 一般大家都把所用ajax分为4个步骤,但是我觉得应该是3个步骤.(注意:ajax执行步骤不等于执行顺序,官方都是把步骤三事件函数写在步骤二的前面) 第一步: …

前言: 啊啊啊,看书真的很痛苦啊,还是好想做项目写代码才有意思,不过我现在缺的确是将知识体系化,所以不论看书多么痛苦都一定要坚持坚持啊,这才是我现在最需要的进步的地方,加油! 因为现在期末啦,下周一也就是明天开始就有考试,所以复习是主要的事情,看书的速度比较慢了,一周大概也就184页(P110-P284), 虽然页数比较少但是其中有ES中非常最重要的两个概念——原型链和闭包,之前对于两个知识的了解算是知其然不知其所以然的,所以在那两章我也有意多花费了时间,确保我能够吃透这个概念.以下算是我自己的…

这样的好处是不需要再每个页面中都添加太多的外链接(不会减少请求数量),但对开发会更快捷,如果更改这些文件的位置或名称,只需要更改模板文件,不需要一个一个页面复制粘贴:同时可以为不同jsp页面组创建不同的模板,引入不同的样式文件. 以下是项目结构(略复杂,SpringMVC架构,取所需即可),通过redirect.jsp重定向到/jsp/pages/exercise.jsp文件(相当于主页),这个文件里面引用了一个公共模板jsp/template/head-res-main.jsp,用来一次引入所…

导入JavaScript插件 不论是单独导入还一次性导入之前必须先导入jQuery库. 一次性导入 <script src="js/bootstrap.min.js"></script> 单独导入,可到github去下载 动画过渡(Transitions): transition.js 模态弹窗(Modal): modal.js 下拉菜单(Dropdown): dropdown.js 滚动侦测(Scrollspy): scrollspy.js 选项卡(Tab):…

移位包括有符号左移(<<).有符号右移(>>).无符号右移(>>>),其中 js 支持三种移位,PHP只支持前两种移位(没查到第三种),恰好需要PHP进行无符号右移,此处实现一下.先看结果 将数字 $a 向右无符号移动 $n 位 function uright($a, $n) { $c = 2147483647>>($n-1); return $c&($a>>$n); } 下面是这样做的理由1.有符号右移的过程 >> 2…

动画过渡(Transitions) 这一小节我们先来讲“动画过渡(Transitions)”这个插件的使用,源文件:transition.js Bootstrap框架默认给各个组件提供了基本动画的过渡效果,如果要使用,有两种方法: ☑ 调用统一编译的bootstrap.js: ☑ 调用单一的过渡动画的JavaScript插件文件transition.js(右侧第29行引入Bootstrap上对外公布的transition.js的地址). transition.js文件为Bootstrap具有过渡…

在实际使用中,我们经常会用的Ajax(异步加载,在不刷新整个网页的前提下对网页部分内容进行更新) 使用时,偶尔会遇上需要从一个接口中得到一个数组和数据对应的id,在另一个接口上再得到数据,最初写法如下: $.get(url_1, function (data) { var dom = []; for (var i = 0; i < data.length; i++) { var item = data[i]; //两个url不一致,根据id查找另一个表 $.get(url_2, function…

一.元素的 client offset scroll 三个系列 clientWidth / clientHeight / clientTop / clientLeftoffsetWidth / offsetHeight / offsetLeft / offsetTop / offsetParentscrollWidth / scroHeight / scrollTop / scrollLeft这十三个属性 前面十一个是只读属性 scrollTop和scrollLeft是既可读也可写 测试滚动条的…

发现了个很重要的意义 1,一个对象,既包含被监听的参数,也包括监听处理本身 2,基于1的开发模式 3,在函数中定义监听器 4,1)高内聚: 统一面向对象,一个功能一个对象 不同对象不互相调用,不互相引用彼此 不同模块放到不同文件中 操作放到函数或则方法中 2)低耦合: 提供参数交互的数据接口 不应该在自己功能模块中出现其他功能模块代码或则文件的引用 任何方法或则函数返回对象都应该是数据(对象),而不应该是其他的"功能对象"(或则自己this) 监听自己this对象的属性,不去耦合非th…

快速入门 基本语法 JavaScript的语法和Java的语法类似,每个语句以;结束,语句块用{...}.但是JavaScrip并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;. 例如,下面的一行代码就是一个完整的赋值语句: var x = 1; 下面的一行代码是一个字符串,但仍然可以视为一个完整的语句: 'Hello World'; 下面的一行代码包含两个语句,每个语句用;表示语句结束(但不建议一行写多个语句): var x = 1;…

(1)js的ajax var xmlHttp; if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4 && xmlHttp.status==200){ var dataOb…

回顾 算了不回顾了 直接搞起,打开JS1中写的bvd.js 播放视频 播放按钮隐藏 视频开始播放 当点击播放按钮的时候,播放按钮将会隐藏,播放视频,这个不难,在JS1中我们就已经实现.但我们改变一下思维,给视频添加点击tap事件,使视频播放,再触发播放事件,从而让播放按钮隐藏 pro.initEvent = function(){ var that = this; //给播放按钮图片添加事件 this.vimg.addEventListener('tap',function(){ that.vi…

s12-20160409-day13 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin…

无论你想走多远,你都需要不断地走下去.前端最精华的便是原生的js,这也是我们前端工程师的技术分层的重要指标,也提现这你的代码能力,开发的水平.废话不多说,进入今天的主要分享————基于面向对象思想的图片轮播.其效果如下所示: 正如图片所示这样我们要实现的效果,这里与我们以往不同的是我们的布局十分简洁.其中html布局如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U…

## 什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). 1. 异步通信:浏览器利用独立的线程与服务器进行通信,交换少量信息. 2. 局部刷新:不更新全部页面,只对页面的局部进行更新.   ## Ajax的优点 相对表单提交,全部页面更新来说: 1. 异步通信流量少,网络延迟少,用户体验好. 2. 局部刷新,只更新局部信息,避免了全部页面刷新,提升了用户体验.   ## 如何进行异步通信       说明:浏…

js中的异步 Javascript语言的执行环境是"单线程"(single thread,就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推). 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死), 往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行.为了解决这个问题,…

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. AJAX 不是新的编程语言,而是一种使用现有标准的新方法. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用…

Js中全局替换,需要在最后加上g(global),并且使用//包围起来 1.全局替换字符+ 和 只替换第一个字符+ alert("2014+03-22++aaaa".replace(/+/,'')); //单个替换 alert("2014+03-22++aaaa".replace(/+/g,''));//全局替换alert("2014+03-22++aaaa".replace(/+*/,''));//全局替换,这个是错误的表达 第一行结果是201…

1.验证邮箱(用户名) JS页面中: 首先定义变量和正则 var usermail = $("#usermail" ).val(); var username= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ; 进行判断 //正则表达式判断邮箱 if (!username.test(usermail)) { alert("邮箱格式不正确"); } 在aspx.cs页面: //正则表达式判断邮箱是否符合  …

最近开发了一款分页控件,分享给大家. 主要功能和界面介绍 cform分页控件支持服务端分页.客户端分页.数据过滤.数据排序等功能. 源码介绍 cform-pager分页控件主要由三部分组成:css.scripts以及index.html,css主要是用于控制分页和列表的样式:scripts主要是负责分页数据抓取.分页控件.本地缓存.数据过滤.数据排序等功能:index.html则涉及了分页数据模板.分页容器以及相应的过滤.排序按钮. scripts介绍 scripts目录下面包含了cform-m…

这两天学习了Scrapy爬虫框架的基本使用,练习的例子爬取的都是传统的直接加载完网页的内容,就想试试爬取用Ajax技术加载的网页. 这里以简书里的优选连载网页为例分享一下我的爬取过程. 网址为: https://www.jianshu.com/mobile/books?category_id=284 一.分析网页 进入之后,鼠标下拉发现内容会不断更新,网址信息也没有发生变化,于是就可以判断这个网页使用了异步加载技术. f 首先明确爬取的内容,本次我爬取的是作品名称.照片.作者.阅读量.然后将照片…

一,调试语句 二,JS的引入方式 三,变量的使用 四,基本的数据类型 4.1,基本数据类型转换 4.2,字符串的常用方法 五,复杂数据类型 5.1,Array(数组)及常用方法 六,流程控制( 逻辑与&&.逻辑或|| ) 七,Math内置对象的方法 八,函数的使用 九,JavaScript中对象的创建方式 十,arguments的使用:(类似于python中的*args) 十一,Date类的使用 十二,JSON的序列化反序列化 -------------------------------…

异步请求Ajax 没有学习Ajax之前请求数据的时候都是整个页面全部刷新了一次,也就是每次请求都会重新请求所有的资源.但是在很多时候不需要页面全部刷新,仅仅是需要页面的局部数据刷新即可,此时需要发送异步请求来实现这种局部数据刷新的要求,异步请求简称 Ajax(Asynchronous Javascript And XML),在之前一般使用js 发送异步请求,请求的数据一般是xml,但是现在 json 出现之后就不使用xml 做为数据传输格式标准了.使用jQuery 发送异步请求,jq中的异步请求…

模态弹出框(Modals) 这一小节我们先来讲解一个“模态弹出框”,插件的源文件:modal.js. 右侧代码编辑器(30行)就是单独引入 bootstrap 中发布出的“modal.js”文件. 样式代码: ☑ LESS版本:modals.less ☑ Sass版本:_modals.scss ☑ 编译后的Bootstrap:对应 bootstrap.css 文件第5375行-第5496行 在 Bootstrap 框架中把模态弹出框统一称为 Modal .这种弹出框效果在大多数 Web 网站的交…