JS之this那些事

js跨域那些事

原文:http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html 什么是跨域 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象.但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦.这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象.更详细的说明可以看下表:…

JS中字符串那些事~

1:字符串 JS中的任何数据类型都可以当作对象来看.所以string既是基本数据类型,又是对象. 2:声明字符串 var sStr = ‘字符串’;(常用) var oStr = new String(‘字符串’); 3:字符串属性 1.length 计算字符串的长度(不区分中英文). 2.constructor 对象的构造函数. Sstr.constrouctor:它的对象仍然是String构造函数 4:字符串方法 1.myStr.charAt(num) //从0开始返回在指定位置的字符.…

一直以来,对this的讨论都是热门话题.有人说掌握了this就掌握了JavaScript的80%,说法有点夸张,但可见this的重要性.至今记录了很多关于this的零碎笔记,今天就来个小结. 本人看过对this解释的最简单的说法:谁调用这个函数,this指向谁. 好啦,就是这么简单.下面再来具体说一下,请随时用这个说法去验证. 先来看一道js面试题热热身: var obj = { foo: function(){ console.log(this) } } var bar = obj.foo o…

js 手机端触发事事件、javascript手机端/移动端触发事件

处理Touch事件能让你跟踪用户的每一根手指的位置.你可以绑定以下四种Touch事件: touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 系统取消touch事件的时候触发.至于系统什么时候会取消,不详 //属性 client / clientY:// 触摸点相对于浏览器窗口viewport的位置 pageX / pageY:// 触摸点相对于页面的位…

JS之DOM那些事

DOM 是 Document Object Model(文档对象模型)的缩写.DOM分为核心DOM.XML DOM.HTML DOM,我们接触的主要是HTML DOM,HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法.换言之,HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.在 HTML DOM 中,所有内容都是节点. DOM节点:节点在文档中以节点树的形式存在,如图: 节点分为12种不同类型,常用的有元素节点(1).属性节点(2).文本节点(…

JS中数组那些事~

今天闲的没事,看了一些关于数组的操作,好久木有用过,很多都已经忘记的差不多了,所以今天花了一个小时写了一些demo,准备备份一下方便以后使用~~~ 下面是一些工作当中,经常用到的数组的方法,小伙伴可以自行选择自己的喜好~~~ <!DOCTYPE html> <html> <head> <title>array</title> </head> <body> </body> <script type=&quo…

js处理时间的那些事

我们在实际需求中一般需要对时间进行相应的出来,比如:对时间串的拆分显示,两个时间差的求值显示等. 时间拆分: 一般对于这种处理我们使用正则表示式: 正则表达式拆分时间: var date = data[i].commentDate.split(" ")[0]; // yyyy-MM-dd var times = data[i].commentDate.split(" ")[1].split(":"); // HH:mm:ss var time =…

JS实现简易的计算器

JS可以做的事多了,那就用来实现一个计算器吧看看手机中的计算器,分为普通计算器和科学计算器自认脑袋不够大,就实现一个普通版本的吧(支持正负数加减乘除等基本连续的运算,未提供括号功能) 看看图示效果, 或在线演示一.知识准备 1+1 = ? 正常来说,我们看到这个表达式都知道怎么运算,知道运算结果但计算机不一样,计算机无法识别出这串表达式,它只能识别特定的规则:前缀表达式+ 1 1 或后缀表达式1 1 + 举个栗子 (3 + 4) × 5 - 6 就是中缀表达式- × + 3 4…

js触摸屏案例

js 手机端触发事事件.javascript手机端/移动端触发事件处理Touch事件能让你跟踪用户的每一根手指的位置.你可以绑定以下四种Touch事件: 1 2 3 4 touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 系统取消touch事件的时候触发.至于系统什么时候会取消,不详 1 2 3 4 client / clientY…

专门针对初学者的Node.js教程

转载原文:http://www.csdn.net/article/2013-08-28/2816731-absolute-beginners-guide-to-nodejs Node.js的教程并不缺乏,但有大部分教程针对已有Node.js基础的开发者.“我已下载了Node.js,可我如何开始呢?”以下教程是专门针对Node.js初学者,文中将通过实例分享,一步步教你如何开始Node.js之旅. 什么是Node.js? 很多初学者并没有真正地理解Node.js到底是什么.nodejs.org网站…

四十年前的 6502 CPU 指令翻译成 JS 代码会是怎样

去年折腾的一个东西,之前 blog 里也写过,不过那时边琢磨边写,所以比较杂乱,现在简单完整地讲解一下. 前言当时看到一本虚拟机相关的书,正好又在想 JS 混淆相关的事,无意中冒出个问题:能不能把某种 CPU 指令翻译成等价的 JS 逻辑?这样就能在浏览器里直接运行. 注意,这里说的是「翻译」,而不是模拟.模拟简单多了,网上甚至连 JS 版的 x86 模拟器都有很多. 翻译原则上应该在运行之前完成的,并且逻辑上也尽可能做到一一对应. 为了尝试这个想法,于是选择了古董级 CPU 6502 摸索.…

Node.js博客搭建

Node.js 博客搭建一. 学习需求 Node 的安装运行会安装node,搭建node环境会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系统模块 Net:网络模块 Http:http模块 ... NPM(node包管理工具) 第三方node模块(包)的管理工具,可以使用该下载工具安装第三方模块.,当然也可以创建上传自己的模块. 参考假定已经理解并掌握了入门教程的所有内容.在易出错的地方将进行简要的说明. 其它这是最不起眼,但也是最…

node.js搭建Web服务器

Node.js学习入门

Node.js是什么 Node.js是一个可以允许我们在服务器端运行JavaScript代码的程序. 这是什么意思呢?通常,我们写的JavaScript代码都是在浏览器中运行的. 实际上,浏览器就是一个JavaScript运行时环境,用于解释执行js代码. 更进一步地说,虽然浏览器提供了JavaScript运行时环境,但是它处在客户端,也就是说此时JavaScript只能用于编写前端代码. 但是,由于Node.js的出现,JavaScript代码的执行就不会被局限于在客户端,我们同样可以让Jav…

js三种常见的对话框

js中的对话框事通过调用window对象的alert() confirm() 和 prompt()来获得,完成人机交互. 1. 警告框alert() function alert(){ // 弹出提示语,无返回值 alert("警告"); } 2.确认框confirm() function confirm(){ //点击确定返回true,点击取消返回false if(confirm("确定点击吗?")){ alert("恭喜点击成功") }…

初步了解nodejs

什么是Node.js? 很多初学者并没有真正地理解Node.js到底是什么.nodejs.org网站中的描述也没有多大帮助. 首先要清楚Node不是一个Web服务器,这十分重要.它本身并不能做任何事情.它无法像Apache那样工作.如果你希望它成为一个HTTP服务器,你必须借助它内置库自己编写.Node.js只是计算机上执行代码的另一种方式,它是一个简单的JavaScript Runtime. 安装Node.js Node.js的安装十分容易.只需在这里下载满足你需要的安装程序即可. 已安装好N…

css3实践之图片轮播（Transform，Transition和Animation）

楼主喜欢追求视觉上的享受,虽常以牺牲性能无法兼容为代价却也乐此不疲.本文就通过一个个的demo演示来简单了解下css3下的Transform,Transition和Animation. 本文需要实现效果:(请用chrome打开) 图片轮播图片自动轮播 Transform 根据我的理解,transform和width.height.background一样,都是dom的属性,不同的是它是css3旗下的,比较屌,能够对原来的dom元素进行移动.缩放.转动.拉长或拉伸,跟canvas上的某些api神…

CSS-Transform-transition-Animation

Transform 根据我的理解,transform和width.height.background一样,都是dom的属性,不同的是它是css3旗下的,比较屌,能够对原来的dom元素进行移动.缩放.转动.拉长或拉伸,跟canvas上的某些api神似,这么说来transform好像能干些js才能干的事. transform分2D变换和3D变换,w3school中有很好的介绍和例子 Transition 注意:在变换属性时,变换前的属性值必须定义:不然会没有效果: 例:想让width从 100p…

Qunar实习回顾总结

今天教师节,陪老师喝点小酒,回来难得抽空,整理一下实习阶段的那些零零碎碎却很有用的知识. 1.关于页面中嵌入js代码 (1)有时为了精确控制代码执行顺序流,会将js代码嵌入到网页之中.优点:改变代码触发顺序很容易. (2)这种情况如果采用事件触发的形式,会依赖于之前触发的事件,导致不易于维护. js代码写在jsp代码里,昨天的结论是错误滴-- a. 减少请求次数 b. 异步请求全部css和js,可能会造成网站页面内容已经出来,但是页面的样式及基本的js操作都不用,疵了一般~~ c. 比如head…

node初始

### 一.什么是node.js > Node是一个基于 Chrome V8 引擎的 JavaScript 运行环境 > > Node使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效 > > Node.js 的包管理器 npm,是全球最大的开源库生态系统 ### 二.node.js能做哪些事 1. 处理文件与数据库 2. 与互联网进行沟通,以标准化的格式处理请求并发送回答(处理客户端请求) 3. 用来执行编译 CSS 预编译语言.预编译.压缩.混淆 JS.压缩图片…

web前端（13）—— 了解JavaScript，JavaScript的引入方式

从本篇博文开始,将进入web前端方便最关键最重要的部分——javascript,学到后面你就知道它真的太重要了什么是JavaScript JavaScript一种直译式的脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,是因特网上最流行的脚本语言,常常简称js 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能 JavaScript 被数百万计的网页用来改…

webpack入门（一）webpack的动机 ---前端专业英语

记得某次考试,出国N年老师出的卷子全是英语,坑的英语不好的我们不要不要的.幸亏上了专业英语课.最重要的是专业英语对于我们很重要,比如webpack,一堆博客都是几小时入门,如何会用webpack,当你想用它的某种特性,比如异步加载moudle,用到require.ensure,或者一些很细节的api,一些遇到的问题,都是中文网站,博客解决不了的.曾经嘲笑那些学视频的自认为大神前端,你找个webpack中文详细教学视频看看. [笑哭].这次,我们来copy一下webpack官网,学一下英语. 开始…

执行js-----Selenium快速入门（十四）

Selenium能够执行js,这使得Selenium拥有更为强大的能力.既然能执行js,那么js能做的事,Selenium应该大部分也能做.这应该得益于JavascriptExecutor这个接口,而ChromeDriver, EdgeDriver, EventFiringWebDriver, FirefoxDriver, InternetExplorerDriver, OperaDriver, RemoteWebDriver, SafariDriver均实现了这个接口.跟使用WebDriver…

Jquery 技术小结

前记: 现在项目中经常要用到JS去操作一些事,对整个团队开发来说,JS的书写规范和正确对开发具有较大的帮助.在一个团队中常常会发生JS书写的不统一性和游览器不兼容性等情况发生.我觉的最好的方法就是有一个统一的书写规范和一个具有良好的兼容性和扩展性的JS库作为我们开发的基层,以提高我们团队的开发速度和各项性能. 对于我本人来说,从一开始的直接写Javascript方法到使用ExtJS 还有 Jquery类库,感触到以下几点: 1. 必须要有良好的JS基础,多多写基础的Javascript方法:…

翻屏类 h5 适配方案：解决宽高自适应难题

表格图片等宽度自适应 :width:100%; box-sizing: border-box; 基于淘宝适配方案flexible + 翻屏h5 适配方案adaptive flexible解读及应用原文: http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 大漠的文章(简洁):https://github.com/amfe/article/issues/17 giuhub:https://github.com/…

web 前端开发学习路线

初级 HTML 5 HTML 5 与 HTML 4 的区别 HTML 5 新增的主体结构元素 HTML 5 新增的非主体结构元素 HTML 5 表单新增元素与属性 HTML 5 表单新增元素与属性(续) HTML 5 改良的 input 元素的种类 HTML 5 增强的页面元素 HTML 5 编辑 API 之 Range 对象(一) HTML 5 编辑 API 之 Range 对象(二) HTML 5 音频视频 HTML 5 拖放 HTML 5 Canvas 标签的使用 HTML 5 Canva…