- 博客(62)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 CSS 水平垂直居中
块级元素 水平垂直居中<div class="wrap"> <div class="box">fdsa</div></div>1.方法一.wrap { width: 800px; height: 500px; border: 1px solid blue; position: relative;}.box { width: 200px; h
2015-08-20 13:51:50
581
原创 资源加载和页面事件 load, ready, DOMContentLoaded等
资源加载和页面事件理想的页面加载方式解析HTML结构。加载并解析外部脚本。DOM树构建完成，执行脚本。//DOMInteractive –> DOMContentLoaded加载图片、样式表文件等外部文件。页面加载完毕。//window.onload涉及到的事件window.onload: 当页面全部加载完成（包括所有资源）document.onload: 当整个html文档加
2015-08-14 09:27:42
13088
4
原创 js 原型链 __proto__ prototype
原型链在创建一个函数时，就自动为该函数添加一个prototype属性,该属性指向原型对象，默认情况下，该对象中只包块一个constructor属性，它是一个指向prototype属性所在函数的指针。var Person = function () {};var p = new Person();我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步： v
2015-08-04 20:11:15
962
原创 js map, reduce, forEach, filter的一般实现
js map, reduce, forEach, filter的一般实现map（映射）, reduce（规约）, forEach（遍历）, filter（过滤），它们都是高阶函数，都是以传入不同的函数来以不同的方式操作数组元。1> mapfunction map(array, func) { var res = []; for (var i = 0, len = array
2015-08-01 22:27:18
2866
原创 js 函数式编程 浅谈
js 函数式编程函数式的思想, 就是不断地用已有函数, 来组合出新的函数。函数式编程具有五个鲜明的特点：1. 函数是"第一等公民"指的是函数与其他数据类型一样，处于平等地位2. 只用"表达式"，不用"语句""表达式"（expression）是一个单纯的运算过程，总是有返回值；"语句"（statement）是执行某种操作，没有返回值。3. 没有"副作用
2015-08-01 22:16:48
4079
原创 js 变量、函数提升
js 变量、函数提升先简单理解下作用域的概念，方便对变量与函数提升的概念的理解function foo() { var x = 1; if (x) { var x = 2; } console.log(x);}foo();// 2结果为2，可见js中并没有块级作用域的概念可以使用下面的方法创造自己的作用域，这样不会干扰到外部变量
2015-07-30 13:24:27
1724
2
原创 js this指向问题
js this指向问题今天就专门总结一下js中this的指向问题。今天通过题目的方式理解一下this指向，就不从理论上深入了，理论放在以后对闭包、作用域链等总结时候再与此联系起来。先来几条纲领：1.函数在被直接调用的时候，其中的this指针永远指向window2.匿名函数this总是指向window对象3.谁执行函数，this就指向谁4.如果函数new了一下，那么就会创建一
2015-07-29 12:51:47
2777
原创 请实现一个js脚本，要求做到将数字转化为千分位表示如：10000 转化为10,000
请实现一个js脚本，要求做到将数字转化为千分位表示如：10000 ----> 10,00010000121213 ----> 10,000,121,213今天无意中看到这道题目，想了4种解决方案，和大家分享一下：//法一function parseNum(num){ var list = new String(num).split('').reverse(
2015-07-05 14:10:57
5221
1
原创 经典的js问题 实现点击li能够弹出当前li索引与innerHTML的函数
经典的js问题 实现点击li能够弹出当前li索引与innerHTML的函数点击其中一项需要alert出如下结果：按照我们平常的想法，代码应该是这样写的：var myul = document.getElementsByTagName("ul")[0]; var list = myul.getElementsByTagName("li"); functio
2015-06-23 21:55:33
7818
原创 js中setTimeout与setInterval
setTimeout和setIntervaljavascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中以下方法都是window对象的方法：setTimeout() 和 clearTimeout() setInterval() 和
2015-06-23 18:29:08
693
原创 js中操作符 || 和 &&
一、第一部分（引子）js中操作符 || 和 && 先来介绍一下在js中由其他数据类型转化为boolean时到底是转化成true还是falsejs中，当以下值转成boolean类型的时候，会被转换成false0""（空串）falseundefinednullNaN其余的则会被转化为true这里顺便说一句，js中将数据转化为boolean类型
2015-06-23 00:09:49
1191
1
原创 ajax
AJAX的全称是Asynchronous JavaScript And XML.通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新XmlHttpRequest使我们可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户UI一、ajax的优点和缺点优点：1.页面无刷新，用户的体验非常好2.ajax的原则是“按需取数据
2015-06-22 21:09:13
766
原创 jsonp
jsonp我们知道，普通的ajax请求存在跨域无权限访问的问题，这是浏览器的安全策略在起作用index.php:<?php $info = '{ "code" : 10, "title" : "jsonp", "name" : "rgy" }'; echo $info;?>test.html中的js代码：$.ajax({ type:
2015-06-17 12:39:10
7522
原创 一道题目理解js中变量在原型链中的查找顺序
js作用域链下面是一道js题目：function C1(name){ if(name){ this.name = name; }}function C2(name){ this.name = name;}function C3(name){ this.name = name || "John";}C1.prototype.name = "Tom";C2.pr
2015-06-16 18:16:02
3128
1
原创 让软件像树一样成长起来而非像房子一样建造起来
让软件像树一样成长起来而非像房子一样建造起来 ——Fred Brooks学了这么久的软件设计模式和软件体系结构，今天看到这句话，确实有些话想说，观点不一定正确，仁者见仁，智者见智
2015-05-26 16:24:45
960
原创 区分 split, splice, slice
区分 split, splice, slicesplit是string类型特有的方法var str = "bcadeafg";str.split("a");// ["bc", "de", "fg"]splice是属于Array类型特有的方法var arr = [1,2,3,4,5];删除元素：（删除index == 1位置处的1个元素）console.log(arr.
2015-05-24 23:41:16
898
原创 js 事件
今天来总结一下js事件的相关知识^_^首先要明白什么是事件流。事件流大致分为3个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。ie8及其以下没有事件捕获阶段，只有后面两个阶段事件捕获：事件从目标从上往下进行传播，从外往内传播。事件冒泡：事件从目标从下往上进行传播，从内往外传播。二者刚好相反，这样说太抽象了，下面的图片应该能直观的体现接下来是最基本的，添加事
2015-05-24 11:57:15
664
2
原创 js OOP编程
今天来总结下关于JavaScript的面向对象编程！一、封装/*1. 生成对象的原始模式*/var Cat = { name:'', color:''}//根据这个原型对象的规格，生成2个实例对象。var cat1 = {};cat1.name = "大毛";cat1.color = "黄色";var cat2 = {};cat2.name =
2015-05-10 10:28:32
802
原创 js 正则表达式
在开始正则表达式之前，这里出个题给大家思考，看看大家都有哪些解决思路问题：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）var str = "汉字a bc;";好了，言归正传！我们开始js正则表达式下面是js 中 正则表达式 应该掌握的基本知识简单罗列： i, m, g ^, $, \w, \d, \s, \b, . *, +
2015-05-07 15:57:41
916
原创 JavaScript 基本数据类型 与类型检测
一、【JavaScript 基本数据类型】JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型"string" "number" "object" "boolean" "function" "undefined" string类型属性：str.lengthvar str = "123,ABC,900,rgy,rrrr";c
2015-05-06 22:45:16
1137
原创 js 数据类型 Array,Object,RegExp
一、Array类型js 中 Array 数据类型非常强大，非常灵活1.对于一个数组，它的每一项都可以是不同的数据类型2.数组长度并不是一个固定的值，它是可以随时变化的3.它可以用来模拟数据结构中的 “队列” 和 “栈”，操作起来十分方便构造：var arr = new Array();var arr = [];var arr = new Array(
2015-05-06 13:26:03
904
原创 jquery DOM操作
一、获取与设置：ele.text('mytext'); 设置所选元素的文本内容ele.text(); 返回所选元素的文本内容ele.html('myhtml'); 设置所选元素的内容ele.html(); 返回所选元素的内容ele.val('myval'); 设置表单字段的值ele.val(); 返回表单字段的值ele.attr('href',
2015-05-05 22:09:09
525
原创 DOM 文档对象
DOM操作（节点创建、插入、移除，节点遍历，属性设置、移除、遍历……）HTMLCollection对象，HTMLElement对象操作，节点操作，nodeType、nodeValue、nodeName解析
2015-05-04 13:10:22
654
原创 BOM 浏览器对象
BOM是Browser Object Model的缩写，简称浏览器对象模型最初是Netscape浏览器标准的一部分JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM到目前为止缺乏标准
2015-05-03 17:49:57
796
原创 ie,firefox,opera,chrome,safari js 判断五大主流浏览器
用js 判断五大主流浏览器类型function getBrowser() {var ua = window.navigator.userAgent;var isIE = window.ActiveXObject!=undefined && ua.indexOf("MSIE")!=-1;var isFirefox = ua.indexOf("Firefox")!=-1;var i
2015-02-17 17:46:45
11009
1
原创 爬虫1号
这是我实现的第一个版本的爬虫，局限比较大，用的算法思想也比较简单。不过通过爬虫1号，我对爬虫和搜索引擎实现机制有了更多的认识，收获还是挺大的^_^，涂鸦之作，我不知道别人如何实现的，就按自己的想法写了个，大家有兴趣可以看看，用java实现的这是工程目录：下面是具体代码：package com.rgy.reptile;import com.rgy.utils.PageUtil
2015-01-30 16:08:30
616
原创 超正点的音乐播放器
超正点的音乐播放器主要功能：注册，登录，播放音乐，搜索音乐，下载音乐，登录后可获得更多权限的服务设置的功能主要有：微窗，换皮肤，透明度，触键音效，按键音效，透明度，显示歌词，心情驿站（写并且保存心情），另外还有一个便签的功能，支持全局热键功能。播放音乐，搜索音乐，下载音乐，和便签功能可以在未登录的状态下使用，其它的高级功能必须在登录之后才有效。此外可以往播放列表中添加歌曲和删除歌曲，设置播放模式（随机，顺序，单曲循环，列表循环）
2014-07-20 01:10:39
1157
原创 RMC 远程监控软件 被动监控
被动监控：监控端为服务端，终端为客户端。终端一共设计了四个类，监控端一共设计了六个类，如下：package rgy.com.Client;import java.awt.BorderLayout;import java.awt.Font;import java.awt.Image;import java.awt.Toolkit;import java.awt.eve
2014-06-22 10:49:29
1965
原创 java UDP聊天与文件传输
package rgy.com.UDP3;import java.awt.Font;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.event.KeyAdapter;import java.awt.even
2014-05-30 22:33:56
3935
原创 TT聊天软件v1.0版
package rgy.com.TT;import java.awt.BorderLayout;import java.awt.Color;import java.awt.Font;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;imp
2014-05-20 21:22:55
2297
原创 java多线程实验 滚动字
package com.rgy.Test;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.J
2014-05-17 12:10:58
2129
原创 迷宫游戏 用栈实现
#include#include#includeusing namespace std;#define n 8stack s;int * createMaze(){//初始化迷宫 int i,j; int * a; a=new int[n*n]; for(i=0;i<n;i++){ for(j=0;j<n;j++){ *(a+n*i+j)=-1;//不设置为0的
2014-05-13 00:49:13
1462
原创 java文本编辑器v2.0 图形用户界面
package 文本编辑器;import java.awt.BorderLayout;import java.awt.Color;import java.awt.Dimension;import java.awt.Font;import java.awt.GraphicsEnvironment;import java.awt.GridLayout;import java.awt.e
2014-05-11 19:06:08
2034
1
原创 java文本编辑器v1.0 图形用户界面
package com.rgy.entity;import java.awt.BorderLayout;import java.awt.Color;import java.awt.Dimension;import java.awt.Font;import java.awt.GraphicsEnvironment;import java.awt.event.ActionEvent;i
2014-05-09 19:54:22
1140
原创 java进制转换器 图形用户界面 十进制及其相反数分别转化为二，四，八，十六进制
package com.rgy.Test;import java.awt.Color;import java.awt.FlowLayout;import java.awt.GridLayout;import java.awt.Label;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;i
2014-05-06 21:54:24
3928
1
原创 迷宫 填充法新思路（填充干扰路径）
#include#includeusing namespace std;#define n 8int * filler=new int[n*n];//记录填充位置int initFiller(){//初始化填充记录器 int i,j; for(i=0;i<n;i++){ for(j=0;j<n;j++){ *(filler+n*i+j)=0; } } retur
2014-05-06 12:41:08
1253
超正点的音乐播放器
2015-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人