甲柒

JavaWeb-JavaScript

什么是JavaScript

Web标准

Web标准也称为网页标准，由一系列的标准组成，大部分由W3C ( World Wide Web Consortium，万维网联盟）负责制定。
三个组成部分：
HTML：负责网页的结构（页面元素和内容）。
CSS：负责网页的表现（页面元素的外观、位置等页面样式，如:颜色、大小等）。
JavaScript：负责网页的行为（交互效果）。

JavaScript

JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。
JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。
JavaScript在1995年由Brendan Eich 发明，并于1997年成为ECMA标准。
ECMAScript 6 (ES6)是最新的JavaScript版本（发布于2015年）。

ECMA

ECMA国际（前身为欧洲计算机制造商协会），制定了标准化的脚本程序设计语言ECMAScript，这种语言得到广泛应用。而JavaScript是遵守ECMAScript的标准的。

js引入方式

内部脚本：

将JS代码定义在HTML页面中

JavaScript代码必须位于

数据类型：

JavaScript中分为：原始类型和引用类型

原始类型	描述
number	数字（整数、小数、NaN(Not a Number)）
string	字符串，单双引号都可
boolean	布尔，true、false
null	对象为空
undefined	当声明的变量未初始化时，该变量的默认值是undefined

注：使用typerof运算符可以获取数据类型

代码演示

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-基本语法-数据类型title>
head>

<body>
    <script>
        // 原始数据类型
        // alert(typeof 3);//number
        // alert(typeof 3.14);//number

        // alert(typeof "A");//string
        // alert(typeof 'Hello');//string

        // alert(typeof true);//boolean
        // alert(typeof false);//boolean

        // alert(typeof null);//object

        var a;
        alert(typeof a);//undefined
    script>
body>

html>

运算符：

类型	运算符
算术运算符	+、-、*、/、%、++、–
赋值运算符	=、+=、-=、*=、/=、%=
比较运算符	>、<、>=、<=、!=、==、 ===
逻辑运算符	&&、\|\|、!
三元运算符	条件表达式 ? true_value : false_value

注：==会类型转换，===不会类型转换

类型转换

字符串类型转换为数字
- 将字符串字面值转为数字。如果字面值不是数字，则为NaN
其他类型转为boolean
- Number：0和NaN为false，其他均为true
- String：空字符串为false，其他均转为true
- Null和undefined：均转为false

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-基本语法-运算符title>
head>

<body>
    <script>
        // var age = 20;
        // var _age = "20";
        // var $age = 20;

        // alert(age == _age);//true
        // alert(age === _age);//false
        // alert(age === $age);//true

        // // 类型转换-其他类型转为数字
        // alert(parseInt("12"));//12
        // alert(parseInt("12A45"));//12
        // alert(parseInt("A45"));//NaN(not a number)

        // 类型转换 - 其他类型转为boolean
        // if(0){//false
        //     alert("0 转换为false");
        // }
        // if(NaN){//false
        //     alert("NaN 转换为false");
        // }
        // if(-1){//true
        //     alert("除了0和NaN其他数字都转为true");
        // }

        // 字符串转换为boolean
        if ("") {//false
            alert("空字符串为false,其他都是true");
        }
        if (null) {//false
            alert("null 转化为false");
        }
        if (" ") {//true
            alert("空格字符串转化为true");
        }

        // null和undefined转换为boolean都是false
        if (null) {//false
            alert("null 转化为false");
        }
        if (undefined) {//false
            alert("undefined转化为false");
        }

        // 注意if循环中，判断值为false时不执行代码块内容
    script>
body>

html>

流程控制语句

if… else if…else…
switch
for
while
do…while

js函数

函数

介绍：函数（方法）是被设计为执行特定任务的代码块
定义：JavaScript函数通过function关键字进行定义，语法为：

function functionName(参数1, 参数2){	
    //要执行的代码
}

例如定义一个求和函数，并调用

//定义函数
function add(a, b){
    return a + b;
}
//调用函数
var result = add(10,20);
alert(result);

注意：
- 形式参数不需要类型，因为JavaScript是弱类型语言
- 返回值也不需要定义类型，可以在函数内部直接使用return返回即可
- JS中，函数调用可以传递任意个数的参数
调用：函数名称(实际参数列表)
定义方式二：JavaScript函数通过var关键字进行定义，语法为：

var functionName = function(参数1, 参数2){	
    //要执行的代码
}

例如定义一个求和函数，并调用

//定义函数
var add = function(a, b){
    return a + b;
}
//调用函数
var result = add(10, 20);
alert(result);

js对象

Array

JavaScript中Array对象用于定义数组

定义：方式一

var 变量名 = new Array(元素列表);
//例如
var arr = new Arry(1, 2, 3, 4);

定义：方式二

var 变量名 = [元素列表];
//例如
var arry = [1, 2, 3, 4];

访问

arr[索引] = 值;
//例如
arr[10] = "hello";

注意：

JavaScript中的数组相当于Java中的集合，数组的长度是可变的，而JavaScript是弱类型，所以可以存储任意类型的数据

示例代码

        //定义数组
        // var arr = new Array(1, 2, 3, 4);

        var arr = [1, 2, 3, 4];
        console.log(arr[0]);//1
        console.log(arr[1]);//2

        // 特点：长度可变 类型可变
        var arr = [1, 2, 3, 4];
        arr[10] = 50;

        console.log(arr[10]);//50
        console.log(arr[9]);//undefined
        console.log(arr[8]);//undefined

        arr[8] = "A";
        arr[9] = true;
        console.log(arr[8]);//A
        console.log(arr[9]);//true

属性

属性	描述
length	设置或返回数组中元素的数量

方法

方法	描述
forEach()	遍历数组中的每个有值的元素，并调用一次传入的函数
push()	将新元素添加到数组的末尾，并返回新的长度
splice()	从数组中删除元素

代码示例

        var arr = [1, 2, 3, 4];
        // for 循环遍历数组中的所有元素
        // for (let index = 0; index < arr.length; index++) {
        //     console.log(arr[index]);
        // }

        //forEach：遍历数组中有值的元素
        arr.forEach(function (e) {
            console.log(e);
        })

        // console.log("=====================")
        //ES6 箭头函数：(...) => {...}  作用：简化函数的定义
        arr.forEach((e) => {
            console.log(e);
        })

        //push：添加元素到数组末尾
        arr.push(7, 8, 9);
        console.log(arr);

        //splice：删除元素
        arr.splice(2, 2);
        console.log(arr)

代码运行结果

String

String字符串对象创建方式有两种：

//方式一
var 变量名 = new String("...")
//例
var str = new String("Hello String");

//方式二
var 变量名 = "...";
//例
var str = "Hello String";
var str = 'Hello String'

属性

属性描述

length 字符串的长度

属性	描述
length	字符串的长度

方法

方法	描述
charAt()	返回指定位置的字符
indexOf()	检索字符串
trim()	去除字符串两边的空格
substring()	提取字符串中两个指定的索引号之间的字符

示例代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-Stringtitle>
head>

<body>
    <script>
        //创建字符串对象
        // var str = new String("Hello String");
        var str = "   Hello String  ";

        console.log(str);

        //length    获取字符串的长度
        console.log(str.length);

        //charAt    返回指定位置的字符
        console.log(str.charAt(6));

        //indexOf   检索字符串位置
        console.log(str.indexOf("lo"));

        //trim  去除字符串两端的空格
        var s = str.trim();
        console.log(s);

        //substring(start, end) 开始索引，结束索引（含头不含尾）
        console.log(s.substring(0, 5));
    script>
body>

html>

代码运行结果

JSON

定义格式

var 对象名 = {
    属性名1: 属性值1,
    属性名2: 属性值2,
    属性名3: 属性值3,
    函数名: function(形参列表){}
};
//例
var user = {
    name:"Tom",
    age:20,
    gender:"male",
    eat:function(){
        alert("用膳~");
    }
    /*简写
    eat(){
        alert("用膳~");
    }
    */
};

调用格式

对象名.属性名;
对象名.函数名();
//例
console.log(user.name);
user.eat();

JSON-介绍

概念：JavaScript Object Notation，JavaScript对象标记法
JSON是通过JavaScript对象标记书法书写的文本
由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输
```
{
    "name":"Tom",
    "age":20,
    "gender":"male"
}
```

定义

var 变量名 = '{"key1":value1,"key2":value2}';
//例
var userStr = '{"name":"Tom","age":18,"addr":["北京","上海","郑州","西安"]}';

value的数据类型为：
- 数字（整数或浮点数）
- 字符串（在双引号中）
- 逻辑值（true或false）
- 数组（在方括号[]中）
- 对象（在花括号{}中）
- null
JSON字符串转换为JS对象
```
var jsObject = JSON.parse(userStr);
```

JS对象转化为JSON字符串

var jsonStr = JSON.stringify(jsObject);

示例代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-JSONtitle>
head>

<body>
    <script>
        //自定义对象
        var user = {
            name: "Tom",
            age: 20,
            gender: "male",
            eat: function () {
                alert("用膳~");
            }
        };

        alert(user.name);
        user.eat();

        // 定义json
        var jsonStr = '{"name":"Tom","age":18,"addr":["北京","上海","郑州","西安"]}';
        alert(jsonStr.name);//undefined 不能获取name的值

        // json字符串 ==》 js对象
        var jsObject = JSON.parse(jsonStr);
        alert(jsObject.name);

        // js对象 ==》 json字符串
        alert(JSON.stringify(jsObject));
    script>
body>

html>

BOM

概念：

Browser Object Model浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装为对象。

组成

BOM	描述
Window	浏览器窗口对象
Navigator	浏览器对象
Screen	屏幕对象
History	历史记录对象
Location	地址栏对象

图示

Window

介绍：浏览器窗口对象

获取：直接使用window，其中window.可以省略

window.alert("Hello Window");

alert("Hello Window");

属性

属性	描述
history	对History对象的只读引用
location	用于窗口或框架Location对象
navigator	对于Navigator对象的只读引用

方法

方法	描述
alert()	显示带有一段消息和一个确认的警告框
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框
setInterval()	按照指定的周期（以毫秒计）来调用函数或表达式
setTimeout()	在指定的毫秒数后调用函数或计算表达式

Location

介绍：地址栏对象
获取：使用window.location获取，其中window.可以省略
```
window.location.属性;

location.属性;
```

属性：

href：设置或返回完整的URL

location.href = "https://blog.csdn.net/qq_59621600";

示例代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-BOMtitle>
head>

<body>
    <script>
        // 获取
        window.alert("Hello BOM");
        alert("Hello BOM Window");

        // 方法
        // confirm - 对话框 -- 确认：true，取消：false
        // var flag = confirm("你确认删除该记录嘛？");
        // alert(flag);

        //定时器 - setInterval -- 周期性的执行某一个函数
        // var i = 0;
        // setInterval(function () {
        //     i++;
        //     console.log("定时器执行了" + i + "次");
        // }, 2000);

        //定时器 - setTimeout -- 延迟指定时间执行一次
        // setTimeout(function () {
        //     alert("JS")
        // }, 3000);

        //location
        alert(location.href);

        location.href = "https://blog.csdn.net/qq_59621600";//拿到当前地址后会跳转到该域名

    script>
body>

html>

DOM

概念：

Document Object Model，文档对象模型，DOM是W3C（万维网联盟）的标准，定义了访问HTML和XML文档的标准，分为3个不同的部分：

1、Core DOM-所有文档类型的标准模型

将标记语言的各个组成部分封装为对应的对象：
- Document：整个文档对象
- Element：元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象

<html>
    <head>
        <title>DOMtitle>
    head>
    <body>
        <h1>
            DOM对象标题
        h1>
        <a href="https://blog.csdn.net/qq_59621600">甲柒CSDNa>
    body>
html>

图示：

2、XML DOM - XML文档的标准模型

3、HTML DOM - HTML文档的标准模型

Image：
Button：

HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的

Document对象中提供了以下获取Element元素对象的函数：

根据id属性值获取，返回单个Element对象
```
var h1 = document.getElementById('h1');
```

根据标签名称获取，返回Element对象数组

var divs = document.getElementsByTagName('div');

根据name属性值获取，返回Element对象数组

var hobbys = document.getElementsByName('hobby');

根据class属性值获取，返回Element对象数组

var clss = document.getElementsByClassName('cls');

查看参考手册，属性、方法

示例代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-BOM-获取元素title>
head>

<body>
    <img id="h1" src="img/三只松鼠.png">
    <br><br>
    <div class="cls">甲柒div><br>
    <div class="cls">CSDNdiv><br>

    <input type="checkbox" name="hobby">电影
    <input type="checkbox" name="hobby">旅游
    <input type="checkbox" name="hobby">教育
body>

<script>
    // 1.获取Element元素
    // 1.1获取元素-根据ID获取
    // var img = document.getElementById('h1');
    // alert(img);

    // 1.2获取元素-根据标签获取 - div
    // var divS = document.getElementsByTagName('div');
    // for (let i = 0; i < divS.length; i++) {
    //     alert(divS[i]);
    // }

    // 1.3获取元素-根据name属性获取
    // var inS = document.getElementsByName('hobby');
    // for (let i = 0; i < inS.length; i++) {
    //     alert(inS[i]);
    // }

    // 1.4获取元素-根据class属性获取
    // var divS = document.getElementsByClassName('cls');
    // for (let i = 0; i < divS.length; i++) {
    //     alert(divS[i]);
    // }

    // 1.5查询参考手册，属性、方法
    var divS = document.getElementsByClassName('cls');
    var div1 = divS[0];

    div1.innerHTML = "甲柒大佬~~~~"
script>

html>

代码运行结果：略

案例：

通过DOM操作，完成如下效果实现

点亮灯泡
将所有的div标签的标签体内容后面加上：very good
使用所有的复选框呈现被选中的状态

示例代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-BOM-title>
head>

<body>
    <img id="h1" src="img/off.gif"><br><br>

    <div class="cls">甲柒div><br>
    <div class="cls">CSDNdiv><br>

    <input type="checkbox" name="hobby">唱
    <input type="checkbox" name="hobby">跳
    <input type="checkbox" name="hobby">rap
body>
<script>
    // 1. 点亮灯泡：src属性值的改变
    var img = document.getElementById('h1');
    img.src = "img/on.gif"

    // 2. 将所有的div标签的标签体内容后面加上：very good
    var divS = document.getElementsByTagName('div');
    for (let i = 0; i < divS.length; i++) {
        const element = divS[i];
        element.innerHTML += " very good"
    }
    // 3. 使用所有的复选框呈现被选中的状态
    var inS = document.getElementsByName('hobby');
    for (let i = 0; i < inS.length; i++) {
        const element = inS[i];
        element.checked = true;//选中状态
    }
script>

html>

代码运行结果

js监听事件

事件：

HTML事件是发生在HTML元素上的"事情"。比如：

按钮被点击
鼠标移到元素上
按下键盘按键

事件监听：

JavaScript可以在事件被侦测到时执行代码

事件绑定

方式一：通过HTML标签中的事件属性进行绑定

<input type="button" onclick="on()" value="按钮1">
<script>
    function on() {
        alert('我被点击了~~~');
    }
script>

方式二：通过DOM元素属性绑定

    <input type="button" id="btn" value="按钮2">
    <script>
        document.getElementById('btn').onclick = function () {
            alert('我被点击了！！！');
        }
    script>

常见事件

事件名称	说明
onclick	鼠标单击事件
onblur	元素失去焦点
onfocus	元素获取焦点
onload	某个页面或图像被完成加载
onsubmit	当表单提交时触发该事件
onkeydown	某个键盘的键被按下
onmouseover	鼠标被移到某元素之上
onmouseout	鼠标从某元素移开

示例代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-事件-常见事件title>
head>

<body onload="load()">
    <form action="" style="text-align: center;" onsubmit="subfn()">
        <input type="text" name="username" onblur="bfn()" onfocus="ffn()" onkeydown="kfn()">

        <input id="b1" type="submit" value="提交">

        <input id="b2" type="button" value="单机事件" onclick="fn1()">
    form>
    <br><br><br>

    <table width="800px" border="1" cellspacing="0" align="center" onmouseover="over()" onmouseout="out()">
        <tr>
            <th>学号th>
            <th>姓名th>
            <th>分数th>
            <th>评语th>
        tr>
        <tr align="center">
            <th>001th>
            <th>张三th>
            <th>90th>
            <th>很优秀th>
        tr>
        <tr align="center">
            <th>002th>
            <th>甲柒th>
            <th>99th>
            <th>优秀th>
        tr>
        <tr align="center">
            <th>003th>
            <th>李四th>
            <th>59th>
            <th>不及格th>
        tr>
    table>
body>
<script>
    // | onclick     | 鼠标单击事件             |
    function fn1() {
        console.log("我被点击了....");
    }

    // | onblur      | 元素失去焦点             |
    function bfn() {
        console.log("失去焦点、、、");
    }

    // | onfocus     | 元素获取焦点             |
    function ffn() {
        console.log("获得焦点！！！");
    }
    // | onload      | 某个页面或图像被完成加载 |
    function load() {
        console.log("页面加载完成~~~");
    }
    // | onsubmit    | 当表单提交时触发该事件   |
    function subfn() {
        console.log("表单被提交///");
    }

    // | onkeydown   | 某个键盘的键被按下       |
    function kfn() {
        console.log("获得焦点。。。");
    }

    // | onmouseover | 鼠标被移到某元素之上     |
    function over() {
        console.log("鼠标移入了。。。");
    }

    // | onmouseout  | 鼠标从某元素移开         |
    function out() {
        console.log("鼠标移出了····");
    }
script>

html>

代码运行结果

案例

通过事件监听及DOM操作，完成如下效果实现

点击“点亮”按钮点亮灯泡，点击“熄灭”按钮熄灭灯泡。
输入框鼠标聚焦后，展示小写；鼠标离焦后，展示大写。
点击“全选”按钮使所有的复选框呈现被选中的状态，点击“反选”按钮使所有的复选框呈现取消勾选的状态。

示例代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-事件-案例title>
head>

<body>
    <img id="light" src="img/off.gif"><br><br>

    <input type="button" value="点亮" onclick="on()">
    <input type="button" value="熄灭" onclick="off()">
    <br><br>

    <input type="text" id="name" value="ITCAST" onfocus="lower()" onblur="upper()">
    <br><br>

    <input type="checkbox" name="hobby">唱
    <input type="checkbox" name="hobby">跳
    <input type="checkbox" name="hobby">rap
    <br>

    <input type="button" value="全选" onclick="checkAll()">
    <input type="button" value="反选" onclick="reverse()">
body>
<script>
    // 1. 点击“点亮”按钮点亮灯泡，点击“熄灭”按钮熄灭灯泡。---onclick
    function on() {
        // a. 获取img对象
        var img = document.getElementById("light");
        // b. 设置src属性
        img.src = "img/on.gif";
    }
    function off() {
        // a. 获取img对象
        var img = document.getElementById("light");
        // b. 设置src属性
        img.src = "img/off.gif";
    }

    // 2. 输入框鼠标聚焦后，展示小写；鼠标离焦后，展示大写。---onfocus onblur
    function lower() {//小写
        // a. 获取输入框元素对象
        var input = document.getElementById("name");

        // b. 将值转为小写
        input.value = input.value.toLowerCase();
    }
    function upper() {//大写
        // a. 获取输入框元素对象
        var input = document.getElementById("name");

        // b. 将值转为大写
        input.value = input.value.toUpperCase();
    }
    // 3. 点击“全选”按钮使所有的复选框呈现被选中的状态，点击“反选”按钮使所有的复选框呈现取消勾选的状态。---onclick
    function checkAll() {
        // a. 获取所有复选框元素对象
        var hobbyS = document.getElementsByName("hobby");

        // b. 设置选中状态
        for (let i = 0; i < hobbyS.length; i++) {
            const element = hobbyS[i];
            element.checked = true;

        }
    }
    function reverse() {
        // a. 获取所有复选框元素对象
        var hobbyS = document.getElementsByName("hobby");

        // b. 设置未选中状态
        for (let i = 0; i < hobbyS.length; i++) {
            const element = hobbyS[i];
            element.checked = false;

        }
    }
script>

html>

代码运行结果

mg对象
var img = document.getElementById(“light”);
// b. 设置src属性
img.src = “img/off.gif”;
}

// 2. 输入框鼠标聚焦后，展示小写；鼠标离焦后，展示大写。---onfocus onblur
function lower() {//小写
    // a. 获取输入框元素对象
    var input = document.getElementById("name");

    // b. 将值转为小写
    input.value = input.value.toLowerCase();
}
function upper() {//大写
    // a. 获取输入框元素对象
    var input = document.getElementById("name");

    // b. 将值转为大写
    input.value = input.value.toUpperCase();
}
// 3. 点击“全选”按钮使所有的复选框呈现被选中的状态，点击“反选”按钮使所有的复选框呈现取消勾选的状态。---onclick
function checkAll() {
    // a. 获取所有复选框元素对象
    var hobbyS = document.getElementsByName("hobby");

    // b. 设置选中状态
    for (let i = 0; i < hobbyS.length; i++) {
        const element = hobbyS[i];
        element.checked = true;

    }
}
function reverse() {
    // a. 获取所有复选框元素对象
    var hobbyS = document.getElementsByName("hobby");

    // b. 设置未选中状态
    for (let i = 0; i < hobbyS.length; i++) {
        const element = hobbyS[i];
        element.checked = false;

    }
}

```

代码运行结果

你可能感兴趣的:(JavaWeb,javascript,开发语言)

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样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）跳房子的前端前端面试 javascript 开发语言 ecmascript
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
JavaScript `Map` 和 `WeakMap`详细解释跳房子的前端 JavaScript 原生方法 javascript 前端开发语言
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
切换淘宝最新npm镜像源是 hai40587 npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
高性能javascript--算法和流程控制海淀萌狗
-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
360前端星计划-动画可以这么玩马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
探索Zebra4J：构建高效企业级Web应用的微服务框架叶准鑫Natalie
探索Zebra4J：构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中，构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
JavaScript中秋快乐！ Q_w7742 javascript 开发语言 ecmascript
我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
Nginx从入门到实践(三) 听你讲故事啊
动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
Nginx的使用场景：构建高效、可扩展的Web架构张某布响丸辣 nginx 前端架构
Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
前端知识点 ZhangTao_zata 前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台网顺技术团队成品程序项目 java vue.js 汽车课程设计 spring boot
基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基
【JS】前端文件读取FileReader操作总结程序员-张师傅前端前端 javascript 开发语言
前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
Github 2024-09-12 Go开源项目日报Top10 老孙正经胡说 github golang 开源 Github趋势分析开源项目 Python Golang
根据GithubTrendings的统计，今日(2024-09-12统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Go项目10C项目1Terraform：基础设施即代码的开源工具创建周期：3626天开发语言：Go协议类型：OtherStar数量：40393个Fork数量：9397次关注人数：40393人贡献人数：358人OpenIssues数量：1943个Git
webstorm报错TypeError: this.cliEngine is not a constructor Blue_Color
点击Details在控制台会显示报错的位置TypeError:this.cliEngineisnotaconstructoratESLintPlugin.invokeESLint(/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:97:
创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端 ui 服务器
前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
了解 UNPKG：前端开发者的包管理利器小于负无穷前端 javascript typescript css html5 node.js
在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
2019-05-29 vue-router的两种模式的区别 Kason晨
1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
数据仓库介绍阿龙的代码在报错数据分析数据仓库数据库
数据仓库数据仓库的概念数据仓库的主要特征数据仓库的主流开发语言-sql结构化数据sql语句数据仓库的概念数据仓库（英语：DataWarehouse，简称数仓、DW）,是一个用于存储、分析、报告的数据系统。数据仓库的目的是构建面向分析的集成化数据环境，分析结果为企业提供决策支持（DecisionSupport）。就是数据仓库只分析数据并不产生数据数据仓库的主要特征1、面向主题主题是一个抽象的概念，是
electron多标签页模式更像客户端 diygwcom electron javascript 前端
Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser
5-【JavaWeb】JUnit 单元测试及JUL 日志系统 weixin_44329069 JavaWeb junit 单元测试
1.使用JUnit进行单元测试JUnit是Java中非常流行的单元测试框架，MyBatis与JUnit可以很好地结合，来测试持久层代码的正确性。1.1添加JUnit依赖在使用JUnit之前，需要在pom.xml中引入JUnit依赖。junitjunit4.13.2test1.2单元测试基本结构假设我们要测试UserMapper中的getUserById方法，测试代码如下：importorg.apa
10- 【JavaWeb】Tomcat、Servlet基础 weixin_44329069 JavaWeb tomcat servlet java
1.MacOS配置Tomcat服务器教程MacOS配置Tomcat服务器教程2.Servlet基础1.创建ServletServlet是一个扩展服务器功能的Java类，主要用于处理HTTP请求。以下是一个简单的Servlet示例：importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.an
外卖霸王餐返利外卖会员卡小程序开发闹小艾 good506070 微信小程序小程序
外卖霸王餐返利外卖会员卡小程序开发"社交电商赋能下的外卖返利小程序"是专为商家与用户双赢而设计的创新平台。以下是其开发方案的详细步骤：一、需求梳理：首先，我们需要明确小程序的核心功能和特色。包括设定活动类型、返利策略，以及用户体验友好的界面设计。二、技术决策：技术选型是关键。我们采用小程序的开发框架，利用JavaScript作为前端开发语言，并结合微信提供的API进行后端接口调用与数据处理。三、账
Axure设计之全屏与退出全屏交互实现招风的黑耳 Axure axure 交互
在AxureRP中，设计全屏与退出全屏的交互功能可以极大地提升用户体验，尤其是在展示产品原型或进行演示时。本文将详细介绍如何在AxureRP中通过结合JavaScript代码实现全屏与退出全屏的交互效果。Axure原型设计web端交互元件库：https://1zvcwx.axshare.com一、设计思路全屏与退出全屏的交互设计主要依赖于JavaScript代码来控制浏览器的全屏模式。在Axure
【免费】springboot项目申报管理系统|毕业设计|Javaweb项目计算机学姐来啦 springboot ssm java spring boot 课程设计后端毕设毕业设计 java-ee
收藏点赞不迷路关注作者有好处编号：springboot375springboot项目申报管理系统开发语言：Java数据库：MySQL技术：Spring+SpringMVC+MyBatis工具：IDEA/Ecilpse、Navicat、Maven1.万字文档展示(部分)2.系统图片展示第5章系统详细设计5.1管理员功能模块的实现5.1.1项目列表如图5.1显示的就是项目列表页面，此页面提供给管理员的
《C++语言的设计和演化》读书感悟（一）依晴无旧 C\C++java 开发语言
写了一百多篇技术文章了，我突然想写一下和技术文搭一点关系的语言发展设计的文章，《C++语言的设计和演化》是我无聊翻自己库存电子书找到了，因为当年看这本书是C++之父写的，所以就保存下来，但是当时主要学习C++，这本书更多是C++之父从本身出发，对C++设计和演化的观点和感想，所以当时就被我扔去吃灰了。现在重拾起来，读起来别有风味。开发语言，虽然很多，但是万变不离其宗，学进去了，无非就是数据类型、控
深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation 元注解自定义注解
一、基本概述　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
mysql优化特定类型的查询 annan211 java 工作 mysql
本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。在统
MAC下安装多版本JDK和切换几种方式棋子chessman jdk
环境： MAC AIR,OS X 10.10,64位历史：过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。在终端中输入jav
javaScript （1） Array_06 JavaScript java 浏览器
JavaScript 1、运算符　　运算符就是完成操作的一系列符号，它有七类：　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
国内顶级代码分享网站袁潇含 java jdk oracle .net PHP
现在国内很多开源网站感觉都是为了利益而做的当然利益是肯定的,否则谁也不会免费的去做网站 &
Elasticsearch、MongoDB和Hadoop比较随意而生 mongodb hadoop 搜索引擎
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
mac os 系统科研软件总结张亚雄 mac os
1.1 Microsoft Office for Mac 2011 大客户版，自行搜索。 1.2 Latex （MacTex）: 系统环境：https://tug.org/mactex/ &nb
Maven实战（四）生命周期 AdyZhang maven
1. 三套生命周期 Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
Linux下Jenkins迁移 aijuans Jenkins
1. 将Jenkins程序目录copy过去源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面 tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
request.getInputStream()只能获取一次的问题 ayaoxinchao request Inputstream
问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
数据库SQL优化大总结之百万级数据库优化方案 BigBird2012 SQL优化
网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
jsonObject的使用 bijian1013 java json
在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
[Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher， /** * Register a watcher for a particular p
【Scala十三】Scala核心七：部分应用函数 bit1129 scala
何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
Tomcat Error listenerStart 终极大法 ronin47 tomcat
Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码 handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
不用加减符号实现加减法 BrokenDreams 实现
今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。
读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化如果在
CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！所以验证结果的正确性很重要！！！在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。以下程序在K5000GPU上跑的。
诡异的超长时间GC问题定位 chenchao051 jvm cms GC hbase swap
HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
maven环境快速搭建 daizj 安装 mavne 环境配置
一下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
public function searchWithRelated() { $criteria = new CDbCriteria; $criteria->together = true; //without th
Java集合对象和数组对象的转换 dyy_gusi java集合
在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
nginx同一主机部署多个应用 geeksun nginx
近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1. 在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts 2. 修改nginx.conf的配置，在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
ubuntu添加admin权限的用户账号 hongtoushizi ubuntu useradd
ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd 使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。顾应该如下操作：
第五章常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginx lua
JSON库在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timer quartz 定时器
原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时首先继承jav
Linux下df与du两个命令的差别？ pda158 linux
　一、df显示文件系统的使用情况，与du比較，就是更全盘化。　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。　　举比例如以下：　　[root@localhost ~]# df -T 　　Filesystem Type &n
[转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VO android sqlite 反射 Cursor
在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。使用时需要注意：考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
该学习笔记用到的Employee表 vipbooks oracle sql 工作
这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓

JavaWeb-JavaScript