技术改变命运Andy

前端-js-长期维护

############### JS简介和JS引入 ################

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>






    



<script src="1.js">script>
<div id="d1">sssdiv>


body>
html>

############### JS的基本语法和数据类型（数字和字符串） ################

/*
js基础语法：
1，注释：
单行注释：//
多行注释：
####################
2，语句必须以分号结尾
3，变量生命的关键字：var 变量名 = "值"
    js是属于动态类型，就是同一个变量可以存储不同类型的值，类似python，
4，变量
    变量命名的规则，js中$也可以作为变量名，
    1，变量区分大小写
    2，推荐使用驼峰命名法
    3，保留字不能用作变量名

*/

//变量声明
var name = "小明";
var age = 10;
var $ = "女";

console.log("name",name);
console.log("age",age);
console.log("$",$);
/*
5，数据类型：
整数，浮点数，科学计数法
还有一种NaN，表示不是一个数字，not a number
* */
//数字类型
var n1 = 18;
var n2 = 18.1;
var n3 = 1.8e5;

//字符串类型
var s1 = "123";
var s2 = "234";
var s3 = s1+s2; // 字符串拼接
console.log(s3)

/*
字符串常用方法：
.length    返回长度
.trim()    移除空白
.trimLeft()    移除左边的空白
.trimRight()    移除右边的空白
.charAt(n)    返回第n个字符
.concat(value, ...)    拼接，eg:  concat(1) 在后面拼接1，concat(1,2,3) 在后面拼接1,2,3
.indexOf(substring, start)    子序列位置，返回的是子字符串的起始位置，
.toLowerCase()    小写
.toUpperCase()    大写
.split(delimiter, limit)    分割，第一个参数是根据什么分割，第二个参数是限制分割多少个，第二个参数可以不写


#########################
.substring(from, to)    根据索引获取子序列
.slice(start, end)    切片

//substring和slice有什么相同之处：
两者的相同点：
如果start等于end，返回空字符串
如果stop参数省略，则取到字符串末
如果某个参数超过string的长度，这个参数会被替换为string的长度

substirng()的特点：
如果 start > stop ，start和stop将被交换
如果参数是负数或者不是数字，将会被0替换

silce()的特点：
如果 start > stop 不会交换两者
如果start小于0，则切割从字符串末尾往前数的第abs(start)个的字符开始(包括该位置的字符)
如果stop小于0，则切割在从字符串末尾往前数的第abs(stop)个字符结束(不包含该位置字符)


* */

############### JS数据类型（布尔和数组类型） ################

/*
布尔类型
区别于Python，true和false都是小写。
""(空字符串)、0、null、undefined、NaN都是false。
* */
//布尔类型
var a = true;
var b = false;


//数组类型
// 类似python中的列表
var a1 = [1,2,3]
a1[0] //返回1，
a1[3] //返回undefined
// a1[1:2] //不支持这种冒号的
/*

.length    数组的大小
.push(ele)    尾部追加元素
.pop()    获取尾部的元素，和python一样，会从列表取出，并且返回
.unshift(ele)    头部插入元素
.shift()    头部移除元素
.slice(start, end)    切片
.reverse()    反转
.sort()    排序  这个排序比较鸡肋，要转换成字符串，然后排序，
#############################
.join(seq)    将数组元素连接成字符串，

python中
l1=["1","2","3"]
("+").join(l1)
这是把列表中的元素，使用加号连接，返回是一个字符串

js中
l1=[1,2,3]
l1.join("+")  //返回1+2+3
#########################
.concat(val, ...)    连接数组，
l1=[1,2,3]
l1.concat(1,2,3) //结果：[1,2,3,1,2,3]
l1.concat([1,2,3])  //结果：[1,2,3,1,2,3]


###########################
null表示值是空，一般在需要指定或清空一个变量时才会使用，如 name=null;
undefined表示当声明一个变量但未初始化时，该变量的默认值是undefined。还有就是函数无明确的返回值时，返回的也是undefined。
null表示变量的值是空，undefined则表示只声明了变量，但还没有赋值。

############################
var a1 =[12,2]
typeof a1 //这是查看数据的类型，记住数组和null，返回的是object类型
typeof是一个一元运算符（就像++，--，！，- 等一元运算符），不是一个函数，也不是一个语句。

typeof "abc"  // "string"
typeof null  // "object"
typeof true  // "boolean"
typeof 123 // "number"
* */

############### JS运算符 ################

/*
算数运算符：
+ - * / % ++ --

var n =10;
n++  //11，就是n=n+1
################################
比较运算符
> >= < <= != == === !==
注意：
1 == “1”  // true   这是弱等于，只判断值
1 === "1"  // false    这是强等于，既判断值也判断类型

################################
逻辑运算符
&&  与
||  或
!   非

################################
赋值运算符
=
+=   //n+=1   就是 n= n+1 
 -= *= /=

* */

############### JS流程控制语句 ################

// for循环
// a1 = [1,2,3]
// for (var i =0;i
//     console.log(a1[i])
// }

//while 循环
// var i = 0;
// while (i < 10) {
//   console.log(i);
//   i++;
// }

//  三元运算
var a = 1;
var b = 2;
var c = a > b ? a : b;
//? 号前面是条件，成立就是第一个a，不成立就是第二个b

############### JS函数 ################

//js中函数和python中的函数非常的相似，只是定义的方式有些不同

//函数的定义
function foo(a,b) {
    console.log(a);
    console.log(b);
    return a+b;  //带返回值的函数
}

//匿名函数
//需要使用一个变量去接收他，
var func = function (a,b) {
    console.log(a);
    console.log(b);
    return a+b;  //带返回值的函数
};

//立即执行函数
//先写两个括号，第一个括号内部定义，第二个括号内部传递具体的参数
(function (a,b) {
    console.log("立即执行函数");
    console.log(a+b)
})(11,222);


//arguments
function foo(a,b) {
    console.log(a);
    console.log(b);
    console.log(arguments.length);
    //这个 arguments 根据传入的参数，是一个列表[a,b]
    //可以遍历这个arguments对象
    return a+b;  //带返回值的函数
}

//函数的调用
var ret1 = foo(11,22);
// 调用的时候，如果传递的超出定义的，超出的不起作用，并不会导致程序报错，
//如果传递的参数少于定义的，未定义的就会显示undefined，也不会程序报错，
//这是js比较随便的地方，
console.log(ret1);

var ret2 = func(11,12);
console.log(ret2);


/*
局部变量：
在JavaScript函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它（该变量的作用域是函数内部）。只要函数运行完毕，本地变量就会被删除。

全局变量：
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

变量生存周期：
JavaScript变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除
* */

############### JS词法分析 ################

//js的词法分析
var age =18;
function foo() {
    console.log(age);
    var age =22;
    console.log(age);
}

foo(); //结果是 undefined ，22 ，
//为什么？
//因为函数执行的时候，会对函数内部进行词法分析

/*
JavaScript中在调用函数的那一瞬间，会先进行词法分析。
词法分析的过程：
当函数调用的前一瞬间，会先形成一个激活对象：Avtive Object（AO），并会分析以下3个方面：
1:函数参数，如果有，则将此参数赋值给AO，且值为undefined。如果没有，则不做任何操作。
2:函数局部变量，如果AO上有同名的值，则不做任何操作。如果没有，则将此变量赋值给AO，并且值为undefined。
3:函数声明，如果AO上有，则会将AO上的对象覆盖。如果没有，则不做任何操作。
函数内部无论是使用参数还是使用局部变量都到AO上找。

* */

############### JS内置对象-自定义对象 ################

/*
js中内置的对象和方法：
* */


//js中自定义对象
var person = {name:"andy",age:18};//在js对象中，属性名默认不需要加引号，你加了js也会给你去掉的，值可以是单引号和双引号，单引号会转换成双引号
console.log(person);

// 单个取属性
console.log(person.name);
console.log(person.age);

//遍历取属性
for (var i in person){
    console.log(i);
    console.log(person[i])
}

//自定义对象的第二种方式：
var person2 = new Object();
person2.name="xiaoxiao";
person2.age=22;
console.log(person2);

############### JS内置对象-Date对象 ################

//内置的Date对象，就相当于python中的模块

var d1 = new Date();
console.log(d1); //这是默认生成当前时间，这是一个时间对象，
console.log(d1.toLocaleString()); //这是一个字符串
var d2 = new Date("2004/3/20 11:12");
console.log(d2.toLocaleString());

/*

var d = new Date();
//getDate()                 获取日
//getDay ()                 获取星期
//getMonth ()               获取月（0-11）
//getFullYear ()            获取完整年份
//getHours ()               获取小时
//getMinutes ()             获取分钟
//getSeconds ()             获取秒
//getMilliseconds ()        获取毫秒
//getTime ()                返回累计毫秒数(从1970/1/1午夜)

* */

############### JS内置对象-json对象 ################

//json对象
var s = '{"name":"andy","age":12}'; //这是一个字符串，怎么使用js转换成为json格式的，
var ret = JSON.parse(s);
console.log(ret);
console.log(typeof ret); //类型是一个对象

// 怎么把js中的对象，转换成字符串呢？
var s2 = JSON.stringify(ret);
console.log(s2);
console.log(typeof s2); //类型是一个字符串

// 这两个一定要学会，后面使用ajax传递数据的时候，会使用到

############### JS内置对象-Math对象 ################

//math对象
var n = -5;
n2 = Math.abs(n); //绝对值
console.log(n2);
Math.floor(5.9); //直接往下去，这就是5，
Math.min(1,2);
Math.max(1,2);
Math.pow(10,2); //返回x的y次幂
Math.random(); //返回一个0-1之间的随机数
Math.round(5.5); //四舍五入

############### JS内置模块-RegExp模块，正则模块 ################

//RegExp对象，正则，类似python中的re模块
//生成RegExp对象，
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$");
//这是以字母开头，5-11位的字母数字下滑线组成
var reg2 = reg1.test('xiaoming');
console.log(reg2); //true
var reg3 = reg1.test('2xiaoming');
console.log(reg3); //false

//简单写法
console.log(/^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test("xiaoming"));
console.log(/^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test("3xiaoming"));

//这里面有很多的坑
// 1，re表达式内部不能加空格，否则会产生意想不到的错误，
// console.log(/^[a-zA-Z][a-zA-Z0-9_]{5, 11}$/.test("xiaoming"));

//2，test里面不写值，默认不是空，是校验的一个undefined，这是大坑啊，
console.log(/^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test());//等同于console.log(/^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test("undefined"));

//3，字符串替换
//两种模式，g，i，
var ss = 'Ahahaha';
var sss = ss.replace("a","哈");//这样写只会替换第一个a，这个要记住，
var sss = ss.replace(/a/,"哈");//这样写只会替换第一个a，这个要记住，这是正则的写法
var sss = ss.replace(/a/g,"哈");//加一个g，就是说全局有多少就替换多少，
var sss = ss.replace(/a/gi,"哈");//加一个i，就是说忽略大小写，都替换
console.log(sss);

############### JS-BOM操作 ################

//BOM操作

//Windows对象
// window.open(); //打开一个新的tab页面，没什么用
// window.innerHeight; //获取浏览器的高度
// window.innerWidth; //获取浏览器的宽度
// window.close() //- 关闭当前窗口

// ######################
//window的子对象

// location对象（这些方法有用，需要记住）
// window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
// 常用属性和方法：

console.log(location.href);  //获取URL
// console.log(location.href="URL"); // 跳转到指定页面
// console.log(location.reload()); //重新加载页面


// ##############################

// 弹出框
// 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

// 警告框
// 当警告框出现后，用户需要点击确定按钮才能继续进行操作。
// 语法：
// alert("你看到了吗？");

// 确认框（了解即可）
// 当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
// 如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
// 语法：
// confirm("你年满18岁了吗？");


// 提示框（了解即可）
// 提示框经常用于提示用户在进入页面前输入某个值。
// 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
// 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
//语法：
// prompt("请在下方输入","你的答案");

// ##################################

// 计时相关
// 通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

// 第一个：setTimeout()
var ret=setTimeout("alert(123)",5000)  //第一个参数是你要执行的语句是什么，第二个参数是你要等多少秒之后执行，
console.log(ret)

function foo() {
    console.log("呵呵")
}

console.log(setTimeout(foo,3000));
//使用的时候往往会使用函数的形式

// 对应的一个：clearTimeout()
// 在指定时间之后执行一次相应函数
// var timer = setTimeout(function(){alert(123);}, 3000)
// 取消setTimeout设置
// clearTimeout(timer);

// 第二个：setInterval()
console.log(setInterval(foo,1000));//这是每隔1秒钟执行一次函数，
// setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
// 对应的就是：clearInterval()

############### JS-DOM操作 ################

// DOM操作
// DOM（Document Object Model）是一套对文档的内容进行抽象和概念化的方法。
// 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
// HTML DOM 模型被构造为对象的树。
// 根节点就是html，然后分为header和body，header里面有标签以及下面的文本，body里面有各种标签和各自的文本，

// ######################
//DOM标准规定HTML文档中的每个成分都是一个节点(node)：
// 文档节点(document对象)：代表整个文档
// 元素节点(element 对象)：代表一个元素（标签）
// 文本节点(text对象)：代表元素（标签）中的文本
// 属性节点(attribute对象)：代表一个属性，元素（标签）才有属性
// 注释是注释节点(comment对象)　

// ############################
// JavaScript 可以通过DOM创建动态的 HTML：
// JavaScript 能够改变页面中的所有 HTML 元素
// JavaScript 能够改变页面中的所有 HTML 属性
// JavaScript 能够改变页面中的所有 CSS 样式
// JavaScript 能够对页面中的所有事件做出反应，这是最为常用的，

// #################################
// 要操作元素，就要先找到元素，下面讲解如何查找元素

//直接查找
//下面的语句直接输入浏览器的console中就可以执行
document.getElementById("d1");
document.getElementsByClassName("c1");
document.getElementsByTagName("p"); //根据标签名字查找

//间接查找
var d3 = document.getElementById("d3");
d3.parentElement;

/*

parentElement            父节点标签元素
children                 所有子标签
firstElementChild        第一个子标签元素
lastElementChild         最后一个子标签元素
nextElementSibling       下一个兄弟标签元素
previousElementSibling   上一个兄弟标签元素

*/
// #############################

//节点操作

//创建节点
var imgEle=document.createElement("img");
//增加节点的属性
imgEle.src="http://image11.m1905.cn/uploadfile/s2010/0205/20100205083613178.jpg";
//两种写法一样，

//获取节点
var d1Ele = document.getElementById("d1");
// 追加节点（作为最后的节点）
d1Ele.appendChild(imgEle);

// 把增加的节点，放到某一个节点的前面
var d1Ele2 = document.getElementById("d2");
var d1Ele3 = document.getElementById("d3");
var aEle=document.createElement("a");
d1Ele2.insertBefore(aEle,d1Ele3);
aEle.innerText ="点我";
aEle.href ="http://www.baidu.com";

//设置自定义的属性
imgEle.setAttribute("ss", "ss");
//获取属性
imgEle.getAttribute("ss");
//删除属性
imgEle.removeAttribute("ss");

//innerText
d1Ele2.innerText; //后面不写等于号，就是获取这个标签的所有的文本，
d1Ele2.innerText="hehe"; //有等号，就是把里面设置文本，而且里面的子标签都没有了，所以要找到具体的标签修改，
d1Ele2.innerHTML;//这是获取到下面的标签和文本，里面可以直接写标签，

//删除标签
var d1Ele = document.getElementById("d1");
var sonEle = d1Ele.firstElementChild;
d1Ele.removeChild(sonEle);


//替换标签
var d1Ele = document.getElementById("d1");
var sonEle = d1Ele.firstElementChild;
var aEle=document.createElement("a");
aEle.innerText ="点我";
d1Ele.replaceChild(aEle,sonEle);

############### JS-DOM操作-获取值操作 ################

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>获取值相关title>
head>
<body>

<form action="">
    <label>用户名
        <input name="username" id="i1" type="text">
    label>
    <label>男
        <input name="gender" value="1" type="radio">
    label>
    <label>女
        <input name="gender" value="0" type="radio">
    label>
    <select name="from" id="s1">
        <option value="010">北京option>
        <option value="021">上海option>
        <option value="023">重庆option>
        <option value="022">天津option>
    select>
    <textarea id="t1" name="memo" cols="30" rows="10">

    textarea>
form>

<script>
    var iEle = document.getElementById("i1");
    console.log(iEle.value);
    var sEle = document.getElementById("s1");
    console.log(sEle.value);
    var tEle = document.getElementById("t1");
    console.log(tEle.value);
script>

body>
html>

############### JS-DOM操作-class操作 ################

//class的操作

//获取class的值
var divs = document.getElementsByTagName("div"); //这是返回一个数组
divs[0] // 这是取值第一个
divs[0].className; //这是取classname的值，

//移除一个class
divs[0].classList;//这是一个数组，
divs[0].classList.remove("c3"); // 对数组操作，移除一个值就简单了，

//添加一个class
divs[0].classList.add("c4");

//包含判断
divs[0].classList.contains("c4");//是否包含，如果包含就是返回true，

//classList.toggle(cls)  存在就删除，否则添加
divs[0].classList.toggle("c4");


// ##############################
//指定css操作

//可以直接通过改动div的一个style属性来改变颜色
var divs = document.getElementsByTagName("div");
divs[0].style.backgroundColor= "blue";


// JS操作CSS属性的规律：
// 1.对于没有中横线的CSS属性一般直接使用style.属性名即可。如：

obj.style.margin
obj.style.width
obj.style.left
obj.style.position

// 2.对含有中横线的CSS属性，将中横线后面的第一个字母换成大写即可。如：

obj.style.marginTop
obj.style.borderLeftWidth
obj.style.zIndex
obj.style.fontFamily

对应的HTML

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>

    <style>
        .c1 {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: gray;
        }

        .c2 {
            background-color: yellow;
        }

    style>
head>
<body>

<div class="c1 c2 c3" onclick="change(this);">divdiv>
<script>
    function change(ths){
        ths.classList.toggle("c2");//没有添加，有就删除，就实现了一个颜色的切换，这是绑定了一个点击事件，
    }

script>
body>
html>

############### JS-DOM操作-绑定事件 ################

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>

    <style>
        .c1 {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: gray;
        }

        .c2 {
            background-color: yellow;
        }

    style>
head>
<body>

<div class="c1 c2 c3" onclick="change(this);">divdiv>
<div class="c1 c2 c3">divdiv>
<div class="c1 c2 c3">divdiv>
<div class="c1 c2 c3">divdiv>

<input id="i1" type="text">
<input id="start" type="button" value="开始">
<input id="stop" type="button" value="停止">

<input id="i3" type="text" value="裤子">
<input id="search" type="button" value="搜索">




<select id="s1">
    <option value="0">--请选择--option>
    <option value="1">北京option>
    <option value="2">上海option>
select>

<select id="s2">select>


<script>
    // 
    function change(ths) {
        ths.classList.toggle("c2");//没有添加，有就删除，就实现了一个颜色的切换，这是绑定了一个点击事件，
    }

    // 第二种方式，找到元素，然后绑定函数这种好一点
    var divs = document.getElementsByTagName("div");

    for (var i = 0; i < divs.length; i++) {
        divs[i].onclick = function () {
            this.classList.toggle("c2");//没有添加，有就删除，就实现了一个颜色的切换，这是绑定了一个点击事件，
        }
    }


    // 练习，需求：
    // 在input框中显示当前时间
    // 1，获取当前时间，

    var t; //定义一个全局变量，定义一个全局变量就是为了方便后面的函数内部能调用，

    function foo() {
        var now = new Date();
        var nowStr = now.toLocaleString();
        // 2，把时间字符串填入input框中，
        var inputEle = document.getElementById("i1");
        inputEle.value = nowStr;
    }


    //点击开始让这个时间动起来，
    var startButton = document.getElementById("start");
    startButton.onclick = function () {
        //    每隔一秒执行一次
        if (t === undefined) { //判断一下只有没有定时器的时候才会生成，否则不生成，避免连续点击生成多个，
            t = setInterval(foo, 1000);
        }

    }

    //    点击停止，让时间停止
    var stopButton = document.getElementById("stop")
    stopButton.onclick = function () {
        clearInterval(t);//定义一个全局变量就是为了方便这个地方能停止
        t = undefined;//因为上一步是清楚了定时器，但是t这个值还是存在的，所以要重置一下t的值为undefined
    }


    // 现在对输入框做一个事件，
    //点击之后value值消失，光标移除之后value值回来
    var input3 = document.getElementById("i3");

    input3.onfocus = function () {
        this.value = "";//this就是这个input框
    }
    input3.onblur = function () {
        //如何值为空，就把值填回去，不是空的就不要再填回去了，
        if (!this.value) {
            this.value = "娃娃"

        }
    }

    //select联动，

    var data = {1: ["昌平区", "朝阳区", "海淀区"], 2: ["静安区", "闵行区", "浦东区"]};

    //    给第一个select绑定事件，绑定的是onchange事件，当元素内容被改变时触发
    //找到第一个select
    var select1 = document.getElementById("s1");
    //给这个select绑定事件
    select1.onchange = function () {
        //获取是选择的哪一个区
        console.log(this.value);
        //把对应市的区，填入第二个框中，
        var areas = data[this.value];
        //生成option标签，
        var select2 = document.getElementById("s2");
        select2.innerHTML="";//把第二个select框清空，
        for (var i = 0; i < areas.length; i++) {
            var opEle = document.createElement("option");
            //添加到第二个标签中
            opEle.innerText = areas[i];
            select2.appendChild(opEle)
        }
    }
script>
body>
html>

事件：

//事件是非常重要的，要着重理解，但是后面写的时候我们是使用的jQuery，基本不使用原生的js写

/*

onclick        单击事件，点击的时候触发事件
ondblclick     双击事件

onfocus        元素获得焦点。               // 练习：输入框
onblur         元素失去焦点。               应用场景：用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对它进行验证.
onchange       域的内容被改变。             应用场景：通常用于表单元素,当元素内容被改变时触发.（select联动）


* */

############### JS ################

############### 结束线 ################

Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
向内而求陈陈_19b4
10月27日，阴。阅读书目:《次第花开》。作者:希阿荣博堪布，是当今藏传佛家宁玛派最伟大的上师法王，如意宝晋美彭措仁波切颇具影响力的弟子之一。多年以来，赴海内外各地弘扬佛法，以正式授课、现场开示、发表文章等多种方法指导佛学弟子修行佛法。代表作《寂静之道》、《生命这出戏》、《透过佛法看世界》自出版以来一直是佛教类书籍中的畅销书。图片发自App金句:1.佛陀说，一切痛苦的根源在于我们长期以来对自身及外
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前端期末大作业 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：做与用户的交互行为文章目录前端学习路线
冬天短期的暴利小生意有哪些？那些小生意适合新手做？一起高省
短期生意不失为创业的一个商机，不过短期生意的商机是转瞬即逝的，而且这类生意也很难作为长期的生意去做，那冬天短期暴利小生意查看更多关于短期暴利小生意的文章有哪些呢?给大家先推荐一个2023年风口项目吧，真很不错的项目，全程零投资，当做副业来做真的很稳定，不管你什么阶层的人，或多或少都网购吧？你们知道网购是可以拿提成，拿返利，拿分佣的吗？你们知道很多优惠券群里面，天天群主和管理发一些商品吗？他们其实在
数据仓库——维度表一致性墨染丶eye 背诵数据仓库
数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
01-Git初识 Meereen Git git
01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name
对于写作者最重要的两点：热情和分享鱼和熊掌兼得
【热情】在开头，塔奇曼提到光有热情是不够的。但是，要想长期的坚持写作，没有热情是不行的。很多人都说，这是一个对写作者很优待的时代，也有很多人前仆后继的写作。在写作这条路上的人，始终很多，一些人来了，一些人走了，但是能坚持下来的却只有那么几个。不知道什么时候开始，写作变现这个词火了起来。不管是谁，都想来分一杯羹。可是写作变现真的没有这么容易，鱼哥说过，写作的人千千万万，能变现的也不过是其中的千分之一
教育用心灵温暖心灵
@陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
2019-03-10 Daisy倾夕
生命总是需要一些允许和放纵的释怀，经常熬夜时是对自己有一份责怪，今日却又一份惊喜感！偶尔允许了自己做了一件很久没做的事情会很开心，减肥的时候会因为有一餐对食物欲望内心匮乏的填补而感到开心，偶尔的总是惊喜，长期也容易成为负担，那如何在这个长期的过程中又不失惊喜，我想应该是探索和变化的永恒，允许并好，首先先带上觉知！
Day777--【这届年轻人很懒，“但在你面前，我可以多受些麻烦。”】卖小妞的饼干
图片发自App中学时期，会因为朋友一句误会，手写三页信件解释来龙去脉，必须每天一起上学放学吃饭上洗手间，永远腻在一起才能彰显关系密切。而现在，相比每段关系都闹得轰轰烈烈，我们更喜欢顺其自然。懒得耗费大量时间去维护一段关系，懒得在与朋友产生矛盾后去辩解，懒得因为朋友做出背叛友谊的行为而愤怒诘问。不再把目光放在朋友的数量上，更在乎每一个还在身边的人是否饱含真心。我们都在期待着更舒服自然没有杂质的关系，
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
中国广电永久9元流量套餐！性价比最高流量卡套餐介绍！优惠攻略官
中国广电是中国最大的传媒集团之一，其推出的流量套餐备受消费者青睐。中国广电最实惠的流量套餐不仅价格亲民，而且提供了优质的网络体验。首先，中国广电的流量套餐价格实惠，适合不同消费者的需求。无论是短期的日租卡还是长期有效的月租卡，用户都可以根据自己的实际情况选择适合自己的套餐。而且，流量的价格相对于其他运营商的套餐来说更加合理，给用户提供了更大的选择空间。☞大流量卡套餐「→点这免费申请办理」或者截图扫
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
为什么学生不喜欢上学虾虾说
图片发自App《为什么学生不喜欢上学》作者是丹尼尔·威林厄姆。本书从认知心理学角度，结合大量实证案例，阐释了大脑工作的基本原理，回答了关于学习过程的一系列问题。为什么学生不喜欢上学？——大脑工作的基本原理思考是缓慢的、费力的、不可靠的。思考有三个要素，环境、工作记忆和长期记忆。环境是信息来源；长期记忆是知识、经验的巨型仓库，随时可以调取；工作记忆是中央处理器，是加工信息素材的中央厨房，也是思考过程
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
补充元象二面 Redstone Monstrosity 前端面试
1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
掌握正确的方法，全面打造更有利于长期学习的“超能大脑” 微微一勺
作为家长，都希望自己的孩子在上学的时候能够拥有优异的成绩，最好能成为班上的学霸，而后考上一所不错的大学。作为孩子，学霸也是非常让大家认可的，是同学们崇拜的偶像。所以，无论是家长还是老师，无论是同学还是亲戚，都想要自己喜欢的人或者自己看好的人成为班级里的学霸。都是寒窗苦读，为什么别人可以成为高考状元、学霸，而有些孩子努力了还是成绩平平呢？为什么课堂上学霸很少开小差？为什么学霸背东西过目不忘？为什么学
MyBatis 详解阿贾克斯的黎明 java mybatis
目录目录一、MyBatis是什么二、为什么使用MyBatis（一）灵活性高（二）性能优化（三）易于维护三、怎么用MyBatis（一）添加依赖（二）配置MyBatis（三）创建实体类和接口（四）使用MyBatis一、MyBatis是什么MyBatis是一个优秀的持久层框架，它支持自定义SQL、存储过程以及高级映射。MyBatis免除了几乎所有的JDBC代码以及设置参数和获取结果集的工作。它可以通过简
微信小程序开发注意事项 jun778895 微信小程序小程序
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
孩子强迫症，厌学叛逆，家长怎么办？扶禾心理
01最近，我们的公众号后台收到了很多家长的私信，很多家长说，孩子在进入青春期后，不知不觉竟然有强迫行为，特别容易钻牛角尖，沉迷网络，厌学，顶撞父母。他们为此很苦恼，不知道怎么办。强迫症正在成为儿童和青少年中常见的精神障碍之一。强迫症是一种长期逐步形成的心理问题，是一种慢性、难治性心理疾病。在这里，我们分享一些咨询实践及思路供家长参考，希望对更多的家长和孩子有帮助。一位家长私信我们说，她儿子14岁，
字节二面 Redstone Monstrosity 前端面试
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
学写作的第四天石声藤
第四节如何坚持长期写下去？①摘要学好写作，重要的是持续性。如何坚持，就从淡化“坚持”这个词开始。做很多事，根本不是用坚持来驱动的，而是你清晰的认识，这件事很重要，你才坚持。②从本质认识写作的重要性意识决定人的行动。如果你从本质认识到某件事的重要性，即使没人逼你，你也会去坚持做，比如赚钱。认识写作的重要性，不认识，重新多学几遍第一节。③要让自己不断从写作中收益一件事能不断给你带来回报，是驱动你坚持做
隔离在防晒霜前还是后防晒隔离霜和防晒霜的区别是什么氧惠导师
防晒霜是每天护肤的时候都需要使用的，主要针对的是紫外线，而隔离霜主要是用来隔离彩妆和空气中的脏东西，所以它用在化妆的前一步，即粉底液之前。二者缺一不可，也许很多人会说隔离霜有防晒成分，还要不要涂抹它，事实上，如果长期接触紫外线，只用隔离霜是不够的。➤推荐网购薅羊毛app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、
C++常见知识掌握 nfgo c++开发语言
1.Linux软件开发、调试与维护内核与系统结构Linux内核是操作系统的核心，负责管理硬件资源，提供系统服务，它是系统软件与硬件之间的桥梁。主要组成部分包括：进程管理：内核通过调度器分配CPU时间给各个进程，实现进程的创建、调度、终止等操作。使用进程描述符（task_struct）来存储进程信息，包括状态（就绪、运行、阻塞等）、优先级、内存映射等。内存管理：包括物理内存和虚拟内存管理。通过页表映
程序员架构师主要是做什么_程序员架构师：职责、技能与挑战绿色小猪
免费备考资料（2024年11月软考）：历年试题+视频课合集+电子讲义点击领取>>>免费刷题：2024年11月软考备考刷题点此进入>>>程序员架构师的角色定位在软件开发领域，程序员架构师是一个至关重要的角色。他们不仅需要深入理解业务需求，还要将其转化为技术上的解决方案。程序员架构师是项目中的技术领航者，负责制定和维护软件系统的整体架构，确保系统的可扩展性、可维护性和性能。他们的工作涉及从概念化到实现
前端代码上传文件余生逆风飞翔前端 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
JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm 字节码 Class文件 StackMapTable
在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
回调函数调用方法百合不是茶 java
最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记记录一下代码很简单: MainDemo :调用方法得到方法的返回结果
[时间机器]制造时间机器需要一些材料 comsci 制造
根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质和材料... 甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......
开口埋怨不如闭口做事邓集海邓集海做人做事工作
“开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。　　　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。　　　　
jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery 开发插件　函数
jQuery插件的开发包括两种：一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1 、类级别的插件开发类级别的插件开发最直接的理解就是给jQuer
Rome解析Rss 413277409 Rome解析Rss
import java.net.URL; import java.util.List; import org.junit.Test; import com.sun.syndication.feed.synd.SyndCategory; import com.sun.syndication.feed.synd.S
RSA加密解密无量加密解密 rsa
RSA加密解密代码代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
linux 软件安装遇到的问题 aichenglong linux 遇到的问题 ftp
1 ftp配置中遇到的问题 500 OOPS: cannot change directory 出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了修改方法:1 修改/etc/selinux/config 中SELINUX=disabled 2 source /etc
面试心得 alafqq 面试
最近面试了好几家公司。记录下；支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败；阿里金融，面试官人也挺和善，只不过我让他吐血了。。。由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
java的多态性探讨百合不是茶 java
java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
探索JUnit4扩展：深入Rule bijian1013 JUnit Rule 单元测试
本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
[CSS]CSS浮动十五条规则 bit1129 css
这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。 1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取 1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]，或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan java netty
先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下：实
AES加密解密 chicony 加密解密
AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
文件编码格式转换 ctrain 编码格式
package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
mysql 在linux客户端插入数据中文乱码 daizj mysql 中文乱码
1、查看系统客户端，数据库，连接层的编码查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql> show variables like 'character_set_%'; +--------------------------+------
好代码是廉价的代码 dcj3sjt126com 程序员读书
长久以来我一直主张：好代码是廉价的代码。当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。当他们走近看我的表情、知道我是认真的时，才收敛一点。当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
Android网络请求库——android-async-http dcj3sjt126com android
在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化 Oracle sql语句优化 SQL语句的优化
转载请出自出处：http://eksliang.iteye.com/blog/2097999 SQL语句的优化总结如下 sql语句的优化可以按照如下六个步骤进行：合理使用索引避免或者简化排序消除对大表的扫描避免复杂的通配符匹配调整子查询的性能 EXISTS和IN运算符下面我就按照上面这六个步骤分别进行总结：
浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android 移动开发滑动机制嵌套
谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？ 比如你使用了Toolbar，下面一个ScrollView，向上滚
使用hovertree菜单作为后台导航 hvt JavaScript jquery .net hovertree asp.net
hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
SVG 教程（二）矩形天梯梦 svg
SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作：矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
一个简单的队列 luyulong java 数据结构队列
public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
项目出现的一些问题和体会 Steven-Walker DAO Web servlet
第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。 &
高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介：淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，

前端-js-长期维护

你可能感兴趣的:(前端-js-长期维护)