腿子代码了
腿子代码了

正则表达式

文章目录

    • 正则表达式
      • 1.正则表达式趣味
      • 2.正则表达式入门
        • 部分一
        • 部分二
        • 部分三(字符转换符号&|)
        • 原子表或者原字符
        • 边位符
        • 数值和空白字符
        • \w 与 \W
        • 点元字符的使用 .
        • 匹配全部字符
        • 多行匹配m
        • 汉字与字符属性 /u
        • lastIndex属性 (不会)
        • 有效y使用
        • 原子表的基本使用
        • 原子表区间的特性
        • 原子表排除匹配
        • 原子表注意
        • 正则操作DOM元素
        • mail案例测试
        • 原子组引用完成替换
        • 嵌套分组和不记录分组
          • 嵌套分组
      • 正则表达式应用
        • 用户名验证
        • 密码验证
        • 禁止贪婪
        • 禁止贪婪应用
        • 打印标签内容
          • matchAll
        • Search
        • split
        • $在正则表达式中的应用
        • 断言匹配

正则表达式

1.正则表达式趣味

var  hd = "tiantianxuexi2020qianduan2021"
console.log(hd);

现在需要只取出数字部分

var  hd = "tiantianxuexi2020qianduan2021"
	console.log(hd);
	var hd1=[...hd].filter(a=>!Number.isNaN(parseInt(a)));
	console.log(hd1.join(""));

filter 过滤

a=>为方法简写

方法解析

首先parseInt(a) 解析这个a传入的参数是否为数值，是正常返回，不是返回NaN

然后使用Number类下的isNaN进行判断，是返回true，不是返回false；

filter()方法会创建一个新数组，原数组的每个元素传入回调函数中，回调函数中有return返回值，若返回值为true，这个元素保存到新数组中；若返回值为false，则该元素不保存到新数组中；原数组不发生改变。

所以我们需要取出数字部分，数字部分在此为false，因此我们需要取反进行。

然后最后通过join进行连接在一起，如不使用，返回的是一个数组

在这里插入图片描述

正则表达式取值

 var  hd = "tiantianxuexi2020qianduan2021"
	console.log(hd);
console.log(hd.match(/\d/g).join(""));

在这里插入图片描述

结果相同

2.正则表达式入门

正则表达式书写位置

/这里面书写正则表达式/

举一个栗子

/\d/g 其中 \d就是正则表达式 代表着数字数值 g代表全局查找

部分一

test()方法

test方法作用是判断是否字符串里是否包括某些字符串

格式

正则表达式.test(字符串)；

举一个栗子

var str ="ourstudyjavascript.com"

console.log(/o/.test(str));

结果返回true；

判断o是否在str这个字符串里面

以上会有一个问题

它不能将变量包括在内进行判断

var str ="ourstudyjavascript.com";
var str2 ="o";
console.log(/str2/.test(str));    //结果返回false

但是这样也可以用另一种方法进行解决

eval()方法

eavl方法它可以将字符串转换为代码运行

var str ="ourstudyjavascript.com"

var str2 ="o";
console.log(eval(`/${str2}/`).test(str));  //结果返回true
部分二

使用对象创建正则表达式

new RegExp();

创建RegExp()对象的语法

new RegExp(pattern,attributes);

参数 作用
pattern 书写正则表达式
attributes 书写参数，g w i 等正则表达式的查找方式 
var str ="ourstudyjavascript.com"

var str2 =new RegExp("a","g");		//通过全局查找方式，查找a，在此a不必要写成/a/

console.log(str2.test(str));		//结果返回true

同样，这个对象也可以查找变量

var str ="ourstudyjavascript.com"
var st ="u";
var str2 =new RegExp(st,"g");	

console.log(str2.test(str));	//结果返回ture

举个小栗子

要求根据用户输入结果来改变字符串的颜色变化

回顾代替replace函数

var hd="abc";
	var av=hd.replace(/\w/g,"@");	//当然，第二个参数可以书写方法
	console.log(av)				//记过返回@@@三个@@@

/\w/g代表全局查找字母数字下划线

<div class="abc">
		studyjavascript.com
	div>

var user=prompt("请输入查找的内容,支持正则");
var con =new RegExp(user,"g");
var div =document.querySelector("div"); 
div.innerHTML=div.innerHTML.replace(con,search=>{
	return `${search}`;	//`是Tab上的票
});

查找a

正则表达式_第1张图片

正则表达式_第2张图片

查找字母下划线

正则表达式_第3张图片

正则表达式_第4张图片

部分三(字符转换符号&|)
var str ="studyjavascript.com"

	console.log(/a|@/.test(str));

判断是否包含a或者@

电话号检测

var tel ="010-9999999";

console.log(/(010|020)\-\d{7,8}/.test(tel));

其中(010|020)是为了保证两侧都有检测

\d{7,8} 表示随机数字7-8位

   \-转义为普通的字符。
原子表或者原字符

[] 原子表 相当于或 [123456] 相当于1或2或3或4…

var tel =/[123456]/;
var t="3";
console.log(t.match(tel));  //这个时候就是匹配全部的123456了   结果返回索引

正则表达式_第5张图片

() 原子符 相当于与

var tel =/(123|456)/;
var t="3211214";
console.log(t.match(tel));  //返回null

表示匹配123 或者456 这两个整体。

在这里插入图片描述

边位符
^ $
表示必须以此为开头的匹配 表示必须以此为结尾的匹配 
var hd ="woaixuejavascript 2020";
	var hs ="2020 woaixuejavascript";
	console.log(hd.match(/\d+/));  //正常匹配数字     
	console.log(hs.match(/^\d+/));	//匹配开头为数字的字符
	console.log(hd.match(/\d+$/));	//匹配结尾为数字的字符

其中+代表匹配多个 和/g全局查找一个效果

在这里插入图片描述

数值和空白字符

数字既是/\d/用来匹配字符

var hd ="张三:010-33333333,李四:020-55555555";

	//获取电话号码
	 console.log(hd.match(/\d+-\d{7,8}/g));

	//获取特定字符，使用原子表----匹配原子表内的元素
	 console.log(hd.match(/[:\d-,]/g)); 
	
	//获取特定字符，除原子表内的元素
	console.log(hd.match(/[^:\d,]/g));

在这里插入图片描述

在这里插入图片描述

	var hd =`
	张三:010-33333333,李四:020-55555555
	`;
	//判断是否有空  \s
	console.log(/\s/.test(hd));

	// 判断是否有空
	var hs ="\nwoaixuejava";
	console.log(/\s/.test(hs));

	var hh ="";
	//判断除了空还有其他元素么
	console.log(/\S/.test(hh));

在这里插入图片描述

\w 与 \W

\w字符指的是匹配字母数字下划线

	var hd ="abc@123_";

	console.log(hd.match(/\w/g));

在这里插入图片描述

/W是匹配除了字母数字下划线

	var hd ="abc@123_";

	console.log(hd.match(/\W/g));

在这里插入图片描述

匹配email小栗子

	var email ="[email protected]";

	console.log(email.match(/\w+@\w+\.\w+/));

在这里插入图片描述

匹配用户名 （以字母开头，右数字字母下划线组成）


	var input = prompt("请输入用户名");
	console.log(input);
	var hs=/^[a~z]\w{5,9}$/i;
	console.log(hs.test(input));

在这里插入图片描述

点元字符的使用 .

/./ 元字符匹配表示除了换行符以外全部匹配

var hd ="woaixuejavascript_1da@#954&*)";

	console.log(hd.match(/.+/));

在这里插入图片描述

现在使用模板匹配

var hd =`
	woaixuejava.com
	`;
	console.log(hd.match(/./g));

在这里插入图片描述

注意 + 和全局变量g有区别

例如上面的例子使用+和g的区别

+：在这里插入图片描述

g：在这里插入图片描述

/s单行模式，使之为一行

var hd =`
	woaixuejava.com
	javascript
	`;
	console.log(hd.match(/.+/)[0]);

在这里插入图片描述

var hd =`
woaixuejava.com
	javascript
	`;
console.log(hd.match(/.+/s)[0]);

在这里插入图片描述

效果就是将多行的元素放在一行 然后打印后还原

因为.元字符不能匹配换行符，当匹配后遇到换行符时，将会结束，所以需要将其换成一行，这样就可以取得第一个元素了

匹配网址

//匹配网址
	var url ="http://www.15821838384qq.com";

	console.log(url.match(/^https?:\/\/www\.\w+\.\w+/));

在这里插入图片描述

匹配全部字符

原子表匹配字符

[\d\D] \d 表示匹配所有数字，\D表示匹配除数字以外的数字

另外还有\s\S 空格

[\w\W]等等

var hd =`
	
	javascript
	web
	
	`;
	console.log(hd.match(/[\d\D]+<\/span>/))

在这里插入图片描述

多行匹配m
//多行匹配
var hd=`
#1 javas,6000元 #
#42 web,6000元 #
#444 js,8000元 # 正则表示
#432 node,7000元 #
`;
console.log(hd.match(/\s+#\d+\s+.+\s+#\s/g));

在这里插入图片描述

第三行不符合规则，所以我们不需要他，因此我们进一步去除

hd.match(/^\s+#\d+\s+.+\s+#$/gm)

多行匹配一行一行进行测试

var less=hd.match(/^\s+#\d+\s+.+\s+#$/gm).map(v=>{
	var v=v.replace(/\s+#\d+\s+/,"").replace(/\s+#/,"");
	[name,price]=v.split(",");
	return [name,price];
})
console.log(less);
汉字与字符属性 /u
//汉字与字符属性 
	//
	var  hd ="woaixuejs,2020.!";
//获取字符
console.log(hd.match(/\p{L}/ug));  
//获取标点符号
console.log(hd.match(/\p{P}/ug));

在这里插入图片描述

lastIndex属性 (不会)
var hd = "woaixuejava";
var reg =/\w/g;
// console.log(hd.match(/\w/));
// console.log(/\w/g.lastIndex);
console.log(reg.exec(hd));
console.log("===================");
while((res=reg.exec(hd))){
	console.log(res);
}

正则表达式_第6张图片

有效y使用

y使用方法是联合lastIndex配合使用。

	
	var hd="欢迎拨打以下电话: 111111,222222,333333，拨打电话可获得vip课程会员";
	//根据lastindex获取电话号码 ，不需要使用g全局查找，使用y有效连续查询即可
	 
	// var reg =/\d{6}/g;
	// console.log(hd.match(reg));

	var regg=/\d+,?/y;
	var sa=[];

	regg.lastIndex=10;
	// console.log(hd.match(regg));
	while((reg=regg.exec(hd))){
		console.log(reg);
		sa.push(reg[0]);
	}
	console.log(sa);

在这里插入图片描述

原子表的基本使用
var hd ="2021-02-03";
//匹配查出日期
console.log(hd.match(/\d+-\d+-\d+/));

有时候日期格式也为

2021/02/03 这样格式也是正确的，为此

var hd ="2021-02-03";
//匹配查出日期
console.log(hd.match(/\d+-\d+-\d+/));

var hd1="2021/02/03";
console.log(hd1.match(/\d+[-\/]\d+[-\/]\d+/));
console.log(hd.match(/\d+[-\/]\d+[-\/]\d+/));

[a,b]原子表的意思是为当匹配a或者b都为ture；

当然也可能会出现2021-02/03这种情况，这显然是不符合标准的，为此

console.log(hd.match(/\d+([-\/])\d+\1\d+/));

可以使间隔符号与前面保持一致；格式([a,b]) \1 与前面括号内保持一致；

原子表区间的特性
<input type="text" name="usename">

var usename=document.querySelector(`[name="usename"]`); //获取名字为usename的标签
usename.addEventListener("keyup",function(){  			//添加键盘抬起事件
	console.log(this.value.match(/^[a-z]\w{5,7}$/g));	//用户名6~8位
});

正则表达式_第7张图片

原子表排除匹配
//排除匹配

var hd ="woaixuejavascript";

console.log(hd.match(/[iu]/g));   //全局查找iu这两个字符

//排除^ ,除了iu
console.log(hd.match(/[^iu]/g));	//全局查找除了iu的其他字符

在这里插入图片描述

小栗子

var hd="张三:010-123456,李四:020-123456";
	console.log(hd.match(/[^:,\d-]+/g));

在这里插入图片描述

原子表注意

[() .+] 在原子表内的()表示普通的括号，.和+也是普通的标点字符，

（）在原子表外表示原子组。在原子表外需要转义

正则操作DOM元素

删除body中的h标签

正则表达式_第8张图片

var body = document.body;

var  reg =/<(h[1-6])>.+<\/\1>/gi;
body.innerHTML=body.innerHTML.replace(reg,"");

正则表达式_第9张图片

正则表达式_第10张图片

但是h3并没有删除

var body = document.body;

var  reg =/<(h[1-6])>.*<\/\1>/gi;
body.innerHTML=body.innerHTML.replace(reg,"");

将+换成*就可以将

删除

这是因为*代表0个或者多个

值得注意的是，当

<h1>
	java
	h1>

这样时， 正则中的.就失去了作用，因此可以用

var body = document.body;

var  reg =/<(h[1-6])>[\s\S]*<\/\1>/gi;
body.innerHTML=body.innerHTML.replace(reg,"");

或者\D\d都可以

mail案例测试
  <input type="text" name="mail">

//mail
var mail =document.querySelector("[name='mail']");
mail.addEventListener("keyup",function(){
	var hd =mail.value;
	//[email protected]
	//[email protected]
	// var reg = /^\w+@\w+\.\w+$/i;   // 满足一
	var reg =/^\w+@(\w+\.)+\w+$/;	 //满足条件二
	console.log(hd.match(reg));
});

正则表达式_第11张图片

原子组在mail中的使用

原子组引用完成替换

操作要求，将标签替换成

标签

//原子组的替换使用

var hd=`
	
javas

	web
	
webspring

`;

var reg =/<(h[1-6])>([\s\S]+)<\/\1>/ig;
console.log(hd.match(reg));
// hd.replace(reg,"
$2
");
console.log(hd.replace(reg,"
$2
"));

替换参数

hd.replace(reg,(p0,p1,p2,p3)=>{}）

参数 实质
p0

javas
p1 h1
p2 javas 
var reg =/<(h[1-6])>([\s\S]+)<\/\1>/gi;
var hs =hd.replace(reg,(p0,p1,p2)=>{
	return `
${p2}
`;
});
console.log(hs);

在这里插入图片描述

嵌套分组和不记录分组
嵌套分组
var hd="https://www.xianzhe.com";

var reg=/https?:\/\/\w+\.\w+\.(com|org|cn)/;
console.log(hd.match(reg));

将www.xianzhe.com网址部分取出

var hd="https://www.xianzhe.com";

var reg=/https?:\/\/(\w+\.\w+\.(com|org|cn))/;
console.log(hd.match(reg));

在这里插入图片描述

如果不想让com加入，那么这就要使它进行不记录分组

?:

var reg=/https?:\/\/(\w+\.\w+\.(?:com|org|cn))/;
console.log(hd.match(reg));

举一个小栗子

var hd="http://www.xuejava.com https://xueweb.com www.xuewenwang.com";

var reg=/((?:\w+\.)?\w+\.(?:com|cn|org))/gi;
console.log(hd.match(reg));

正则表达式_第12张图片

var hd="http://www.xuejava.com https://xueweb.com https://www.xuewenwang.com";

var reg=/https?:\/\/((?:\w+\.)?\w+\.(?:com|cn|org))/gi;
var h=[];
while((res=reg.exec(hd))){
	h.push(res[1]);
}
console.log(h);

正则表达式_第13张图片

正则表达式应用

用户名验证
<input type="text" name="usename">

document.querySelector("[name='usename']").addEventListener("keyup",function(){
	var value =this.value;
	var reg =/^[a-z]\w{5,8}$/ig;
	console.log(reg.test(value));
})
密码验证
document.querySelector("[name='password']").addEventListener("keyup",(e)=>{
	var regs=[/^[a-z]\w{4,7}$/i,/[A-Z]/,/[0-9]/];
	var pss=e.target.value;
	var s=regs.every(e=>e.test(pss));
	console.log(s);
})

多密码验证，必须是字母开头，必须有大写字母，必须有数字组成

获取value新方法 e.target.value;

every(function());

every方法必须满足数组内的所有条件才为true；否者全为false;

every更多介绍→https://www.runoob.com/jsref/jsref-every.html

禁止贪婪
var hd ="hdddd";
var reg =/hd+/;
console.log(hd.match(reg));

在这里插入图片描述

当开始匹配时，+会趋向于最大化，例如在上述+的例子，+表示一个或者多个，它默认贪婪，所以会匹配出后面所有的d

为此我们可以使它禁止贪婪

var hd ="hdddd";
var reg =/hd+?/;
console.log(hd.match(reg));

在这里插入图片描述

除此之外还有+*?等多种可以使用

符号 作用
+ 表示多个
* 表示1个或多个
? 表示0个或一个
禁止贪婪应用

将 

	<main>
		<span>woaixuejava.comspan>
		<span>woaixuescript.comspan>
		<span>woaixueweb.comspan>
	main>

var main =document.querySelector("main");
var reg = /([\S\s]+?)<\/span>/gi;
main.innerHTML=main.innerHTML.replace(reg,(v,p1)=>{
	return `
${p1}
`;
});
console.log(main.innerHTML);

main.innerHTML=main.innerHTML.replace(…) 中中的main.innerHTML=main…很重要

正则表达式_第14张图片

打印标签内容
	<main>
		<h1>woaixuejava.comh1>
		<h2>woaixuescript.comh2>
		<h1>woaixueweb.comh1>
	main>

打印出woaixuejava.com 和 woaixuescript.com 和woaixueweb.com

var main =document.querySelector("main");
var reg =/<(h[1-6])>([\s\S]+?)<\/\1>/gi;
var s=main.innerHTML.match(reg);
var shu=[];
for(var i=0;i<=s.length-1;i++){
	var target=s[i].replace(/<(h[1-6])>/,"").replace(/<\/(h[1-6])>/,"");
	shu.push(target);	
}
 console.log(shu);

在这里插入图片描述

matchAll

高版本浏览器使用，低版本使用不了

在matchAll属于迭代器，需要进行遍历输出才能获取内容

for(var iterator of hd){
    console.log(iterator)
}
Search

搜索方法

字符串的方法在，支持正则表达式

var hd ="woaixuejavas";
hd.search("o");
//hd.search(/o/gi);
split

拆分方法

字符串的方法，支持正则

var hd ="2021-02-06";
hd.split("-");
//hd.split(/[\/-]/); 无论分隔符是-还是/都是可以拆分的
$在正则表达式中的应用

将一下电话号码格式替换为010-00000000格式

var hd ="(010)99999999 (020)88888888";

var reg=/\((\d{3,4})\)(\d{7,8})/g;

console.log(hd.replace(reg,"$1-$2"));

$1代表第一个原子组，$2代表弟二个原子组

$& 代表内容本身

var hd="%java=";
reg=/java/g;
console.log(hd.replace(reg,"$&"));

在这里插入图片描述

$` 内容前一个

var hd="%java=";
	reg=/java/g;
	console.log(hd.replace(reg,"$`"));

!在这里插入图片描述

$’ 内容后一个

var hd="%java=";
reg=/java/g;
console.log(hd.replace(reg,"$'"));

在这里插入图片描述

将目标成%%%java===

var hd="%java=";
reg=/java/g;
console.log(hd.replace(reg,"$`$`$&$'$'"));

在这里插入图片描述

为百度加上超链接

正则表达式_第15张图片

var main =document.querySelector("main");
main.innerHTML=main.innerHTML.replace(/百度/,"$&");

在这里插入图片描述

为超链接加上http中的s，并且没有www加上www,并且第三超链接不变

<main>
	<a style="color:red;" href="http://www.baidu.com">百度a>
	<a href="http://hello.com">你好a>
	<a href="http://www.puter.com">皮套a>
	<h5>wwww...h5>
main>

在这里插入图片描述

var main=document.querySelector("main");
var reg =/(/g;
main.innerHTML=main.innerHTML.replace(reg,(v,...args)=>{
	console.log(args);
	args[1]+="s";
	args[3]=args[3]|| "www.";
	// console.log(args.splice(0,5));
	return args.splice(0,5).join("");
});

正则表达式_第16张图片

断言匹配

?=

相当于条件语句，以为后面为。。。的

在下面我们只想找啊前面的这个你好。所以我们的目的就是要找到后面为啊的这个你好

var hd ="你好呀还是你好啊更有礼貌！"
var reg=/你好(?=啊)/g

举一个例子

百度是一个非常有用的网址，百度旗下有很多有用的内容。

我们需要为后面为旗下的百度加上百度的超链接。

var main =document.querySelector("main");
var reg=/百度(?=旗下)/g;
main.innerHTML=main.innerHTML.replace(reg,"$&");

在这里插入图片描述

?<=

意味前面为某某的什么

百度是一个非常有用的网址，12345百度旗下有很多有用的内容。


   var main =document.querySelector("main");
var reg=/(?<=\d)百度/g;
main.innerHTML=main.innerHTML.replace(reg,"$&");

查询

?!后面不为。。的某元素

var reg =/百度(?!旗下)/g;

百度后面不是旗下的将会被选中。

? 

var reg =/(?/g;

百度前面不是数字的百度将会被选中。

模糊电话号码查询

后四位数用*号代替

var hd=`
 张三: 12345678910,
 里斯: 15566677780
`;

var reg =/(?<=\d{7})\d+/g;
var h=hd.replace(reg,()=>{
	return "*".repeat(4);
});
console.log(h);

在这里插入图片描述

限制用户名关键词，不能包含“外挂”这两个字

<main>
	<input type="text" name="username">	
main>

var username =document.querySelector("[name='username']");
username.addEventListener("keyup",(e)=>{
	var value=e.target.value;
	var reg=/^(?!.*外挂.*).*?\d{2,4}$/g;
	var hd=value.match(reg);
	console.log(hd);
});

使用断言排除选择

<main>
	<a href="https://orc.woaixuejava.com">1a>
	<a href="https://oss.woaixueweb.com">2a>
	<a href="https://sins.woaixuejava.com">3a>
	<a href="https://woaixuejava.com">4a>
main>

	var data=document.querySelector("main");
	var reg =/https:\/\/(\w+)?(?/gi;
	data.innerHTML.replace(reg,(v)=>{
		console.log(v);
	});

其他替换就可以

=/(?<=\d)百度/g;
main.innerHTML=main.innerHTML.replace(reg,“$&”);


查询

?!后面不为。。的某元素



~~~javascript
var reg =/百度(?!旗下)/g;

百度后面不是旗下的将会被选中。

? 

var reg =/(?/g;

百度前面不是数字的百度将会被选中。

模糊电话号码查询

后四位数用*号代替

var hd=`
 张三: 12345678910,
 里斯: 15566677780
`;

var reg =/(?<=\d{7})\d+/g;
var h=hd.replace(reg,()=>{
	return "*".repeat(4);
});
console.log(h);

在这里插入图片描述

限制用户名关键词，不能包含“外挂”这两个字

<main>
	<input type="text" name="username">	
main>

var username =document.querySelector("[name='username']");
username.addEventListener("keyup",(e)=>{
	var value=e.target.value;
	var reg=/^(?!.*外挂.*).*?\d{2,4}$/g;
	var hd=value.match(reg);
	console.log(hd);
});

使用断言排除选择

<main>
	<a href="https://orc.woaixuejava.com">1a>
	<a href="https://oss.woaixueweb.com">2a>
	<a href="https://sins.woaixuejava.com">3a>
	<a href="https://woaixuejava.com">4a>
main>

	var data=document.querySelector("main");
	var reg =/https:\/\/(\w+)?(?/gi;
	data.innerHTML.replace(reg,(v)=>{
		console.log(v);
	});

其他替换就可以

你可能感兴趣的:(前端,正则表达式)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • python实现规则引擎_规则引擎python weixin_39601511 python实现规则引擎
    广告关闭回望2020，你在技术之路上，有什么收获和成长么？对于未来，你有什么期待么？云+社区年度征文，各种定制好礼等你！我正在用python编写日志收集分析应用程序，我需要编写一个“规则引擎”来匹配和处理日志消息。它需要具有以下特点：正则表达式匹配消息本身消息严重性优先级的算术比较布尔运算符我设想一个例子规则可能是这样的：(message~program:messageandseverity>=h
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • Regular Expression 正则表达式 Aimyon_36 DataDevelopment正则表达式redis数据库
    RegularExpression前言1.基本匹配2.元字符2.1点运算符.2.2字符集2.2.1否定字符集2.3重复次数2.3.1*号2.3.2+号2.3.3?号2.4{}号2.5(...)特征标群2.6|或运算符2.7转码特殊字符2.8锚点2.8.1^号2.8.2$号3.简写字符集4.零宽度断言（前后预查）4.1?=...正先行断言4.2?!...负先行断言4.3?Thefatcatsaton
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 第三十一节:Vue路由:前端路由vs后端路由的了解 曹老师
    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
  • 华雁智科前端面试题 因为奋斗超太帅啦 前端笔试面试问题整理javascript开发语言ecmascript
    1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
  • 如何建设数据中台（五）——数据汇集—打破企业数据孤岛 weixin_47088026 学习记录和总结中台数据中台程序人生经验分享
    数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
  • 分布式锁和spring事务管理 暴躁的鱼 锁及事务分布式springjava
    最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
    爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • 【前端】vue 报错:The template root requires exactly one element 程序员-张师傅 前端前端vue.jsjavascript
    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
  • 从单体到微服务：FastAPI ‘挂载’子应用程序的转变 黑金IT fastapi微服务fastapi架构
    在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
  • 了解 UNPKG：前端开发者的包管理利器 小于负无穷 前端javascripttypescriptcsshtml5node.js
    在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他