JS入门、数据类型、集合

本文总结自，B站-遇见狂神说

1、引入

变量

命名：不能以数字开头

var num = 1;
var 你是谁 = 我是我：// java中这样定义也不错误

2、数据类型

number

数字类型（js不区分小数和整数）

123 //整数
123.1 //浮点数
11.123e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //表示无限大

字符串

'你试试'
"试试就试试"

布尔值

true、false

逻辑运算

&&  两个都为真，结果为真

|| 一个为真，结果为真
    
!  真即假，假即真

比较运算符

= 赋值

== 等于（类型不一样，值一样，也会判断为true）
    
=== 绝对等于（类型一样、值一样，结果为true）

最好不要用==

须知：

• NaN === NaN，结果为false（NaN与所有值比较都不相等，包括自己）
• 只能使用isNaN(NaN)来判断这个数是否为NaN

浮点数问题：

console.log((1/3) === (1-2/3)); // false

尽量避免使用浮点数进行运算，存在精度问题！

解决：

Math.abs(1/3)-(1-2/3)) < 0.000000001; // true

null和undefined

• null：空
• undefined：未定义

数组：[]

var arr = [1,2,3,4,5,'hello',true,null];

访问

arr[0]
> 1
...

取数组下标越界了，就会

arr[100]
> undefined

对象：{}

每个属性间使用逗号隔开，最后一个无需添加

// Person p = new Person(1,2,3,4,5);
var p = {
     
    name:'xiaoming',
    age:3,
    tags:['js','web']
}

取对象的值

person.name
> 'xiaoming'
person.age
> 3

3、严格检查模式

use strict：严格检查模式，预防JavaScript的随意性。

• 前提：IDEA要设置支持ES6语法，必须写在JS代码的第一行！

• 局部变量建议使用let修饰

<script>
    'use strict';
	// 全局变量
    i = 1; // 会报红，但不是错误【浏览器控制台会报错】！
	// 局部变量
	var i = 1;
   	let i = 1; 
</script>

4、数据类型的使用

字符串

1. 正常字符串：""、’’

2. 转义字符：\

\'
\n
\t
\u
\4e2d : 中  Unicode字符
\x41  ： Ascll字符

3. 多行字符串编写

// tab上面,ESC下面
var msg =
       `hello
	    world
	    nihao
	    你好！
    `;

结果：

> console.log(msg)
hello
	    world
	    nihao
	    你好！

4. 模板字符串

// tab上面,ESC下面
let name = 'xiaoming';
let age = 23;
let p = `你好，${
       name}`;

控制台输出：

console.log(p)
> 你好，xiaoming

5. 字符串长度

var student = "xiaoli";
console.log(student.length);

结果：

6

6. 字符串的不可变性

var a = "xiaoli";
console.log(a[0]);
a[0] = 2;
console.log(a);

结果：

x
xiaoli

7. 大小写转换

// 这里是方法，不是属性
var a = "xiaoli";
console.log(a.toUpperCase());
console.log(a.toLowerCase());

结果；

XIAOLI
xiaoli

8. 其他方法

var a = "xiaoli";
a.indexOf('i')
a.subString(1,3) // 截取字符串，包含前边不包含后面
a.subString(1)   // 截取到末尾

数组

控制台浏览数组：arr + 回车即可！

1. 数组中可以包含任意的数据类型

var arr = [1,2,3,4,null,true];
arr.length = 10;
console.log(arr);

2.给数组长度赋值，数组大小就会发生变化

若赋值过小，易造成数据丢失

arr.length = 10;

结果：

console.log(arr)
>  [1, 2, 3, 4, null, true, empty × 4]

查看四个空值：

console.log(arr[7])
> undefined

3. indexOf：获得对应元素下标索引

var arr = [1,2,3,4,'1','2']
console.log(arr.indexOf(2));
> 1
console.log(arr.indexOf('2'));
> 5

4. slice：截取数组的一部分，返回一个新数组

类似上面字符串中的subString方法！

arr.slice(3);  // 从第三个开始，到末尾
arr.slice(1,5); // 从第一个开始，含左不含右

5. push、pop：尾部

arr.push('a','b');  // 压入元素
arr.pop(); 			// 每次弹出最后一个元素

6. unshift、shift：头部

unshift // 压入到头部
shift 	// 弹出头部一个元素

7. sort：排序

arr.sort();

8. reverse：元素反转

arr.reverse();

9. contant：拼接字符串到数组，返回一个新数组

arr.contant([1,2,3]);

10. join：连接符

使用特定字符串，打印拼接数组

[1,2,3]
arr.join("-");
"1-2-3"

11. 多维数组

arr = [[1,2],[3,4],['5','6']];
arr[1][1]  //(00,01,10,11...)
> 4

对象：{}

JS中的所有的键都是字符串，值是任意对象

若干个键值对：

var person = {
     
    name:'xiaoming',
    age:23,
    email:"[email protected]",
    score:0
}

1. 获取值

person.name
> xaioming    

2. 对象赋值

person.name = 'laowang'

3. 使用一个不存在对象属性，不会报错！uundefined

person.kaka
> undefined

4. 动态的删减属性

delete person.name
> true
person + 回车
> {
     age: 23, email: "[email protected]", score: 0}

5. 动态的添加、直接给新的属性添加值即可

person.haha = 'haha';

6. 判断属性值是否在这个对象中

age in person // 这样不对！

'age' in person
> true

'toString' in person // 继承自父类
> true

7. 判断一个属性是否是这个对象自身拥有的

person.hasOwnProperty('toStirng')
> false

person.hasOwnProperty('age')
> true

5、流程控制

if判断、while循环、for循环

遍历数组：ForEach【v 5.1】

var age = [1,2,3,435,3,5,7];


age.forEach(function (value){
     
    console.log(value);
})

遍历数组：for…in（直接for… in是打印数组下标）

var age = [1,2,3,435,3,5,7];

for(num in age){
     
    console.log(age[num]);
}

6、Map和Set集合

ES6的新特性~

Map

let map = new Map([['tom',100],['jack',80],['lisa',70]]);
console.log(map);

结果：

Map(3) {
     "tom" => 100, "jack" => 80, "lisa" => 70}

获取、新增、删除

let name1 = map.get('tom'); // 获取值
let add = map.set('july',88); // 新增
let add2 = map.set('july',99); // 新增
map.delete('lisa'); // true

console.log(name1); 
console.log(add);
console.log(add2);

结果：

100
Map(4) {"tom" => 100, "jack" => 80, "lisa" => 70, "july" => 88}
Map(4) {"tom" => 100, "jack" => 80, "lisa" => 70, "july" => 99}
Map(3) {"tom" => 100, "jack" => 80, "july" => 99}

Set：无序不重复集合

let set = new Set([2,3,3,3,3]);
console.log(set);

结果：

Set(2) {2, 3}

新增、删除、判断包含某个元素

set.add(4);
set.delete(3); // true,在执行返回false
set.has(2); // true

结果：

Set(3) {2, 3, 4}
Set(2) {2, 4}
true

7、iteator

ES6新特性~，for..in在集合新增元素时，遍历会有bug！

• 遍历数组

var arr = [3,4,5]
for (var x of arr){
     
    console.log(x);
}

结果：

3
4
5

• 遍历map

let map = new Map([['tom',100],['jack',80],['lisa',70]]);
for (let x of map){
     
    console.log(x);
}

结果：

["tom", 100]
["jack", 80]
["lisa", 70]

• 遍历set集合

let set = new Set([2,3,4]);
for (let x of set){
     
    console.log(x);
}

高级

1、函数

定义函数

方式一

function abs(x){
     
    if(x=>0){
     
        return x;
    } else{
     
        return -x;
    }
}

结果：

abs(10)
> 10
abs() // 未赋值也不会报错！
> NaN

• 程序执行到return代表函数结束，返回结果！
• 如果没有执行return，函数执行完也会返回结果:undefined.

方式二

var abs = function(x){
      // function：匿名函数
    if(x=>0){
     
        return x;
    } else{
     
        return -x;
    }
}

调用函数

abs(10) 10
abs(-10) 10

参数问题：

js可以传任意个参数，也可以不传递参数~

若想避免此类问题，可以添加判断条件和抛出异常

• 假设不存在参数，如何规避？

var abs = function(x){
     
    // 手动抛出异常
    if(typeof x !== 'number'){
     
        throw 'Not a Number';
    }
    if(x=>0){
     
        return x;
    } else{
     
        return -x;
    }
}

arguments

arguments是一个数组，接收所有传递过来的参数（包括已定义的参数）

案例：求任意个数的和

function add (){
     
           var sum = 0;
            for (var i = 0; i < arguments.length; i++) {
     
                sum += arguments[i];
            }
            return sum;
        }

        var sum = add(1,2,3,4);
        alert(sum);

reset

以前：

function aaa(x,y){
     
    if(arguments.length > 2){
     
        // 从第三个参数开始
        for(var i = 2; i < arguments.length; i++){
     

        }
    }
}

新特性！除已定义参数之外的所有参数都在这里

function aaa(x,y,...rest){
      // 相当于可变参数
    console.log('a='+a);
    console.log('b='+b);
    console.log(rest);
}

结果：

aaa(1)  // a=1 b=undefined []
aaa(1,2,3)  // 1 2 3
aaa(1,2,3,4,5,6) // 1 2 3 [4,5,6]

2、变量的作用域

作用域

1. var定义变量实际上有作用域，假设在函数体中声明，则在函数体外不可使用（闭包可以解决）

<script>
    function ad() {
     
        var x = 1;
        x = x + 1;
    }
	// Uncaught ReferenceError: x is not defined
    x = x + 2;
</script>

2. 如果两个函数内使用了相同的变量名，互不影响。

<script>
    function ad() {
     
        var x = 1;
        x = x + 1;
    }
    function asd() {
     
        var x = 1;
        x = x + 1;
    }
</script>

3. 内部函数可以访问外部函数变量，反之不行。

function ad() {
     
    var x = 1;

    function asd() {
     
        var y = x + 1;
    }
    // Uncaught ReferenceError: z is not defined
    var z = x + y; 
}
ad()

4. 内部函数、外部函数变量重名时，遵循就近原则

function ad() {
     
    var x = 1;

    function asd() {
     
        var x =  11;
    }
    var z = x; 
}
ad()

提升变量的作用域

JavaScript会默认提升变量的作用域

例如：

function ad(){
     
    
    var x = "x" + y;
    console.log(x);
    var y = 'y';
}
ad()

结果：xundefined

解析：JS执行引擎自动提升了y的声明，但是不会提升变量y的赋值；

相当于：

function ad(){
     
    var y;
    var x = "x" + y;
    console.log(x);
    //y = 'y';
}
ad()

所有变量的定义最好都放在函数头部，便于代码维护！

全局变量

全局对象：window

• 默认所有的全局变量都绑定在window对象下

var a = 'aaa';
alert(a);
alert(window.a);

• alert()本身也是一个window变量（方法也可以当做变量）

    var x = 'xxx';
    window.alert(x);
    var old_alert = window.alert; // xxx
    // 与上面效果相同
    old_alert(x); // xxx

    window.alert = function () {
     

    }
    // 发现alert()失效了
    window.alert(123);

    // 恢复
    window.alert = old_alert;
    window.alert(456); //456

自定义全局对象

• 将全局变量绑定到自定义的全局对象上，降低全局命名冲突问题【不绑定到window对象】

• 如果不同的js文件使用了相同的全局变量，怎么避免冲突：设置命名空间

<script>
    // 唯一全局变量
   var iApp = {
     };
	// 定义全局变量
    iApp.name = 'iluis';
    iApp.add = function(){
     
        return a+b;
    }
</script>

局部作用域：let

<script>
    function a() {
     
        for (let i = 0; i < 100; i++) {
     
            console.log(i);
        }
        console.log(i + 1);
    }
    a()
</script>

结果：

...
99
Uncaught ReferenceError: i is not defined

常量：const

在ES6之前，用全部大写字母命名的变量就是常量：

var PI = '3.14';
PI = '234';
console.log(PI); // 234

在ES6引入了常量关键字const

const PI = '3.14';
console.log(PI);
PI = '234';

结果：

3.14
Uncaught TypeError: Assignment to constant variable.

3、方法

方法就是把函数放在对象的里面，对象只有两个属性：属性和方法。

• 调用方法时一定要带括号！

var i = {
     
        name: '小明',
        birth: 2000,
        // 方法
        age: function () {
     
            // 计算生日
            var now = new Date().getFullYear();
            return now - this.birth;
        }
    }

// 属性
i.name;
// 方法
i.age(); 

this代表什么？

this默认指向调用他的对象！

将上面代码改写：

function getAge(){
     
    // 计算生日
            var now = new Date().getFullYear();
            return now - this.birth;
}
var i = {
     
        name: '小明',
        birth: 2000,
        // 方法
        age: getAge
        }
    } 

访问方法

i.age(); // 20
getAge(); // Nan 这里的this指向了window，所以为NaN 

apply

在js中可以控制this的指向

需要两个参数：

• 指向那个对象
• 参数

getAge.apply(i,[]);
// i：this指向了i这个对象
// []：参数为空

4、内部对象

标准对象

typeof 123
"number"
typeof '123'
"string"
typeof true
"boolean"
typeof NaN
"number"
typeof []
"object"
typeof {
     }
"object"
typeof Math.abs
"function"
typeof undefined
"undefined"

4.1 Date

   var now = new Date();
   now.getFullYear(); // 年
   now.getMonth(); // 月 0~11
   now.getDate(); // 日
   now.getDay(); // 星期几
   now.getHours(); // 时
   now.getMinutes(); // 分
   now.getSeconds(); // 秒
   
   now.getTime(); // 时间戳

   console.log(new Date(now.getTime())) // 获取当前时间

   // 本地时间
   now.toLocaleDateString(); // "2020/7/6"
   now.toLocaleString(); // "2020/7/6 下午11:45:01"

4.2、JSON

格式：

• 对象都用{}
• 数组都用[]
• 键值对：key:value

代码：

	var user = {
     
        name: 'zhangsan',
        age: 3,
        sex: '男'
    }

    // 将对象转换为json字符串
    var jsonUser = JSON.stringify(user); 
    //{"name":"zhangsan","age":3,"sex":"男"}

    // json字符串转换为对象
    var obj = JSON.parse('{"name":"zhangsan","age":3,"sex":"男"}');
    //{name: "zhangsan", age: 3, sex: "男"}

JSON和对象的区别

var obj = {
     name:"zhangsan",age:3};
var json = '{"name":"zhangsan","age":3}';

5、面向对象编程

5.1 原型继承

 var student = {
     
        name: 'lisi',
        age: 3,
        run: function () {
     
            console.log(this.name +'..run...')
        }
    };

    var xiaoming = {
     
        name: 'xiaoming'

    };
    // 小明的原型是student
    xiaoming._proto_ = student;

5.2 class继承

本质还是原型

	class Student {
     
        // 构造器
        constructor(name) {
     
            this.name = name;
        }
        hello(){
     
            alert("hello");
        }
    }

    class xiaoStudent extends Student {
     
        constructor(name,grade) {
     
            super(name);
            this.grade = grade;
        }
        mySay(){
     
            alert("hey,man");
        }
    }
    var zhangsan = new Student("zhangsan");
    var lisi = new Student("lisi");
    zhangsan.hello();
    var xiaoli = new xiaoStudent("小李",88);
    xiaoli.hello();
    xiaoli.mySay();

5.3 原型链

_proto_

6、BOM对象

BOM：浏览器对象模型

window

浏览器窗口

navigator

封装了浏览器的信息

不常用，容易被人修改！

screen

代表屏幕尺寸

location

当前页面的URL信息

host: "www.baidu.com"
href: "https://www.baidu.com/"
protocol: "https:"
reload: ƒ reload() // 刷新网页
location.assign('网址') // 设置新的地址

document（内容，DOM）

代表当前页面。HTML DOM文档树

document.title
"百度一下，你就知道"
document.title = 'aaa'
"aaa"

• 获取具体的文档树节点

var d1 = document.getElementById('')

• 获取Cookie

document.cookie

history

代表浏览器的历史记录

history.back() // 后退
history.forward（） // 前进

7、DOM对象

DOM：文档对象模型

核心

浏览器网页就是一个DOM树形结构

• 更新：更新DOM节点
• 遍历：得到所有DOM节点
• 删除：删除DOM节点
• 添加：添加DOM节点

要操作一个DOM节点，就必须先获得这个DOM节点

<div id="father">
    <h1>标题一</h1>
    <p id="p1">123</p>
    <p class="p2"></p>
</div>
<script>
    var h1 = document.getElementsByTagName("h1");
    var p1 = document.getElementById("p1");
    var p2 = document.getElementsByClassName("p2");
    var div = document.getElementById("father");
    var childrens = div.children; // 获得父节点下的所有子节点

    div.firstChild;
    div.lastChild;
</script>

以后尽量使用jQuery！

更新节点

var p1 = document.getElementById("p1");

操作文本

• 修改文本值

p1.innerText = "123"; 

• 可以解析HTML文本标签【直接覆盖原内容，不会追加！】

p1.innerHTML = 'AAA';

操作CSS

• 设置样式

  属性使用字符串：''包裹

p1.style.color = 'red';
p1.style.fontSize = '20px';

删除节点

步骤：先获取父节点，再通过父节点删除自己

	var self = document.getElementById("p1");
    var father = self.parentElement;
    father.removeChild(self);

	father.removeChild(father.children[0]);
	father.removeChild(father.children[1]);
	father.removeChild(father.children[2]); // 删除第一个的时候，它就报错了

注意：删除出多个父节点时，children是在时刻变化的！

插入节点

<p id="p3">AAA</p>
<div id="list">
    <h1>标题一</h1>
    <p id="p1">123</p>
    <p class="p2">444</p>
</div>
<script>
    var p3 = document.getElementById('p3');
    var list = document.getElementById('list');
	list.appendChild(p3) // 追加
</script>

创建节点

方式一：appendChild

	var newP = document.createElement('p'); // 创建一个P标签
    newP.id = 'newP';
    newP.innerText = "Hello,lisa";
    list.appendChild(newP);

方式二：setAttribute【通用】

    var myscript = document.createElement('script');
    myscript.setAttribute('type','text/javascript');

insertBefore可以自行了解

8、表单操作（验证）

• 文本框：text
• 下拉框：
  单选框：radio
  多选框：checkbox
  隐藏域：hidden
  密码框：password
  …

  表单的目的：提交信息

  获取要提交的信息

  <body>
      <form action="post" method="post">
          <p>
              <span>用户名</span>
              <input type="text" id="username">
          </p>
          <p>
              <span>性别</span>
              <input type="radio" name="gender" value="man" id="boy"> 男
              <input type="radio" name="gender" value="women" id="girl"> 女
          </p>
      </form>
  
      <script>
          var username = document.getElementById('username');
          var boy_radio = document.getElementById('boy');
          var girl_radio = document.getElementById('girl');
  
          console.log(boy_radio.value); // 查看所对应的值
          console.log(boy_radio.checked); // 查看是否被选中
  		
  		boy_radio.checked = true; // 选中性别男
      </script>
  </body>
  

  提交表单

  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <!-- MD5加密工具类 -->
      <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.16.0/js/md5.min.js"></script>
  </head>
  
  <body>
  <form action="#" method="post" onclick="return login()">
      <p>
          <span>用户名</span>
          <input type="text" id="username" name="username">
      </p>
      <p>
          <span>密码</span>
          <input type="password" id="input-password">
      </p>
      <input type="hidden" id="md5-password" name="password">
      <button type="submit" onclick="login()">提交</button>
  
      <script>
          function login() {
       
              //alert(1);
              var uname = document.getElementById('username');
              var pwd = document.getElementById('password');
              var md5pwd = document.getElementById("md5-password")
              // MD5算法
              md5pwd.value = md5(pwd, value);
              // 可以判断是否提交表单内容，true是体积哦啊
              return false;
          }
  
      </script>
  </body>
  

  jQuery

  jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

  引入

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js">script>
  

  选择器

  $('p').click();
  $('#id1').click();
  $('.class2').click();
  

  事件

  • 当网页加载完毕之后，响应事件

  $(docunemnt).ready(function(){
       })
  
  // 简写
  $(function(){
       })
  

  案例：获取鼠标位置坐标

  
  <html lang="en">
  
  <head>
      <meta charset="UTF-8">
      <title>Titletitle>
      <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js">script>
      <style>
          #divMove {
        
              width: 500px;
              height: 500px;
              border: 3px solid red;
          }
      style>
  head>
  
  <body>
      
      mouse：<span id="mouseMove">span>
      <div id="divMove">
          在这里移动鼠标试试
      div>
  
      <script>
          // 公式：$(selector).action
          $("#divMove").mousemove(function (e) {
        
              $("#mouseMove").text('x：' + e.pageX + 'y：' + e.pageY);
          });
      script>
  body>
  
  html>
  

  操作DOM

  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Documenttitle>
      <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js">script>
  
  head>
  
  <body>
      <ul id="ul1">
          <li class="li1">AAAli>
          <li name="li2">BBBli>
      ul>
  

  操作文本

  • 获取和设置文本值

  <script>
      $('#ul1 li[name=li2]').text();
      $('#ul1 li[name=li2]').text('123');
  script>
  

  • 获取和设置HTML

  <script>
      $('#ul1').html();
  	$('#ul1').html('123');
  script>
  

  操作CSS

  $('#ul1 li[name=li2]').css("color","red");
  

  元素的显示和隐藏：本质 display: none;

  $('#ul1 li[name=li2]').show();
  $('#ul1 li[name=li2]').hide();
  

  你可能感兴趣的:(Java,Web,javascript)

  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • LocalDateTime 转 String igotyback java开发语言
    importjava.time.LocalDateTime;importjava.time.format.DateTimeFormatter;publicclassMain{publicstaticvoidmain(String[]args){//获取当前时间LocalDateTimenow=LocalDateTime.now();//定义日期格式化器DateTimeFormatterformat
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • PHP环境搭建详细教程 好看资源平台 前端php
    PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线
  • git - Webhook让部署自动化 大猪大猪
    我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • Java 重写(Override)与重载(Overload) 叨唧唧的
    Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio
  • 简单了解 JVM 记得开心一点啊 jvm
    目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
  • 1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven Energet!c 开发语言
    1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach
  • 「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验 张风捷特烈 iderust开发语言后端
    theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
  • Java企业面试题3 马龙强_ java
    1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
  • JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Javajava
    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
  • Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选javakafka
    一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
  • 白骑士的Java教学基础篇 2.5 控制流语句 白骑士所长 Java教学java开发语言
    欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘
  • python语法——三目运算符 HappyRocking pythonpython三目运算符
    在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
  • ArrayList 源码解析 程序猿进阶 Java基础ArrayListListjava面试性能优化架构设计idea
    ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Java爬虫框架（一）--架构设计 狼图腾-狼之传说 java框架java任务html解析器存储电子商务
    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
  • Java：爬虫框架 dingcho Javajava爬虫
    一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
  • MongoDB知识概括 GeorgeLin98 持久层mongodb
    MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
  • python怎么将png转为tif_png转tif weixin_39977276
    发国外的文章要求图片是tif，cmyk色彩空间的。大小尺寸还有要求。比如网上大神多，找到了一段代码，感谢！https://www.jianshu.com/p/ec2af4311f56https://github.com/KevinZc007/image2Tifimportjava.awt.image.BufferedImage;importjava.io.File;importjava.io.Fi
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
    好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
  • IT人应当知道的10个行业小内幕 beijingjava 工作互联网
    10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。 　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。 　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
  • java 实现自定义链表 CrazyMizzz java数据结构
    1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点，中间节点和尾节点组成    节点是由两个部分组成：       1.数据域       2.引用域 3.链表的实现 &nbs
  • web项目发布到服务器后图片过一会儿消失 麦田的设计者 struts2上传图片永久保存
      作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
  • CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniterCart框架　
    今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
  • linux回收站 _wy_ linux回收站
    今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
  • jquery回到页面顶端 知了ing htmljquerycss
    html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
  • B树、B-树、B+树、B*树 矮蛋蛋 B树
    原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树：        1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
  • 数据库连接池 alafqq 数据库连接池
    http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
  • java泛型 百合不是茶 java泛型
    泛型 在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患   泛型的特点：消除强制转换 确保类型安全 向后兼容   简单泛型的定义：      泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
  • javascript闭包[两个小测试例子] bijian1013 JavaScriptJavaScript
    一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
  • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
    一.假设机制（Assumption）概述        理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
  • 【Gson四】范型POJO的反序列化 bit1129 POJO
    在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.
  • 【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
    几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
  • NGINX + LUA实现复杂的控制 ronin47 nginx lua
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-递归判断数组是否升序 bylijinnan java
    public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
  • Netty源码学习-DefaultChannelPipeline2 bylijinnan javanetty
    Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”： 如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB） 来
  • Java工具之JPS chinrui java
    JPS使用     熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
  • window.print分页打印 ctrain window
    function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
  • 安装hadoop时 执行jps命令Error occurred during initialization of VM daizj jdkhadoopjps
    在安装hadoop时，执行JPS出现下面错误   [slave16][email protected]:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
  • PHP开发大型项目的一点经验 dcj3sjt126com PHP重构
    一、变量 最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
  • android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
    使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
  • linux复习笔记 之bash shell (3) 通配符 eksliang linux 通配符linux通配符
    转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。 下面列出一些常用的通配符，如下表所示 符号 意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
  • Android关于短信加密 gqdy365 android
    关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）：     1、因为Android有短信收发接口，可以调用接口完成短信收发；         发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
  • asp.net在网站根目录下创建文件夹 hvt .netC#hovertreeasp.netWeb Forms
    假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
  • 一个合格的程序员应该读过哪些书 justjavac 程序员书籍
    编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本， 你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单，不过都是推荐数
  • 单实例实践 跑龙套_az 单例
       1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
  • PO VO BEAN 理解 q137681467 VODTOpo
    PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
  • 战胜惰性，暗自努力 金笛子 努力
    偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
  • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
    多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
  按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
  首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

  版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.