Ajax：HyperText/URI, HTML, Javascript, frame, frameset, DHTML/DOM, iframe, XMLHttp, XMLHttpRequest

本文内容 Ajax 诞生促使 Ajax 产生的 Web 技术演化真正 Ajax Ajax 与 Web 2.0 Ajax 背后的技术 2008 年毕业,2011 年看了<Ajax 高级程序设计>有点豁然开朗的感觉,所以有必要总结一下,现在对 Ajax 的理解比当初强很多.之前,在与其他开发人员的交谈中,发现他们也不甚了解 Ajax,甚至完全不理会它,更不用说在实际项目中思考如何去使用,而是仍然使用传统 Web 应用程序架构.即便是在现在,看同事的代码,也是由衷的慨叹:写得完全不对嘛~ 无论当…

JS魔法堂：Data URI Scheme介绍

一.前言上周五公司内部的Any Topic Conf.上我和同事们分享了这个主题,有同事说这个有用,有同事说这个没啥用,后来还延伸到网站性能的话题上,大家讨论的激烈程度让我觉得这次选题还不错.本篇先不管到底有用与否,仅仅记录理论知识.也希望大家一起来分享实战经验啊! 二.从HTTP URI Scheme入手对于 <a href="http://github.com">HTTP URI Scheme</a> 我想大家都应该很熟悉了,href属性值http://…

深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点

深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 2011-12-28 23:00 by 汤姆大叔, 139489 阅读, 119 评论, 收藏, 编辑才华横溢的Stoyan Stefanov,在他写的由O'Reilly初版的新书<JavaScript Patterns>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情.具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存…

jQuery Ajax： $.post请求示例

jQuery Ajax: $.post请求示例 leyangjun.html页面 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="./jquery-2.0.0.min.js"></scri…

Ajax：后台jquery实现ajax无刷新删除数据及demo

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8gAAAFSCAIAAAChUmFZAAAgAElEQVR4nO29z4scWZbn2/+Hb30zi8…

翻译连载 | 第 11 章：融会贯通－《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

原文地址:Functional-Light-JS 原文作者:Kyle Simpson-<You-Dont-Know-JS>作者关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTML 最坚实的梁柱:分享,是 CSS 里最闪耀的一瞥:总结,是 JavaScript 中最严谨的逻辑.经过捶打磨练,成就了本书的中文版.本书包含了函数式编程之精髓,希望可以帮助大家在学习函数式编程的道路上走的更顺畅.比心. 译者团队(排名不分先后):阿希.blueken.brucecham.cfanlife.d…

转：彻底搞清楚javascript中的require、import和export

原文地址:彻底搞清楚javascript中的require.import和export 为什么有模块概念理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块. 但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了. require时代 Javascript社区做了很多努力,在现有的运行环境中,实现”模块”的效果. 原始写法模块就是实现特定功能的一组方法.只要把不同的函数(以及记录状态…

第85节：Java中的JavaScript

第85节:Java中的JavaScript 复习一下css: 选择器的格式: 元素选择器:元素的名称{} 类选择器:. 开头 ID选择器:# ID选择器后代选择器: 选择器1 选择器2 子元素选择器:选择器1 > 选择器2 选择器分组: 选择器1,选择器2,选择器3{} 属性选择器:选择器[属性名称='属性值'] 盒子模型: 内边距:盒子内的距离边框:盒子的边框外边距: 盒子和盒子之间的距离轮播图自动播放:每隔3秒切换,切换图片, // 点击弹框 // 确定事件,点击事件 // 通过事…

转：ArcGIS API For JavaScript官方文档（二十）之图形和要素图层——①Graphics概述

原文地址:ArcGIS API For JavaScript官方文档(二十)之图形和要素图层——①Graphics概述 ArcGIS JavaScript API允许在地图上绘制graphic(图形).graphic可以由用户作为标记或输入绘制,也可以由应用程序根据任务绘制.例如,应用程序可能会将查询结果作为graphics添加到地图. 您可以为您的ArcGIS JavaScript API地图创建和添加一个或多个graphic图层.一个GraphcsLayer包含一个Graphic对象的数组,…

iframe跨域问题：Uncaught DOMException: Blocked a frame with origin解决方法

在前后端分离的情况下,前台页面将后台页面加载在预留的iframe中:但是遇到了iframe和主窗口双滚动条的情况,由此引申出来了问题: 只保留单个滚动条,那么就要让iframe的高度自适应,而从主页面显然直接取不到iframe的值,因为这是跨域的(前台页面与后台页面不在同一个IP地址或者同一个端口),尝试访问会报错: Blocked a frame with origin "http://7.35.0.8:8080" from accessing a frame with origin…

高级功能：很有用的javascript自定义事件

之前写了篇文章<原生javascript实现类似jquery on方法的行为监听>比较浅显,能够简单的使用场景. 这里的自定义事件指的是区别javascript默认的与DOM交互的事件,比如click,mouseover,change等,有时候我们需要监听某一行为是否发生,很显然默认的行为不够用,比如一个场景.我们写好了tab切换,点击后请求加载隐藏标签的内容. tab切换是非常常用的一个功能,通常会写成组件,如果每次把请求写在组件里肯定对组件拓展和耦合性有影响.这时候我们可以在组件里自定义一…

【MyEcplise】导入项目报错：Errors running builder 'JavaScript Validator' on project '项目名'. java.lang.ClassCastException

导入项目报错:Errors running builder 'JavaScript Validator' on project '项目名'. java.lang.ClassCastException 解决方法: project -->Properties Builbers -->JavaScript Validator勾选去掉解决问题!…

Javascript：必须知道的Javascript知识点之“单线程事件驱动”

heiboard: Javascript:必须知道的Javascript知识点之“单线程事件驱动”…

微信小程序开发：学习笔记[5]——JavaScript脚本

微信小程序开发:学习笔记[5]——JavaScript脚本快速开始介绍小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求. 在大部分开发者看来,ECMAScript和JavaScript表达的是同一种含义,但是严格的说,两者的意义是不同的.ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言, JavaScript 是 ECMAScript 的一种实现.理解 JavaScr…

面试官：能解释一下javascript中bind、apply和call这三个函数的用法吗

一.前言不知道大家还记不记得前几篇的文章:<面试官:能解释一下javascript中的this吗> 那今天这篇文章虽然是介绍javascript中bind.apply和call函数,但是多少也和this有点关联. 假如在前面那场面试末尾,面试官不依不饶继续问你javascript中的this,那看完本篇文章后一定还会有收获. (本篇文章不会站在this的角度去回答问题,而是重于解释bind.apply和call这三个函数的用法和使用场景) 二.正戏开始面试官:能解释一下javascr…

WebKit JavaScript Binding添加新DOM对象的三种方式

一．基础知识首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而WebKitIDL称为"method"(方法), 另外Web IDL也不像WebKitIDL那样将属性和参数分开. 为JavaScript绑定对象,可以使用module来定义所从属的模组. 典型的module包括: core, window, event, traversal, range…

JavaScript之BOM和DOM

前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HT…

[JavaScript之BOM与DOM]

[JavaScript之BOM与DOM] BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用.例如:window.docu…

JavaScript 中this与Dom中的注意

对于下面这段代码: <script type='text/javascript'> function testThis() { console.log(this); } </script> <input type='button' id="testBtn" /> 第一种绑定事件的方式: document.getElementById('testBtn').addEventListener('click',testThis,false) 这种绑定方式中…

JavaScript之旅（DOM）

JavaScript之旅(DOM) [TOC] 一.认识DOM 什么是 DOM? DOM 是 Document Object Model(文档对象模型)的缩写. DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTM…

JavaScript大杂烩10 - 理解DOM

操作DOM 终于到了JavaScript最为核心的部分了,通常来说,操作DOM,为页面提供更为友好的行为是JavaScript根本目标. DOM树 - HTML结构的抽象既然DOM是操纵HTML文档的,那么必然是先要将HTML文档抽象成JavaScript的对象,这样才能使用JavaScript去操作它们. HTML文档抽象的结果是DOM树 - 一棵与HTML结构对应的JavaScript对象组成的树. 先看一个简单的HTML页面: <!doctype html> <html>…

JavaScript（三）-- DOM编程

JavaScript编程中最基本的就是DOM编程,DOM是 Document Object Model文本对象模型,就是对DOM对象进行编程的过程. Java语言和Js都有针对于DOM的编程,两者类似,主要是有一套DOM编程的规范,两者都遵循这样的规范. 这里主要讲Js的DOM编程API DOM是针对xml(html)基于树的API DOM树就是节点Node的层次 DOM将文档作为一颗树进行处理,定义了Node节点接口,用节点表示xml中各种信息: 节点分为三种类型:元素节点.属性节点.文本节点…

前端JavaScript(3）-关于DOM操作的相关案例,JS中的面向对象、定时器、BOM、位置信息

小例子: 京东购物车京东购物车效果: 实现原理: 用2个盒子,就可以完整效果. 先让上面的小盒子向下移动1px,此时就出现了压盖效果.小盒子设置z-index压盖大盒子,将小盒子的下边框去掉,就可以实现效果. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <styl…

8.6 JavaScript之HTML的DOM（三）

8.5 HTML和JavaScript的DOM(三) 一.DOM 是Document Object Model( 文档对象模型 )的缩写. DOM把所有的html都转换为节点 .整个文档是一个节点 .元素是节点元素属性是节点 .元素内容是节点 .注释也是节点 <html> <body> <div id="d1">hello HTML DOM</div> </body> <script> function…

Selenium 出现： Caused by: java.lang.ClassNotFoundException: org.w3c.dom.ElementTraversal

webDriver 运行的时候出现: Caused by: java.lang.ClassNotFoundException: org.w3c.dom.ElementTraversal 解决办法: 只需要maven pom.xml 添加依赖就行了 <dependency> <groupId>xml-apis</groupId> <artifactId>xml-apis</artifactId> <version>1.4.01</…

JavaScript(第十八天)【DOM基础】

学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口).DOM描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 一．DOM介绍 DOM中的三个字母,D(文档)可以理解为整个Web加载的网页文档:O(对象)…

第一百四十一节，JavaScript，封装库--DOM加载

JavaScript,封装库--DOM加载 DOM加载,跨浏览器封装DOM加载,当网页文档结构加载完毕后执行函数,不等待图片音频视频等文件加载完毕 /** dom_jia_zai()函数,DOM页面加载函数,等待页面结构加载完毕后就执行函数,不需要等待页面音频视频等文件加载完毕,提高加载速度 * 参数是页面结构加载完毕后要执行的函数 * 一般前写前台js文件时,使用此方法加载DOM页面后执行代码,提高速度 **/ function dom_jia_zai(fn){ var isReady = f…