JavaScript高级程序设计零碎知识点

1.

3.

--src属性可以包含来自外部域的JavaScript文件,既跨域访问数据。这也是JSONP (一种非官方的跨域访问方法)的实现原理,动态添加


5.数据类型:5种基本类型(Underfined、NULL、Boolean、Number、String),1中复杂数据类型(Object)

1)Underfined:未声明或未初始化的值的类型 例如:var message;alert(message==underfined);//true

2)Null:空对象指针,如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值

3)Number:

1.isNaN(任意参数):判断给定参数是否“不是数值” (或是否能够转换成数值)

isNaN(10);//返回false

isNaN("10");//返回false,

isNaN("blue"); //返回true,“blue”不能被转换为整数

isNaN(true);//返回false,true可以被转换成数值1

2.数值转换

Number();将任意类型转换成数字型 Number("001");//输出1;Number("");//输出0Number("feng");//输出NaN;

一元加号、减号操作符和这个Number()功能相同

parseInt():把字符串转换成整形,从第一个非空格字符开始,如果是数字字符则会接着解析后面的字符知道遇到一个非数字字符

parseInt("123abc");//输出123

parseInt(123.4);//输出123

parseInt("")||parseInt("abc");//输出NaN

parseFloat()把字符串转换成浮点型,(同上,就是多一个小数点)


4)String:按照Java的String来学习就可以了

1)转义字符被当做一个字符长度的字符来解析(注意,字符串的长度为字面上的+1)

2)不可变

3)var num = 10;num.toString();//num.toString(2);//按照二进制进行输出1010;

4)var result = 5+"5" //输出55

var result="result:"+5+10;//输出:result:510

var result="result:"+(5+10);//输出result:15



6.操作符和语句

1.一元减号操作符

var result=5-true;//输出4,自动把true转换成了1(字符串与数字进行比较,会首先尝试把字符串转换成为数字)

2.全等和不全等操作符(===,!==)

如果两个操作数未经转换就想等的情况下返回true。例如 var result = ''55"===55;//输出false (如果==,则输出true)

3.switch语句

可以再switch(expression)中使用任何类型的expression类型的数据,比较值是使用的是===,不会发生类型转换

4.递增递减操作符

递增、递减操作符应用于包含有有效数字的字符串、true/false时,现将其转换为数字,在进行递增、递减操作


7.函数初步

1)函数会执行到return之后立即退出,return可以不带返回值,如return;一般用于需要停止函数执行而又不需要返回值的情况下

2)ECMAScript函数并不关心传递了多少个参数,即使定义的函数只能接受两个参数,但是你可以传递进来多个或者0个。因为ECMAScript中的参数在内部是用一个数组来表示的,可以在函数内部是用arguments[0],argumengts[1],arguments.length等访问第一个参数,第二个参数或者参数列表的长度。arguments对象中的值会自动映射到对应的命名参数中去

function doAdd(){
      	if(arguments.length == 1){
      		alert(arguments[0]);
      	}else if(arguments.length == 2){
      		alert(arguments[0]+arguments[1]);
      	}else{
      		alert("something else");
      	}
      }
      //程序员可以用这种方式实现类似重载的功能。之所以类似,是因为JS中的函数没有签名,因为其参数是由包含零或多个值得数组来表示的(arguments对象)没有签名,也就没有重载
      //所以,一旦出现了调用同名函数,则后面的函数会覆盖前面的
      doAdd(10);
      doAdd(10,20);

3)每个函数都有自己的执行环境,当执行流进入一个函数时,函数的环境会被推入到一个环境栈中,而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。眉不变量可以通过作用域链访问所有的外围环境变量


8.内存机制

JavaScript不允许直接访问内存中的位置,也就是说不能直接操作内存中的对象(实际我们操作的都是对象的引用)。同时,我们只能够给引用类型的值动态添加属性(var person = new Object(); person.name="feng"//正确;换成var person = "Object"/,则添加属性时会报错)。引用变量的复制参考JAVA


9.JavaScript所有函数的参数传递都是值传递的,参考JAVA(

基本数值传递后不影响函数外,引用类型则会影响外部的值--即使值传递,也会访问统一对象)

 function setName(obj){
      	obj.name="feng";
      	obj = new Object();//等效于obj = {};
      	obj.name="beifeng";
      }
      var person = new Object;	
      setName(person);
      alert(person.name);
       /*输出feng,而不是beifeng.证明了是值传递而不是引用传递。否则obj会指向一个新的Object
       *即使在函数内部改变了参数的值,但是原始的引用依然保持不变(但是引用的属性会发生改变)
       *局部对象变量在函数执行完毕后被销毁了
       */

10 typeof &&instancof

1)alert(typeof s);判断s的类型

 2)alert(person instanceof Array);判断person是Array引用类型吗?


11 JavaScript中没有块级作用域,使用var定义的变量会被自动添加到最近的环境中(函数环境、全局环境)


12.JavaScript具有自动垃圾回收机制:标记清除法和引用计数法


13.JavaScript不具备类和接口

虽然ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以使用应用类型的值代替对象的称呼

使用对象字面量的方式来定义对象

var person = { 
name:"feng",
 age:24 //注意此处没有,结尾
}

14.Array类型:1.数组大小动态调整 2.数组中的每一项都可以保存任何类型的数据

1).创建方式

//主动声明数组大小,var colors = new Array(20);
var colors = new Array("red","blue","green");//创建数组的第一种方式
var colors = ["red","blue","green"];//创建数组的第二种方式

2).可以动态修改大小

colors[3] = "grey";//新增第四项

colors.length = 2;//数组的length属性不是制度的,可以通过主动设置length的值动态移除或添加新项。本例中,主动删掉数组最后一个元素

colors[colors.length] = "black";//动态在数组后新增一个元素


3).alert(colors.join("||"));//输出red||blue||green

alert(colors);(或者alert(colors.toString());//输出red,blue,green


4).将数组表示成栈:colors.pop();&&colors.push("red","green");

push();将任意数量的参数,逐个添加到数组末尾,并返回修改后数组的长度

pop();从数组末尾移除最后一项,减少数组的length,然后返回移除的项


5).将数组表示成队列:push()&&shift();

push();将任意数量的参数,逐个添加到数组末尾,并返回修改后数组的长度

shift();移除数组中的第一项,并返回该项,同时数组长度减1


6).对数组排序:sort()和reverse()

对于sort()函数,会对数组中的每一项求toString()后进行比较,

      var values = [0,1,5,10,15];
      values.sort();
      alert(values);//输出0,1,10,15,5

这样的排序是很不理想的,也是不可控的,我们可以对sort()传入参数来进行控制

      //如果第一个数小于第二个数,就返回个负数
      function compare(value1,value2){
        if(value1 < value2){
          return -1;
        } else if(value1 > value2){
          return 1;
        }else{
          return 0;
        }
      }
      var values = [0,1,5,10,15];
      values.sort(compare);
      alert(values);//输出0,1,5,10,15


3.0升级版,对于对象,可以按照指定的属性进行排序输出

function compare(poppertyName){
          return function(object1,object2){
            var value1 = object1[poppertyName];
            var value2 = object2[poppertyName];
            if(value1 < value2){
              return -1;
            } else if(value1 > value2){
              return 1;
            } else {
              return 0;
            }
          }
      }
      var values = [{name:"feng",age:24},{name:"zi",age:18}];
      values.sort(compare("name"));
      alert(values[0].name);//输出feng

      values.sort(compare("age"));
      alert(values[0].name);//输出zi




7)数组的拼接:concat()

将传入的参数(数组,或其他东东)添加到原来数组的末尾

colors.concat("yellow",["black","brown"]);//输出red,green,blue,yellow,black,brown


8).数组的分割

返回当前数组中的从第一个参数开始到第二个参数结束的一个新数组,包前不包后,且不影响原来数组。

var colors = ["a","b","c","d","e"];

var colors2 = colors.slice(1,3);//等效于var colors2 = colors.slice(-4,-2);

alert(colors2);//输出b,c


9)splice()方法

删除splice(0,1);删除数组中【0,1)项,并返回被删除部分数组;原数组长度减一


10)indexOf()&&lastIndexOf()

用来返回要查找的想在数组中的位置,或者在没找到的情况下返回-1



15 Date类型

1)创建日期

var da1 = new Date(Date.UTC(2005,4,21,17,21,18));//GTM时间 2005年5月21日17点21分18秒,或直接 var da1 = new Date(2005,4,21,17,21,18)

2) Date.now();返回调用当时经过的历史毫秒数


16.RegExp正则类型 (坑,后面填)


17.Function类型

1)函数实际是对象,函数名实际上也是一个指向函数对象的指针,跟指针变量没有区别,所以一个函数可以有多个名字(两个指针指向内存中的同一位置)

正常定义函数,使用function sum(num1,num2){} 也等效于var sum = function(num1,num2){};,使用变量sum引用函数,但此时后面需要跟一个分号类似于声明变量)

(也可以使用 var sum = new Function("num1","num2","return num1+num2");//解析两次,第一次函数,第二次参数字符串,不推荐


2)没有重载


3) 函数声明方式:对代码求值时,JavaScript引擎在第一遍会声明函数并将它们放到源代码树的顶部(解析器会在率先读取函数声明,并使其在执行任何代码之前可以访问)。即使声明函数的代码在调用他的代码后面

	
	alert(sum(10,10));
        function sum(num1,num2){
          return num1+num2;
        }

 
  
而对于函数表达是声明类型则会报错,相当于使用了未定义的指针变量
	alert(sum(10,10));
        var sum= function(num1,num2){
          return num1+num2;
        }

4)内部属性

1.arguments用来保存函数的参数列表。其中使用arguments.callee()获得函数的指针,可以用来代替函数名使用

function facotrial(n){
  if(n <=1) return 1;
  else return n*arguments.callee(n-1);//使函数的执行与函数的名称解耦
}

2.someFunction.call(作用域),如someFunction.call(this),someFunction.call(windows),someFunction.call(o(某函数的名称))可以指定函数要执行的作用域为参数的范围


18.包装类型

每次读取一个基本类型的时候,后台会自动创建一个对应的基本包装类型的对象,从而调用一些方法

var s1 = "feng";
var s2 = s1.subtstring();//正常s1作为字符串基本类型,是不会拥有方法属性的
后台做了如下处理

var s1 = new String("feng");
var s2 = s1.substring(2);
s1 = null;//代码执行完毕后,立刻销毁,意味着我们不能在运行时为基本类型添加属性和方法,以为立刻被销毁了


19.String类型

1)查找指定位置的字符:charAt(position)

var str = "hello world";
alert(str.charAt(1));//输出e

2)字符串截取:substring

str.substring(3);//输出lo world
str.substring(3,7);//输出lo w,采用【)的方式,不影响原来字符串

3)查找指定字符的位置:indexOf

str.indexOf("o");//输出4

案例:遍历查找数组指定字符

      var stringValue="te ji jia te ji,wo de tou fa hao ,duang~";
      var positions = new Array();
      var pos = stringValue.indexOf("a");
      while(pos>-1){
        positions.push(pos);
        pos = stringValue.indexOf("a",pos+1);
      }

4)字符串去前后空格:trim()

var str1=" feng ";
var str2 = str1.trim();//输出feng,原来字符串str1不影响

5)字符串大小写str.toLocaleUpperCase();str.toLocaleLowerCase()


6)模式匹配方法:match(本质上等同于调用RegExp的exec()方法

var text = "cat,bat,sat,fat";
var pattern = /.at/;
var matchs=text.match(pattern);//返回一个匹配的数组
alert(matchs[0]);//输出cat

7)替换子字符串replace(正则表达式或字符串,需要用来替换的字符串)

1)普通替换

      var text = "cat,bat,sat,fat";
      var result = text.replace(/.at/g,"word");
      alert(result);//输出word,word,word,word,匹配了所有的
2)将结果插入到某些字符串中
      var text = "cat,bat,sat,fat";
      var result = text.replace(/(.at)/g,"feng ($1)");
      alert(result);//输出feng(cat),feng(bat),feng(sat),feng(fat)

8)分割字符串方法:split();

基于指定的分隔符将一个字符串分割成多个子字符串,并将结果放在一个数组中。

var color = "red,blue,green,yellow";

var colors1 = color.split(",");//输出['red','blue','green','yellow'];

var colors2 = color.split(",",2)//输出['red','blue'];

var colors3 = color.split(/[^\,]+/);//分隔符也可以是FegExp对象


20.内置对象 Math

1)求数组最大值最小值

      //最基本的方式:Math.max(1,2,3)
      var values = [1,2,3,4,5,6];
      var max = Math.max(values);
  


 
  

2)舍入方法

Math.ceil():向上射入 25.6->26;25.1->26

Math.floor():向下舍入 25.4->25;25.9->25

Math.round():标准四舍五入 25.6->26

3)随机数Math.random(),返回一个【0,1)的一个随机数

1.从某个整数范围内随机选择一个值

var result = Math.floor(Math.random()*总数+第一个开始的数);//例如,2~9 Math.floor(Math.random()*9+2);

2.封装成方法:每次都从数组中随机抽出一个元素

      function selectForm(min,max){
        var total = max - min + 1;
        return Math.floor(Math.random()*total + min); 
      }
      var kings = ["曹魏","袁绍","公孙瓒","刘备","刘表","孙权","袁术","马腾","刘焉","孟获"];
      var the_winner = kings[selectForm(0,kings.length-1)];

21 BOM(浏览器对象模型)中的核心windows对象

1)作为ECMAScript的Global对象,所有在全局作用域中声明的变量、函数都会成为window对象的属性和方法
1.widnwo.top指向最外层框架

2.windwo.parent指向当前框架的直接上层框架

3.window.open()导航到一个特定的URL,
window.open("http://www.baidu.com","topFrame");
//等同于
 
  
有一个返回值,var wroxWin = window.open(),可以通过返回值调用移动大小、位置,关闭的函数来操作弹出窗口
2)定时调用
1.setTimeout:指定多长时间后调用函数,并可以取消执行
var timeoutId = setTimeout(function(){
        alert("hello world");
      },3000)
clearTimeout(timeoutId);
setTimeout(function(){alert("abc");},3000);
注:经过一段时间后也可能不会执行,因为JS是单线程的解释器,一段时间内只会执行一段代码。为了控制要执行的代码,就有一个JS任务队列,这些任务会按照将他们添加到队列的顺序执行。setTimeout()的第二个参数告诉JS多长时间吧当前人任务添加到队列中。如果队列为空,那么添加的代码会立刻执行,否则就要等前面的代码执行完毕后在执行

2..setInterval:指定多长时间再次调用该函数
      setInterval(function(){
        alert("hello world");
      },3000)
可以像setTimeout里一样去取消调用,常用的使用间歇调用的方法
      var num = 0;
      var max = 10;
      var intervalId = null;
      function increamentNumber(){
        num++;
        if(num == max) {
          clearInterval(intervalId);
          alert("Done");  
        }
      }
      intervalId = setInterval(increamentNumber,500);//通过跟踪超市调用ID在调用一定次数后取消调用
以上的函数可以用setTimeout来实现,此时不用跟踪超时调用ID

      var num = 0;
      var max = 10;
      function increamentNumber(){
        num++;
        if(num < max) {
          setTimeout(increamentNumber,500); 
        }else{
          alert("Done");
        }
      }
      setTimeout(increamentNumber,500);

3)系统对话框
系统对话框是同步和模态的,所以对话框关闭之前,代码会停止执行
1.alert()警告框

2.comfirm()确认框
     if(confirm("are your sure ?")){
      alert("OK")
     }else{
      alert("No")
     }

3.prompt提示框
      var result = prompt("What's your name ?","");
      if(result !== null ){
        alert("Welcome, "+result);
      }

4)location对象
提供了与当前窗口中加载的文档有关的信息,还提供了一些导航能力。

1.能够将URL解析为独立的片段
属性名 例子说明
hash#contests #号后面跟着的零活多个字符
hostwww.baiddu.com:80 返回服务器名称和端口号
hostnamewww.baidu.com 返回不带端口号的服务器名称
hrefhttp://www.baidu.com 返回当前加载页面的完整URL。location对象的toString()方法也返回这个值
port8080 端口号或空字符串
protocalhttp: 返回正在使用的协议http:或者https:

search?q=javascript 返回URL的查询字符串,这个字符串以问号开头
//解析URI中的查询字符串数组,如?q=javascript&num=0
    fucntion getQueryStringArgs(){
      //取得查询字符串并去掉开头的问号
       var qs = (location.search.length>0?location.search.substring(1):""),
       //保存数据的对象
       args = {},
       //保存每一项
       items = qs.length?qs.split("&"):[],
       item =null,
       name = null,
       value = null;

       var i = 0;
       len = items.length;

       for(i = 0;i

2.加载新的URL
url:http://www.baidu.com
替换成新的URL:window.location = "http://www.baidu1.com";
     location.href="http://www.baidu.com"浏览器的历史记录会生成一条新的纪录,所以使用回退,可以退到上一条记录
修改端口号:location.port=8088;(其他的类似location.xxx = ""xxxx")浏览器的历史记录会生成一条新的纪录,所以使用回退,可以退到上一条记录
不可回退的方式:location.replace("http://www.baidu2.com");

3.重新加载页面reload()
location.reload(true);//从服务器端重新加载
location.reload();//有可能从缓存中重新加载


4.histroy对象
保存着用户上网的历史记录,从窗口打开的那一刻算起
history.go(x);//前进x页
history.go(-x);//后退x页
history.go("baidu.com");//跳转到最近的baidu.com页面




22.DOM文档对象模型

是针对HTML和XML文档的一个API(应用程序编程接口)。描绘了一个层次化的节点树,允许开发人员操作页面的某一部分。节点之间的关系形成了层次,而所有页面标记则表现为一个以特定结点为根节点的树形结构,以HTML为例



  
    
    
  
  
  

JavaScript中所有的节点类型都继承自Node类型,每一个节点都有一个chileNodes属性,其中保存着一个NodeList对象。
var firstChild = someNode.childNodes[0];
var count = someNode.childeNodes.length



1)Document类型

1.JavaScript通过Document来表示文档类型,在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面,同时也是window对象的一个属性

document.body:获得标签属性

document.title:获得属性</span></p> <p><span style="font-size:18px;">document.URL:获得完整的URL(地址栏中显示的)http://www.baidu.com/test/</span></p> <p><span style="font-size:18px;">document.domain:获得网站域名www.baidu.com,通过将两个不同域页面的document.domain设置为同一个值,就可以实现通过JavaScript通信了</span></p> <p><span style="font-size:18px;">document.referrer:获得来源页面的URL</span></p> <p><span style="font-size:18px;">document.form:获得页面中所有的<form>标签</span></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;">2.查找元素</span></p> <p><span style="font-size:18px;">document.getElementById();//返回匹配名字的第一个元素或者null</span></p> <p><span style="font-size:18px;">对于<div id="a" class = "b">而言,var var div = document.getElementById("a"); alert(div.id);//输出a</span></p> <p><span style="font-size:18px;">document.getElementsByTagName();//返回的是包含零或者多个元素的NodeList,输出使用~[0].属性,如var images = ~("img");alert(~[0].src)</span><br></p> <p><span style="font-size:18px;">document.getElemtntsByName();//返回带有给定name特性的所有元素,特别适用于获得一组单选按钮<br></span></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;">2)操作技术</span></p> <p><span style="font-size:18px;">动态脚本、动态样式等等,都不如Jquery好使,略</span></p> <p><br></p> </div> <br> <p></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1275308659424903168"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(javascript一锅端,JavaScript,随手记)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1901642274744365056.htm" title="JavaScript松散比较与严格比较" target="_blank">JavaScript松散比较与严格比较</a> <span class="text-muted">hzw0510</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在JavaScript中,==(双等号)和===(三等号)都用于比较两个值,但它们的比较方式有显著区别。以下是它们的详细对比:1.==(双等号)名称:松散相等(LooseEquality)行为:在比较之前会尝试进行类型转换,将两个值转换为相同类型后再比较。示例:console.log(5=="5")</div> </li> <li><a href="/article/1901621217035612160.htm" title="学习Web3.0需要具备哪些基础知识?" target="_blank">学习Web3.0需要具备哪些基础知识?</a> <span class="text-muted">alankuo</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>学习Web3.0需要具备以下基础知识:一、计算机科学基础1.编程知识-了解至少一种编程语言,如Python、JavaScript等。这将有助于理解Web3.0应用程序的开发和智能合约的编写。-熟悉编程概念,如变量、数据类型、控制结构、函数等。2.数据结构和算法-掌握常见的数据结构,如数组、链表、栈、队列、树、图等,以及它们的操作和应用。-了解基本的算法,如排序、搜索、递归等,以及它们的时间和空间复</div> </li> <li><a href="/article/1901590963550220288.htm" title="Vue 路由 (vue-router) 详细总结" target="_blank">Vue 路由 (vue-router) 详细总结</a> <span class="text-muted">遇见~未来</span> <a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、传统web应用与单页面web应用1.1传统web应用传统web应用由多个HTML页面组成,页面切换时会重新加载整个页面,导致用户体验不够流畅,对服务器压力较大。1.2单页面web应用(SPA)单页面应用只有一个HTML页面,通过JavaScript动态更新页面内容,实现局部刷新,具有以下特点:用户体验好:响应性强,类似桌面应用的即时性。服务器压力小:服务器只需提供数据,不负责页面渲染。前后端分</div> </li> <li><a href="/article/1901558053023576064.htm" title="sequelize + Nodejs + MySQL 的简单用法" target="_blank">sequelize + Nodejs + MySQL 的简单用法</a> <span class="text-muted">小公鸡卡哇伊呀~</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>HowtoUseSequelizeORMinNodeJS-Tutorial1Sequlize简介Sequelize是最流行的可以与Nodejs一起使用的一种关系数据库ORM(Object-relationalmapping对象关系映射),Mongoose是MongoDB的ORM.Sequelize的作用,简单地说,就是避免在代码里写原生SQL语句,而是将这种语句改成JavaScript:不必再写类</div> </li> <li><a href="/article/1901552507281272832.htm" title="JavaScript 的 requestAnimationFrame" target="_blank">JavaScript 的 requestAnimationFrame</a> <span class="text-muted">小华0000</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在现代Web开发中,用户体验至关重要。动画作为用户交互的重要组成部分,如果处理不当,很容易出现卡顿、掉帧等问题,严重影响用户体验。幸运的是,JavaScript提供了一个强大的API:requestAnimationFrame(简称rAF),它为我们创建平滑、高效的动画提供了坚实的基础。本文将深入探讨requestAnimationFrame的原理、使用、高级技巧以及在实际项目中的应用,帮助你掌握</div> </li> <li><a href="/article/1901547084989919232.htm" title="Cesium在三维模型中的应用" target="_blank">Cesium在三维模型中的应用</a> <span class="text-muted">IT邦少</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%B4%B4%E5%9B%BE/1.htm">贴图</a> <div>Cesium在三维模型中的应用Cesium简介Cesium介绍Cesium是一个跨平台,跨浏览器的展示三维地球和地图的javascript库Cesium使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGLCesium是基于Apache2.0许可的开源程序,它可以免费的用于商业和非商业用途Cesium特点支持2D,2.5D,3D形式的地图展示可以绘制各种几何图形,</div> </li> <li><a href="/article/1901546453491314688.htm" title="Cesium-三维地球可视化应用" target="_blank">Cesium-三维地球可视化应用</a> <span class="text-muted">程序员_三木</span> <a class="tag" taget="_blank" href="/search/Web3d/1.htm">Web3d</a><a class="tag" taget="_blank" href="/search/webgl/1.htm">webgl</a><a class="tag" taget="_blank" href="/search/Three.js/1.htm">Three.js</a> <div>什么是CesiumJS?CesiumJS是一个强大的开源JavaScript库,用于构建高性能的3D地图和地球可视化应用。无论你是从事地理信息系统(GIS)开发、数据可视化,还是需要展示空间数据,CesiumJS都能提供灵活的解决方案。它以WebGL为核心,专注于大规模地理空间数据的实时渲染。CesiumJS是Cesium平台的核心部分,与Cesiumion等服务无缝集成,支持从数据管理到可视化的</div> </li> <li><a href="/article/1901543677889671168.htm" title="前端初学者,该如何开始学习?" target="_blank">前端初学者,该如何开始学习?</a> <span class="text-muted">四六的六</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a> <div>前端初学者,该如何开始学习?嗨,作为一个曾经的前端小白,现在也算是入门了,我特别理解刚开始学习前端时的迷茫,所以很愿意和你分享一下我的学习经验。刚开始的时候,得先搞清楚前端技术到底是啥。简单来说,前端就是咱们平常在浏览器里看到的网页那些东西。它主要由HTML、CSS和JavaScript三个部分组成。HTML(超文本标记语言):作为构建网页内容的基石,HTML以其独特的标签体系定义了网页的基本架构</div> </li> <li><a href="/article/1901539519086260224.htm" title="Cesium实时建筑物三维可视化与地理信息系统(GIS)" target="_blank">Cesium实时建筑物三维可视化与地理信息系统(GIS)</a> <span class="text-muted">OvzStream</span> <a class="tag" taget="_blank" href="/search/GIS/1.htm">GIS</a> <div>近年来,随着科技的不断发展,地理信息系统(GIS)和三维可视化技术在城市规划、建筑设计和地理空间分析中扮演着越来越重要的角色。在这篇文章中,我们将探讨如何利用Cesium库实现实时建筑物的三维可视化与GIS集成,为读者展示如何通过编写代码来实现这一功能。首先,我们需要了解Cesium是什么。Cesium是一个开源的JavaScript库,专门用于创建基于Web的地理信息系统应用程序。它提供了强大的</div> </li> <li><a href="/article/1901534852117753856.htm" title="前端初学者,有哪些适合的学习网站?" target="_blank">前端初学者,有哪些适合的学习网站?</a> <span class="text-muted">四六的六</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a> <div>对于前端初学者而言,选择合适的学习网站至关重要,以下是一些我知道的优质学习平台,在这里分享给大家:菜鸟教程:该网站以其简洁明了的界面设计和通俗易懂的教程内容而受到广大初学者的欢迎。其前端教程体系涵盖了前端开发的大量入门知识,包括HTML、CSS、JavaScript等基础技术,以及当前主流的前端框架和工具的使用方法,如Vue.js、React、Webpack等。教程内容的讲解方式深入浅出,注重从基</div> </li> <li><a href="/article/1901530187846184960.htm" title="Uncaught (in promise)" target="_blank">Uncaught (in promise)</a> <span class="text-muted">weixin_42601702</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>"Uncaught(inpromise)"的意思是"未捕获(在承诺中)",通常出现在使用JavaScript中的Promise对象时。它表示在一个Promise对象中发生了错误,但是没有被处理,也就是没有被"捕获"。这通常是由于没有正确处理Promise链中的异常而导致的。要解决此问题,可以在Promise链中使用catch()方法来捕获错误,并采取适当的措施来处理它们。另外,也可以使用try-c</div> </li> <li><a href="/article/1901485052462690304.htm" title="JavaScript 全面教程:从基础到高级实践" target="_blank">JavaScript 全面教程:从基础到高级实践</a> <span class="text-muted">幼儿园扛把子\</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScript全面教程:从基础到高级实践目录JavaScript全面教程:从基础到高级实践2.JavaScript基础语法2.1变量与数据类型2.1.1变量声明2.1.2数据类型2.2条件语句与循环2.2.1条件语句2.2.2循环2.3函数2.3.1函数定义2.3.2参数默认值3.对象与数组3.1对象3.2数组4.高级特性与最佳实践4.1作用域与闭包4.1.1闭包示例4.2事件循环(Even</div> </li> <li><a href="/article/1901482657225699328.htm" title="VUE前端实现防抖节流 Lodash" target="_blank">VUE前端实现防抖节流 Lodash</a> <span class="text-muted">2501_91133275</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>写在前面:兄弟们,我手里有个长期项目,考虑接私活的可以看看我GitHub!https://github.com/ccy-233/coder2retire方法一:采用Lodash工具库Lodash是一个一致性、[模块化]、高性能的JavaScript实用工具库。(1)采用终端导入Lodash库$npmi-gnpm$npmi--savelodash(2)应用示例:搜索框输入防抖在这个示例中,我们希望用</div> </li> <li><a href="/article/1901469039906058240.htm" title="【前端入门】应该了解和知道的几个国内外前端开发资源网站" target="_blank">【前端入门】应该了解和知道的几个国内外前端开发资源网站</a> <span class="text-muted">爱上大树的小猪</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>与大家分享一下几个国内外前端开发资源网站国际资源MDNWebDocs(MozillaDeveloperNetwork)用途:MDN是Web技术领域最全面的文档库之一,涵盖了HTML、CSS、JavaScript以及浏览器API等。链接:https://developer.mozilla.orgW3Schools用途:适合初学者学习Web技术,提供从基础到进阶的教程,同时还有在线练习环境。链接:ht</div> </li> <li><a href="/article/1901417223596077056.htm" title="深度解析前端面试八股文:核心知识点与高效应对策略" target="_blank">深度解析前端面试八股文:核心知识点与高效应对策略</a> <span class="text-muted">赵大仁</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>深度解析前端面试八股文:核心知识点与高效应对策略1.引言前端面试是每位开发者迈向职业进阶的重要环节,涉及HTML、CSS、JavaScript、性能优化、浏览器原理、网络、安全、框架(Vue/React)等核心知识点。本文不仅会覆盖前端面试的高频八股文,还会结合生动的案例,让你在面试时能够脱离死记硬背,从理解中突破!2.HTML&CSS高频考点2.1HTML语义化问题:什么是HTML语义化?为什么</div> </li> <li><a href="/article/1901412304969330688.htm" title="AJAX PHP:深入理解与实际应用" target="_blank">AJAX PHP:深入理解与实际应用</a> <span class="text-muted">wjs2024</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>AJAXPHP:深入理解与实际应用引言随着互联网技术的不断发展,前端与后端交互变得更加频繁。AJAX(AsynchronousJavaScriptandXML)和PHP(HypertextPreprocessor)作为两种流行的技术,在实现动态网页和应用程序方面扮演着重要角色。本文将深入探讨AJAXPHP的工作原理、应用场景以及实际开发中的注意事项。AJAXPHP概述AJAXAJAX是一种基于Ja</div> </li> <li><a href="/article/1901397799287713792.htm" title="selenium 等待ajax,如何等待Selenium IDE中的所有ajax请求完成?" target="_blank">selenium 等待ajax,如何等待Selenium IDE中的所有ajax请求完成?</a> <span class="text-muted">华西怀</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E7%AD%89%E5%BE%85ajax/1.htm">等待ajax</a> <div>我有一阵子没用过IDE。这是我用于WebDriver的。但算法翻译;JavaScript是JavaScript。这就是说,这取决于你的框架。对于角度,我用这个:publicbooleanwaitForAngularToLoad(WebDriverdriver,intwaitTimeInSeconds){WebDriverWaitwait=newWebDriverWait(driver,waitTi</div> </li> <li><a href="/article/1901344827505700864.htm" title="html css 笔记" target="_blank">html css 笔记</a> <span class="text-muted">小箌</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>01_浏览器相关知识五大主流浏览器:ChromeSafariIEFirefoxOpera(拥有自己的内核)四大内核:webkitTridentGeckoblink.02_网页相关知识构成网址网站网页网页标准:结构表现行为分别对应HTMLCSSJavaScript03_HTML简介HTML是什么译为:标记语言超文本:比普通的文本信息含量更多04_HTML初体验保存:Ctrl+S后缀:.html程序员</div> </li> <li><a href="/article/1901337635926896640.htm" title="JavaScript基础-对象的相关概念" target="_blank">JavaScript基础-对象的相关概念</a> <span class="text-muted">難釋懷</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在JavaScript编程中,对象(Object)是一个核心的概念,它几乎无处不在。无论是简单的键值对存储还是复杂的自定义数据结构,对象都提供了强大的功能来组织和操作数据。本文将介绍JavaScript中对象的基本概念、创建方法以及一些常见的操作技巧。一、什么是对象?在JavaScript中,对象是一种复合数据类型,它可以包含属性(properties),每个属性由一个键(key)和一个值(val</div> </li> <li><a href="/article/1901335618080796672.htm" title="网页制作12-html,css,javascript初认识のJavascipt脚本基础" target="_blank">网页制作12-html,css,javascript初认识のJavascipt脚本基础</a> <span class="text-muted">Ama_tor</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E4%B8%93%E6%A0%8F/1.htm">网页制作专栏</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>一、JavaScript的三种基本使用方法:body|head|外部网页效果:运行代码:.html无标题文档functionn1(){document.getElementById("ama01").innerHTML="NO.3这是head中的JavaScript函数";}document.write("NO.1HELLOWORLD")//Document要小写NO.2这是body中的JavaS</div> </li> <li><a href="/article/1901290481229295616.htm" title="基于python+mysql+vue的医院门诊管理系统" target="_blank">基于python+mysql+vue的医院门诊管理系统</a> <span class="text-muted">自不量力的A同学</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>主要使用技术环境需要1.运行环境:python3.82.IDE环境:pycharm+mysql5.73.数据库工具:Navicat154.硬件环境:windows10/118G内存以上;或者MacOS;5.数据库:MySql5.7版本;技术栈后端:python+django前端:vue+CSS+JavaScript+jQuery+antdesign代码结构server目录是后端代码web目录是前端</div> </li> <li><a href="/article/1901269015850971136.htm" title="COMP 315: Cloud Computing" target="_blank">COMP 315: Cloud Computing</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Assignment1:JavascriptCOMP315:CloudComputingforE-CommerceFebruary20251IntroductionAcommontaskwhenbackendprogrammingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorinco</div> </li> <li><a href="/article/1901262965273849856.htm" title="COMP 315: Cloud Computing" target="_blank">COMP 315: Cloud Computing</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Assignment1:JavascriptCOMP315:CloudComputingforE-CommerceFebruary20251IntroductionAcommontaskwhenbackendprogrammingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorinco</div> </li> <li><a href="/article/1901253793597681664.htm" title="nodejs 010:Webpack 可视化分析插件 webpack-bundle-analyzer的使用" target="_blank">nodejs 010:Webpack 可视化分析插件 webpack-bundle-analyzer的使用</a> <span class="text-muted">FakeOccupational</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%8C%96%26amp%3B%E6%9E%B6%E6%9E%84/1.htm">服务化&架构</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>安装yarnadd--devwebpack-bundle-analyzer原始webpack.config.jswebpack.config.js代码定义了Webpack的配置,主要任务是将JavaScript和CSS文件打包,并将CSS提取到单独的文件中,配置了对Electron应用的支持,同时还将React相关的模块映射到Preact,以减小打包体积。//引入Node.js的path模块,用于</div> </li> <li><a href="/article/1901240934947942400.htm" title="Web 开发都需要学什么?" target="_blank">Web 开发都需要学什么?</a> <span class="text-muted">Duiz33237</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>Web开发是指开发和构建用于互联网的网站和应用程序的过程。它涉及使用各种编程语言、框架和技术来创建功能丰富、用户友好的网站和应用程序。常见的web开发技术包括HTML、CSS和JavaScript。HTML用于创建网页的结构,CSS用于样式和布局,而JavaScript用于实现交互和动态效果。此外,还有许多其他的编程语言和框架,如Python、PHP、Ruby、React、Angular等,用于开</div> </li> <li><a href="/article/1901216983299452928.htm" title="Javascript基础语法详解" target="_blank">Javascript基础语法详解</a> <span class="text-muted">Warren98</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>面向对象的语言.脚本语言,不需要编译,浏览器解释即可运行.用于控制网页的行为.浏览器的source可以打断点调试,console输入代码可以执行usestrict指令:在“严格模式”下运行js代码,防止意外创建全局变量等,提高代码安全性和执行效率.使用:全局严格模式:在脚本的开头添加"usestrict".函数级严格模式:在函数的开头添加"usestrict":functionmyFunction</div> </li> <li><a href="/article/1901179407100342272.htm" title="《恐龙餐厅菜单页面代码说明文档》" target="_blank">《恐龙餐厅菜单页面代码说明文档》</a> <span class="text-muted">欣然~</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一、整体概述此HTML文件构建了一个恐龙餐厅的菜单页面,用户能够浏览菜品、将菜品添加到购物车,并进行支付操作。页面运用HTML搭建结构,CSS进行样式设计,JavaScript实现交互功能。二、HTML结构1.文档头部()html恐龙餐厅菜单/*CSS样式代码*/:声明文档类型为HTML5。:指定文档语言为中文(中国大陆)。:设置字符编码为UTF-8,确保中文等字符能正确显示。:让页面在不同设备上</div> </li> <li><a href="/article/1901167421163630592.htm" title="前端大屏触摸签名实现" target="_blank">前端大屏触摸签名实现</a> <span class="text-muted">风无雨</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>参考:JavaScript实现手写签名,可触屏手写,支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文,绘制初始矩形,设置高度宽度,初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst</div> </li> <li><a href="/article/1901166286323380224.htm" title="华为OD机试 - 最长回文字符串(C++ Java JavaScript Python)" target="_blank">华为OD机试 - 最长回文字符串(C++ Java JavaScript Python)</a> <span class="text-muted">YOLO大师</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a> <div>题目描述如果一个字符串正读和反渎都一样(大小写敏感),则称它为一个「[回文串],例如:leVel是一个「回文串」,因为它的正读和反读都是leVel;同理a也是「回文串」art不是一个「回文串」,因为它的反读tra与正读不同Level不是一个「回文串」,因为它的反读leveL与正读不同(因大小写敏感)给你一个仅包含大小写字母的字符串,请用这些字母构造出一个最长的回文串,若有多个最长的,返回其中字典序</div> </li> <li><a href="/article/1901073741278932992.htm" title="Node.js--exports 对象详解:用法、示例与最佳实践" target="_blank">Node.js--exports 对象详解:用法、示例与最佳实践</a> <span class="text-muted">还是鼠鼠</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a> <div>目录1.exports对象介绍2.基础示例:使用exports导出对象文件名:math.js(JavaScript)3.在另一个文件中使用require进行导入文件名:app.js(JavaScript)4.运行程序5.exports的限制6.其他exports使用方式示例1:导出单个函数示例2:导出类7.结论1.exports对象介绍在Node.js中,exports是module.export</div> </li> <li><a href="/article/47.htm" title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>Win7 下如何配置java环境变量 1。准备jdk包,win7系统,tomcat安装包(均上网下载即可) 2。进行对jdk的安装,尽量为默认路径(但要记住啊!!以防以后配置用。。。) 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs</div> </li> <li><a href="/article/174.htm" title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>        在工作中调另一个系统的SDK包,出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div> </li> <li><a href="/article/301.htm" title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>原题链接:#136 Single Number 要求: 给定一个整型数组,其中除了一个元素之外,每个元素都出现两次。找出这个元素 注意:算法的时间复杂度应为O(n),最好不使用额外的内存空间 难度:中等 分析: 题目限定了线性的时间复杂度,同时不使用额外的空间,即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n,故将数组中的每个元素进</div> </li> <li><a href="/article/428.htm" title="qq登陆界面开发" target="_blank">qq登陆界面开发</a> <span class="text-muted">15700786134</span> <a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a> <div>今天我们来开发一个qq登陆界面,首先写一个界面程序,一个界面首先是一个Frame对象,即是一个窗体。然后在这个窗体上放置其他组件。代码如下: public class First {         public void initul(){        jf=ne</div> </li> <li><a href="/article/555.htm" title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>在早期我们使用源代码的方式来安装软件时,都需要先把源程序代码编译成可执行的二进制安装程序,然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装,这个复杂而艰辛的过程。为简化安装步骤,便于广大用户的安装部署程序,程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包,提供给大家下载,我们只需要根据自己的</div> </li> <li><a href="/article/682.htm" title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a> <div>java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div> </li> <li><a href="/article/809.htm" title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>废话不多说,直接上代码,很简单 配置一下项目启动就行 1,web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h</div> </li> <li><a href="/article/936.htm" title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a> <div>原文地址: http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中,我们常常用树形结构来表征某些数据的关联关系,如企业上下级部门、栏目结构、商品分类等等,通常而言,这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库,都是以二维表的形式记录存储数据信息,</div> </li> <li><a href="/article/1063.htm" title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI</div> </li> <li><a href="/article/1190.htm" title="java IO操作 与 File 获取文件或文件夹的大小,可读,等属性!!!" target="_blank">java IO操作 与 File 获取文件或文件夹的大小,可读,等属性!!!</a> <span class="text-muted">百合不是茶</span> <div>类 File File是指文件和目录路径名的抽象表示形式。 1,何为文件: 标准文件(txt doc mp3...) 目录文件(文件夹) 虚拟内存文件   2,File类中有可以创建文件的 createNewFile()方法,在创建新文件的时候需要try{} catch(){}因为可能会抛出异常;也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div> </li> <li><a href="/article/1317.htm" title="Spring注入有继承关系的类(2)" target="_blank">Spring注入有继承关系的类(2)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>被注入类的父类有相应的属性,Spring可以直接注入相应的属性,如下所例:1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu</div> </li> <li><a href="/article/1444.htm" title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a> <div>        很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人</div> </li> <li><a href="/article/1571.htm" title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>Velocity出现的目的用于简化基于MVC的web应用开发,用于替代JSP标签技术,那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础,      POJO    package com.tom.servlets; public</div> </li> <li><a href="/article/1698.htm" title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>什么是Hive数据倾斜问题   操作:join,group by,count distinct 现象:任务进度长时间维持在99%(或100%),查看任务监控页面,发现只有少量(1个或几个)reduce子任务未完成;查看未完成的子任务,可以看到本地读写数据量积累非常大,通常超过10GB可以认定为发生数据倾斜。 原因:key分布不均匀 倾斜度衡量:平均记录数超过50w且</div> </li> <li><a href="/article/1825.htm" title="在nginx中集成lua脚本:添加自定义Http头,封IP等" target="_blank">在nginx中集成lua脚本:添加自定义Http头,封IP等</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a> <div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言,从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器,但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站,我们不希望爬虫抓取子域名的页面,降低我们的Page rank。 location /{</div> </li> <li><a href="/article/1952.htm" title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述: 输入一个整形数组,数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,</div> </li> <li><a href="/article/2079.htm" title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象,而不需要相应的encoder: //pipeline(没有诸如“FileRegionEncoder”的handler): public ChannelPipeline ge</div> </li> <li><a href="/article/2206.htm" title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a> <div>Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js </div> </li> <li><a href="/article/2333.htm" title="单例模式" target="_blank">单例模式</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>第一种(懒汉,线程不安全): public class Singleton {   2     private static Singleton instance;   3     pri</div> </li> <li><a href="/article/2460.htm" title="spring+websocket的使用" target="_blank">spring+websocket的使用</a> <span class="text-muted">dalan_123</span> <div>一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or</div> </li> <li><a href="/article/2587.htm" title="细节问题:ZEROFILL的用法范围。" target="_blank">细节问题:ZEROFILL的用法范围。</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 1、zerofill把月份中的一位数字比如1,2,3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day</div> </li> <li><a href="/article/2714.htm" title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a> <div>Activity跳转与传值,主要是通过Intent类,Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla</div> </li> <li><a href="/article/2841.htm" title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a> <div>转自博客:http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div> </li> <li><a href="/article/2968.htm" title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>要在应用程序中操作GPS开关需要权限: <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错,无法再eclipse里面正常编译,怎么办? 1、方法一:将项目放到Android源码中编译; 2、方法二:网上有人说cl</div> </li> <li><a href="/article/3095.htm" title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a> <span class="text-muted">zhiquanliu</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a> <div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div> </li> <li><a href="/article/3222.htm" title="如何看待一些知名博客推广软文的行为?" target="_blank">如何看待一些知名博客推广软文的行为?</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a> <div>本文来自我在知乎上的一个回答:http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态: 当初求种像条狗,如今撸完嫌人丑 当初搜贴像条犬,如今读完嫌人软 你为啥感觉不舒服呢? 难道非得要作者把自己的劳动成果免费给你用,你才舒服? 就如同 Google 关闭了 Gooled Reader,那是</div> </li> <li><a href="/article/3349.htm" title="sql优化总结" target="_blank">sql优化总结</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>为了是自己对sql优化有更好的原则性,在这里做一下总结,个人原则如有不对请多多指教。谢谢!   要知道一个简单的sql语句执行效率,就要有查看方式,一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div> </li> <li><a href="/article/3476.htm" title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a> <span class="text-muted">超声波</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.linux更改主机名   (1)#hostname oracledb    临时修改主机名 (2) vi /etc/sysconfig/network   修改hostname (3) vi /etc/hosts        修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 (注意操作的顺序应该是先监听,后数据库实例) &nbs</div> </li> <li><a href="/article/3603.htm" title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a> <span class="text-muted">superlxw1234</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a> <div>  具体说明及示例参 见附件文档。     文档目录:   目录 一、关系运算: 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5</div> </li> <li><a href="/article/3730.htm" title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a> <div>4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>