Javascript中对DOM操作的总结 一、DOM创建DOM节点(Node)通常对应于一个标签,一个文本,或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型,它是一个整数:1:Element,元素 2:Attribute,属性 3:Text,文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法:var node1 = documen
DOM 2级事件模型跨浏览器处理 一。捕获、添加事件由于有着W3C和微软两种捕获、添加事件的方法,所以在涉及较多事件且要实现跨浏览器兼容的情况下,会重复的输入if。。。else。。。语句。一个好的方法就是创建一个可复用的事件处理函数,例如:function catchEvent(eventObj, event, eventHandler){ if(eventObj.addEventListener){//W3C模
W3C事件与IE事件的区别及默认事件的阻止 在浏览器解析事件的时候,有两种触发方式,一种叫做Bubbling(冒泡),另外一种叫做Capturing(捕获)。冒泡的方式效果就是当一个DOM元素的某事件例如click事件被f触发时,依次它的父元素的click事件也被fire(触发),一直传递到最顶层的body元素为止。而捕获的触发方式正好相反,当某个元素的click事件被触发时,先从最顶层的body元素click事件被触发开始,一直传递到真正
使用JavaScript实现对象的深度克隆 JavaScript中的数据类型分为两大类:原始类型和对象类型。(1)原始类型包括:数值、字符串、布尔值、null、undefined(我们需要克隆的主要是前面三个)(2)对象类型包括:对象(Object),函数(Function)、数组(Array)。在克隆过程中对这两类数据类型的处理方式是不一样的,下面先分别讲解两种数据类型的克隆方式。一、原始类型克隆1、数值的克隆var
Sass、LESS 和 Stylus区别总结 CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧
git使用大全,强大的项目管理工具 git的优缺点:优点:1、GIT拥有全世界的资源,大部分优秀的开源项目都是放在github上,这一点足以说明了一切; 2、功能上,GIT拥有svn所有的功能,提交,保存,更新,合并等等。不同的是,GIT有两个仓库,一个是代码的远程仓库(服务器),一个是电脑的本地仓库,这和maven有点类似,所有的提交和更新都需要通过这两个仓库,更安全。支持离线提交,不受网络影响
详解JavaScript ES6中export import与export default的用法和区别 这篇文章主要给大家介绍了JavaScript ES6中export、import与export default的用法和区别,文中介绍的非常详细,相信对大家学习ES6会有一定的帮助,需要的朋友可以参考借鉴,下面来一起看看吧。前言相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在看他们之间的区别之前,我们先来看看它们的
常见的正则表达式全面整理总结 一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(
15 个有趣的 JS 和 CSS 库 1. PropellerPropeller 是基于 Bootstrap 与谷歌的 Material Design 的 CSS 组件框架。它包含了 25 个响应式组件,同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题,或者完整的框架以及独立组件进行使用。项目地址:【传送门】2. BaguetteBoxBaguette
javascript中常见的算法题(数组) 数组1:找出整型数组中乘积最大的三个数给定一个包含整数的无序数组,要求找出乘积最大的三个数。var unsorted_array = [-10, 7, 29, 30, 5, -10, -70]; computeProduct(unsorted_array); // 21000 function so
编写规范化JavaScript代码的方法总结 1:表示区块的大括号,不要另起一行。return{ key:value;};javascript自动在return后加了分号。所以会返回undefined2:不要使用with语句,可能会造成混乱。3:不要省略分号,因为遇到‘(’, '{' ,'[' ,'/' ,'+' ,'-' 等五个符号时,JavaScript不会自动为上一行句尾加分号。4:所有的变量声明都要放在函数的
DOM中的事件类型及HTML5中的事件类型 DOM中事件类型有:UI(用户界面)事件,用户与页面上元素交互时触发 ;焦点事件:当元素获得或失去焦点时触发; 鼠标事件:当用户通过鼠标在页面上执行操作时触发;滚轮事件:当使用鼠标滚轮(或类似设备)时触发; 文本事件:当在文档中输入文本时触发; 键盘事件:当用户通过键盘在页面上执行操作时触发; 合成事件:当为IME(输入法编辑器)输入字符时触发; 变动事件:当底层D
JavaScript中的数组知识点全总结 一.数组的创建: 1. var aObj=new Array([Size]); 2. var aObj=new Array(‘a’,’b’,’c’); 3.var aObj=[‘a’,’b’,’c’]; (直接定义法) 注:var aObj=[,,]; //数组中有两个元素,undefined二.数组的元素添加和删除: 1.栈操作:push()、pop()方法从数组末尾增加和减少
HTTP中与缓存有关请求头,响应头字段 请求头:浏览器向服务器发送请求的数据,资源。响应头:服务器向浏览器响应数据,告诉浏览器具体操作。常见的请求头:Accept: text/html,image/* 浏览器可以接收的类型 Accept-Charset: ISO-8859-1
浏览器渲染页面的步骤 浏览器的渲染页面时,表示网站资源已经请求成功。 渲染时,大致的流程如下: (解析html以构建dom树->构建render树->布局render树->绘制render树) 具体的流程如下: 1:浏览器会将HTML解析成一个DOM树,DOM树的构建过程是一个深度遍历过程,当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点, 2:将CSS解析成CSS规则树; 3:根据DOM树和
使用原生JavaScript封装cookie 前言cookie设置参数说明: name cookie 名称,key值 value 可选,cookie 值 expire 可选,过期时间,时间戳格式 path 可选,服务器端有效路径,/ 表示整个域名有效,默认为当前设置 cookie 时页面的路径 domain 可选,该 cookie 有效的域名 secure 可选。规定是否通过安全的 HTTPS 连接来传输
九种原生js动画效果 在做页面中,多数情况下都会遇到页面上做动画效果,我们大部分做动画的时候都是使用框架来做(比如jquery),这里我介绍下如何让通过原生的js来实现像框架一样的动画效果!1、匀速动画效果说明:匀速动画就是动画的效果从开始到结束每次执行的速度都是一致的http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmln
Cookie 和 Session机制详解 原文地址:http://blog.csdn.net/fangaoxin/article/details/6952954 会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session
web攻防之SQL注入、XSS、CSRF 1.SQL注入 SQL注入式攻击,就是攻击者把SQL命令插入到Web表单的输入域或页面请求的查询字符串,欺骗服务器执行恶意的SQL命令。 攻击者通过在应用程序预先定义好的SQL语句结尾加上额外的SQL语句元素,欺骗数据库服务器执行非授权的查询,篡改命令。 它能够轻易的绕过防火墙直接访问数据库,甚至能够获得数据库所在的服务器的系统权限。在Web应用漏洞中,SQL Injection 漏
前端模块化的自我理解 前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供