- 博客(62)
- 资源 (2)
- 收藏
- 关注
原创 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
615
原创 资源加载和页面事件 load, ready, DOMContentLoaded等
资源加载和页面事件理想的页面加载方式解析HTML结构。加载并解析外部脚本。DOM树构建完成,执行脚本。//DOMInteractive –> DOMContentLoaded加载图片、样式表文件等外部文件。页面加载完毕。//window.onload涉及到的事件window.onload: 当页面全部加载完成(包括所有资源)document.onload: 当整个html文档加
2015-08-14 09:27:42
13213
原创 js 原型链 __proto__ prototype
原型链在创建一个函数时,就自动为该函数添加一个prototype属性,该属性指向原型对象,默认情况下,该对象中只包块一个constructor属性,它是一个指向prototype属性所在函数的指针。var Person = function () {};var p = new Person();我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步: v
2015-08-04 20:11:15
1004
原创 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
2911
原创 js 函数式编程 浅谈
js 函数式编程函数式的思想, 就是不断地用已有函数, 来组合出新的函数。函数式编程具有五个鲜明的特点:1. 函数是"第一等公民"指的是函数与其他数据类型一样,处于平等地位2. 只用"表达式",不用"语句""表达式"(expression)是一个单纯的运算过程,总是有返回值;"语句"(statement)是执行某种操作,没有返回值。3. 没有"副作用
2015-08-01 22:16:48
4147
原创 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
1765
原创 js this指向问题
js this指向问题今天就专门总结一下js中this的指向问题。今天通过题目的方式理解一下this指向,就不从理论上深入了,理论放在以后对闭包、作用域链等总结时候再与此联系起来。先来几条纲领:1.函数在被直接调用的时候,其中的this指针永远指向window2.匿名函数this总是指向window对象3.谁执行函数,this就指向谁4.如果函数new了一下,那么就会创建一
2015-07-29 12:51:47
2818
原创 请实现一个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
5272
原创 经典的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
7889
原创 js中setTimeout与setInterval
setTimeout和setIntervaljavascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中以下方法都是window对象的方法:setTimeout() 和 clearTimeout() setInterval() 和
2015-06-23 18:29:08
807
原创 js中操作符 || 和 &&
一、第一部分(引子)js中操作符 || 和 && 先来介绍一下在js中由其他数据类型转化为boolean时到底是转化成true还是falsejs中,当以下值转成boolean类型的时候,会被转换成false0""(空串)falseundefinednullNaN其余的则会被转化为true这里顺便说一句,js中将数据转化为boolean类型
2015-06-23 00:09:49
1258
原创 ajax
AJAX的全称是Asynchronous JavaScript And XML.通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新XmlHttpRequest使我们可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户UI一、ajax的优点和缺点优点:1.页面无刷新,用户的体验非常好2.ajax的原则是“按需取数据
2015-06-22 21:09:13
810
原创 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
7589
原创 一道题目理解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
3242
1
原创 让软件像树一样成长起来而非像房子一样建造起来
让软件像树一样成长起来而非像房子一样建造起来 ——Fred Brooks学了这么久的软件设计模式和软件体系结构,今天看到这句话,确实有些话想说,观点不一定正确,仁者见仁,智者见智
2015-05-26 16:24:45
1024
原创 区分 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
930
原创 js 事件
今天来总结一下js事件的相关知识^_^首先要明白什么是事件流。事件流大致分为3个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。ie8及其以下没有事件捕获阶段,只有后面两个阶段事件捕获:事件从目标从上往下进行传播,从外往内传播。事件冒泡:事件从目标从下往上进行传播,从内往外传播。二者刚好相反,这样说太抽象了,下面的图片应该能直观的体现接下来是最基本的,添加事
2015-05-24 11:57:15
687
原创 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
847
原创 js 正则表达式
在开始正则表达式之前,这里出个题给大家思考,看看大家都有哪些解决思路问题:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)var str = "汉字a bc;";好了,言归正传!我们开始js正则表达式下面是js 中 正则表达式 应该掌握的基本知识简单罗列: i, m, g ^, $, \w, \d, \s, \b, . *, +
2015-05-07 15:57:41
956
原创 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
1171
原创 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
947
原创 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
546
原创 DOM 文档对象
DOM操作(节点创建、插入、移除,节点遍历,属性设置、移除、遍历……)HTMLCollection对象,HTMLElement对象操作,节点操作,nodeType、nodeValue、nodeName解析
2015-05-04 13:10:22
687
原创 BOM 浏览器对象
BOM是Browser Object Model的缩写,简称浏览器对象模型最初是Netscape浏览器标准的一部分JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3CBOM到目前为止缺乏标准
2015-05-03 17:49:57
854
原创 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
11069
原创 爬虫1号
这是我实现的第一个版本的爬虫,局限比较大,用的算法思想也比较简单。不过通过爬虫1号,我对爬虫和搜索引擎实现机制有了更多的认识,收获还是挺大的^_^,涂鸦之作,我不知道别人如何实现的,就按自己的想法写了个,大家有兴趣可以看看,用java实现的这是工程目录:下面是具体代码:package com.rgy.reptile;import com.rgy.utils.PageUtil
2015-01-30 16:08:30
638
原创 超正点的音乐播放器
超正点的音乐播放器主要功能:注册,登录,播放音乐,搜索音乐,下载音乐,登录后可获得更多权限的服务设置的功能主要有:微窗,换皮肤,透明度,触键音效,按键音效,透明度,显示歌词,心情驿站(写并且保存心情),另外还有一个便签的功能,支持全局热键功能。播放音乐,搜索音乐,下载音乐,和便签功能可以在未登录的状态下使用,其它的高级功能必须在登录之后才有效。此外可以往播放列表中添加歌曲和删除歌曲,设置播放模式(随机,顺序,单曲循环,列表循环)
2014-07-20 01:10:39
1217
原创 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
2043
原创 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
3966
原创 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
2333
原创 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
2164
原创 迷宫游戏 用栈实现
#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
1495
原创 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
2074
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
1172
原创 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
3978
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
1285
超正点的音乐播放器
2015-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人