- 博客(32)
- 收藏
- 关注
RSS订阅原创 Javascript中对DOM操作的总结
一、DOM创建DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型，它是一个整数：1：Element，元素 2：Attribute，属性 3：Text，文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法：var node1 = documen
2017-08-31 14:47:48
397
转载 DOM 2级事件模型跨浏览器处理
一。捕获、添加事件由于有着W3C和微软两种捕获、添加事件的方法，所以在涉及较多事件且要实现跨浏览器兼容的情况下，会重复的输入if。。。else。。。语句。一个好的方法就是创建一个可复用的事件处理函数，例如：function catchEvent(eventObj, event, eventHandler){ if(eventObj.addEventListener){//W3C模
2017-08-30 12:18:16
341
原创 W3C事件与IE事件的区别及默认事件的阻止
在浏览器解析事件的时候，有两种触发方式，一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。冒泡的方式效果就是当一个DOM元素的某事件例如click事件被f触发时，依次它的父元素的click事件也被fire(触发)，一直传递到最顶层的body元素为止。而捕获的触发方式正好相反，当某个元素的click事件被触发时，先从最顶层的body元素click事件被触发开始，一直传递到真正
2017-08-30 11:49:01
964
原创 使用JavaScript实现对象的深度克隆
JavaScript中的数据类型分为两大类：原始类型和对象类型。（1）原始类型包括：数值、字符串、布尔值、null、undefined（我们需要克隆的主要是前面三个）（2）对象类型包括：对象（Object），函数（Function）、数组（Array）。在克隆过程中对这两类数据类型的处理方式是不一样的，下面先分别讲解两种数据类型的克隆方式。一、原始类型克隆1、数值的克隆var
2017-08-23 15:48:29
333
转载 Sass、LESS 和 Stylus区别总结
CSS 预处理器技术已经非常的成熟了，而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧
2017-08-03 14:33:11
656
转载 git使用大全，强大的项目管理工具
git的优缺点：优点：1、GIT拥有全世界的资源，大部分优秀的开源项目都是放在github上，这一点足以说明了一切； 2、功能上，GIT拥有svn所有的功能，提交，保存，更新，合并等等。不同的是，GIT有两个仓库，一个是代码的远程仓库（服务器），一个是电脑的本地仓库，这和maven有点类似，所有的提交和更新都需要通过这两个仓库，更安全。支持离线提交，不受网络影响
2017-07-20 14:28:18
591
转载 详解JavaScript ES6中export import与export default的用法和区别
这篇文章主要给大家介绍了JavaScript ES6中export、import与export default的用法和区别，文中介绍的非常详细，相信对大家学习ES6会有一定的帮助，需要的朋友可以参考借鉴，下面来一起看看吧。前言相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？ 在看他们之间的区别之前，我们先来看看它们的
2017-07-20 12:38:07
969
原创 常见的正则表达式全面整理总结
一、校验数字的表达式数字：^[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位小数的正数或负数：^(
2017-04-13 12:55:40
402
转载 15 个有趣的 JS 和 CSS 库
1. PropellerPropeller 是基于 Bootstrap 与谷歌的 Material Design 的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题，或者完整的框架以及独立组件进行使用。项目地址：【传送门】2. BaguetteBoxBaguette
2017-04-05 15:43:22
968
转载 javascript中常见的算法题（数组）
数组1：找出整型数组中乘积最大的三个数给定一个包含整数的无序数组，要求找出乘积最大的三个数。var unsorted_array = [-10, 7, 29, 30, 5, -10, -70]; computeProduct(unsorted_array); // 21000 function so
2017-03-27 23:05:38
870
原创 编写规范化JavaScript代码的方法总结
1：表示区块的大括号，不要另起一行。return{ key:value;};javascript自动在return后加了分号。所以会返回undefined2：不要使用with语句，可能会造成混乱。3：不要省略分号，因为遇到‘（’, '{' ,'[' ,'/' ,'+' ,'-' 等五个符号时，JavaScript不会自动为上一行句尾加分号。4：所有的变量声明都要放在函数的
2017-03-20 20:53:12
279
原创 DOM中的事件类型及HTML5中的事件类型
DOM中事件类型有：UI（用户界面）事件，用户与页面上元素交互时触发 ；焦点事件：当元素获得或失去焦点时触发； 鼠标事件：当用户通过鼠标在页面上执行操作时触发；滚轮事件：当使用鼠标滚轮（或类似设备）时触发； 文本事件：当在文档中输入文本时触发； 键盘事件：当用户通过键盘在页面上执行操作时触发； 合成事件：当为IME（输入法编辑器）输入字符时触发； 变动事件：当底层D
2017-03-20 20:29:54
1472
转载 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()方法从数组末尾增加和减少
2017-03-18 16:21:30
441
转载 HTTP中与缓存有关请求头，响应头字段
请求头：浏览器向服务器发送请求的数据，资源。响应头：服务器向浏览器响应数据，告诉浏览器具体操作。常见的请求头：Accept: text/html,image/* 浏览器可以接收的类型 Accept-Charset: ISO-8859-1
2017-03-14 22:18:28
4642
原创 浏览器渲染页面的步骤
浏览器的渲染页面时，表示网站资源已经请求成功。 渲染时，大致的流程如下： （解析html以构建dom树->构建render树->布局render树->绘制render树） 具体的流程如下： 1：浏览器会将HTML解析成一个DOM树，DOM树的构建过程是一个深度遍历过程，当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点， 2：将CSS解析成CSS规则树； 3：根据DOM树和
2017-03-14 20:26:44
7825
1
转载 使用原生JavaScript封装cookie
前言cookie设置参数说明： name cookie 名称，key值 value 可选，cookie 值 expire 可选，过期时间，时间戳格式 path 可选，服务器端有效路径，/ 表示整个域名有效，默认为当前设置 cookie 时页面的路径 domain 可选，该 cookie 有效的域名 secure 可选。规定是否通过安全的 HTTPS 连接来传输
2017-03-12 19:10:35
386
转载 九种原生js动画效果
在做页面中，多数情况下都会遇到页面上做动画效果，我们大部分做动画的时候都是使用框架来做（比如jquery），这里我介绍下如何让通过原生的js来实现像框架一样的动画效果！1、匀速动画效果说明：匀速动画就是动画的效果从开始到结束每次执行的速度都是一致的http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmln
2017-03-08 20:55:32
1511
转载 Cookie 和 Session机制详解
原文地址：http://blog.csdn.net/fangaoxin/article/details/6952954 会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session
2017-03-07 22:56:16
238
转载 web攻防之SQL注入、XSS、CSRF
1.SQL注入 SQL注入式攻击，就是攻击者把SQL命令插入到Web表单的输入域或页面请求的查询字符串，欺骗服务器执行恶意的SQL命令。 攻击者通过在应用程序预先定义好的SQL语句结尾加上额外的SQL语句元素，欺骗数据库服务器执行非授权的查询,篡改命令。 它能够轻易的绕过防火墙直接访问数据库，甚至能够获得数据库所在的服务器的系统权限。在Web应用漏洞中，SQL Injection 漏
2017-03-07 21:22:43
293
原创 前端模块化的自我理解
前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供
2017-03-07 21:18:01
1589
原创 原生Ajax的代码实现及状态码总结
一，原生Ajax的代码实现：1：主要分四个步骤：1) 定义XMLHttpRequest对象2) 与服务器建立连接4) 接受来自服务器的信息并处理2：代码：3) 发送请求 ajax window.onload = function(){
2017-03-05 17:28:42
4285
转载 MVC，MVP 和 MVVM 的图示
复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。昨天晚上，我读了《Scaling Isomorphic Javascript Code》，突然意识到，它们的区别非常简单。我用几段话，就可以说清。
2017-02-13 20:20:50
264
转载 React开发环境搭建步骤
React简介：React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
2017-02-12 17:00:09
14338
2
原创 将本地文件上传到GitHub上的9个步骤
这篇文章是一个关于将本地代码上传到你自己的GitHub上的操作步骤，在进行这些操作之前的你首先需要将一些需要的配置进行操作。网上有很多相关的教程，大家可以自己百度一下。1.在你的GitHub个人中心创建一个项目，项目名称应该与你本地等待上传的文件夹相同。2.在本地的文件夹右键进入Git push界面，输入git init。使用这个命令创建的仓库不是裸仓库，而是在当前目录下生成.git目录，
2017-01-18 11:09:23
889
原创 简要分析JavaScript中的“闭包”
在前端的面试题关于JavaScript的部分，“闭包”一直是最热门的考点之一。但是很多人对这个知识点都理解的不是很透彻，下面是我对“闭包”的自己的理解。 “闭包”是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式是在一个函数内部创建另一个函数。在闭包中，内部函数会将外部函数的活动对象添加到它的作用域链中。·································
2016-10-30 21:12:09
341
1
转载 Google Chrome浏览器JS调试工具
作为Web开发人员，我为什么喜欢Google Chrome浏览器【原文地址：http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】在Google Chrome浏览器出来之前，我一直使用FireFox，因为FireFox的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。
2016-10-30 21:07:20
3288
转载 javascript定时器及其优化
启动定时器var timer=setInterval(method,time);method是调用的js方法time是时间间隔，毫秒数关闭定时器clearInterval(timer);用这种方法去关闭定时器，往往不能及时关闭。setInterval会产生回调堆积，特别是时间较短的情况下解决方法如下：在JavaScript中还有另
2016-08-02 20:50:09
348
原创 jQuery Mobile的基本组织结构
jQuery Mobile是建立在jQuery之上的一套JavaScript程序库，它着眼于移动浏览器的特点，以HTML5和CSS3为基础，充分考虑了在移动设备上跨浏览器的需求。同时，jQuery Mobile框架在设计上采用了渐进增强和自适应的策略，使它能够按照不同的应用环境得以最大限度的发挥系统框架带来的优势。作为一个JavaScript框架，jQuery Mobile也同样能够应用在普通桌面
2016-08-02 19:34:20
801
转载 原生JS中如何获取CSS属性中的值
css文件中如何得到某个属性值：一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值， 返回的是一个CSS样式声明对象 ， 只读， 此方法支持Firefox浏览器;语法：var style=window.getComputedStyle(“元素”，“伪类”);第一个参数是必须的，第二个为可选的。二、currentSty
2016-08-01 10:01:58
2164
转载 Node.js 初体验
最近写的文章收到许多朋友的反馈，感谢大家的支持和建议，让我对坚持写博客充满热情，一个月一篇文章确实有点少，所以以后尽力多做分享，做好的分享，希望能对朋友们有用。 到新公司的这段时间学到了很多新东西，有好多东西需要去总结去探索，不过事情得一件一件来，今天咱们先从Node开始。注：以后出现的Node即node.js。先搞点前戏热热场 - 为什么写这篇文章： 1.前段时间单位
2016-07-23 17:02:13
481
3
原创 Ajax知识点结构与整理
Ajax: Asynchron Javascript and Xml (异步的JavaScript和XML) 1:异步通信步骤：1）：定义XMLhttprequest对象实例， 2）：调用open（）方法与服务器建立连接，
2016-07-22 18:04:24
1039
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人