色即是猫
色即是猫

JS旧笔记

页面自动执行（加载）js的几种方法

一、JS方法

1.最简单的调用方式，直接写到html的body标签里面：

   

2.在JS语句调用：

　　functionmyfun() 

{ 　　 alert("this window.onload"); 　　} 　　/*用window.onload调用myfun()*/

window.onload = myfun;//不要括号

3。

window.onload=function(){

func1();

func2();

func3(); }

二、JQ方法

1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。

1window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 };

2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。

1$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

还有一种简写方式

1$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 }


鼠标放上去小图显示大图

2013-03-11 14:37:55|  分类：

test

 

 

 

 

 


自己写的一个通用IE、FF居中的弹出框

function pupopen(pupoid,boxwidth){

document.getElementById(pupoid).style.display="block" ;

if(boxwidth != null){

document.getElementById(pupoid).style.width=boxwidth+"px";

}

var myhight = document.getElementById(pupoid).offsetHeight;

var mywidth = document.getElementById(pupoid).offsetWidth;

document.getElementById(pupoid).style.left = (document.documentElement.clientWidth-mywidth)/2+document.documentElement.scrollLeft+"px";

document.getElementById(pupoid).style.top  = (document.documentElement.clientHeight-myhight)/2+document.documentElement.scrollTop+"px";

//alert(document.documentElement.clientWidth/2);

}

function pupclose(closeid){

document.getElementById(closeid).style.display="none" ;

}


IE和FF中js获取页面高度与宽度的对比

在做web前端开发的时候，我们经常要用JavaScript获取页面的高度和宽度，但在不同的浏览器下获取的方法又不一样，或者说方法一样，但因为IE和FF对web标准的不同实现，同样的方法两浏览器得到的是不同的高度或者宽度。下面就对IE和FF中js获取页面高度与宽度做下对比：

1、window.screen.width/.height： 显示器大小(IE和FF通用)1440 * 900 –> 和浏览器是否全屏无关

2、document.documentElement.clientHeight /clientWidth： 浏览器可视窗口大小(IE和FF通用)：该值不受样式表制约，只会随浏览器窗口大小变化。这和document.body.clientWidth 不一样。

3、document.body.clientHeight : 文档高度(IE和FF通用)：和上面一样，只是取值对象改为BODY，当BODY中无内容时，IE下为18，FF为0.当有内容时，则IE值=FF值，此值和BODY中的内容有关，是所有元素高度的总和

4、document.body.clientWidth : 文档宽度(IE和FF通用，FF会比IE取得值多2PX左右)：如IE 1440，FF：1442，此值和BODY中内容无关，但和样式有关，如在样式定义body{width:98px}，则此值为98，当浏览器大小改变时，如不是全屏，此值也会跟着变化。

3、document.documentElement.scrollLeft/scrollTop ：页面滚动后的左侧/顶端位置(IE和FF通用)。

4、document.documentElement.scrollHeight / scrollWidth : 获取对象的滚动高/宽度(IE和FF通用但有差别) IE/FF差别在于当body总高度小于浏览窗口可见区高度时，IE的scrollHeight值为body实际高度，而FF为浏览器可见区的高度。如果body高度大于浏览器可见区，则二者没什么差别。

5、document.documentElement.offsetHeight / offsetWidth : 获取对象相对于版面或由父坐标offsetParent 属性指定的父坐标的宽/高度.(和上面功能类似且IE/FF通用，但差别正好相反) offsetHeight是指浏览器可见区的高度，而offsetWidth是指浏览器宽度，差别在于当body总高度低于浏览窗口可见区高度时，IE的 offsetHeight值仍为浏览器可见区的高度,而FF为body实际高度。如果body高度大于浏览器可见区，则二者没什么差别。

注、document.body.offsetHeight 和 document.body.offsetWidth :这对和上面不同，对象为body，在FF/IE下的值都是body的高和宽。不受浏览器可视区影响。

另外，当CSS有对BODY的宽做限制时，这时如果页面有一个div的宽超过这个值，则IE的document.body.clientWidth和offsetWidth等于那个DIV的宽，但FF则仍然保留CSS中对body宽界定的值。

并且要注意的是：如果没有在CSS中对body定义了 body{margin:0px;width:1239px}，而这时有一个div的值超过了屏幕大小，比如1600px;那么在IE 中，document.body.offsetWidth/clientWidth或用document.documentElement等等都可以取到 body实际宽值为那个DIV的宽度，而FF则不论用什么，body值都是浏览器可视区的大小，不会按那个div的宽来计算。

这时要用document.documentElement.scrollWidth（不能用body）来做为文本的宽度测量。而浏览器的可视宽度测量用document.documentElement.clientWidth。如下：

function BrowserAndIEwidth() {

var str2=”

bodyWidth = document.documentElement.scrollWidth //这里不能用document.body.

BrowserWidth = document.documentElement.clientWidth

str1 = ‘ BODY的实际宽度 = ‘ +bodyWidth+’，浏览器可视宽度 = ‘+BrowserWidth

if (bodyWidth>BrowserWidth){

str2 = ‘body超过了浏览器的宽度！’

}

alert(str1+’\n’+str2);

}

//此函数在IE下当body内容未超范围时，并且用overflow=”auto”设置过后，取值会不准。

或者分开取值更好：如下函数即为取得当前页面的高度：

function(){

if (window.innerHeight && window.scrollMaxY) { //FF

yScroll = window.innerHeight + window.scrollMaxY;

} else if (document.body.scrollHeight > document.body.offsetHeight){ //IE

yScroll = document.body.scrollHeight;

} else {yScroll = document.body.offsetHeight;}

return yScroll;

}

6、offsetLeft:获取对象相对于版面或由offsetParent 属性指定的父坐标的计算左侧位置

7、offsetTop:获取对象相对于版面或由offsetTop 属性指定的父坐标的计算顶端位置

以下仅为IE或FF部分适用：

8、window.pageXOffset/pageYOffset: 页面滚动后的顶端位置(仅FF适用，建议用document.documentElement.scrollLeft/scrollTop)。

9、window.innerWidth /innerHeight: 浏览器可视区的大小,即不含浏览器菜单、工具栏(仅FF适用，建议用document.documentElement.clientHeight)，改变浏览器大小，此值也会改变

10、event.offsetY / .offsetX ：(仅IE适用)光标指针相对于发生事件的对象的左上角的位置，也就是把事件发生区的DIV或TABLE等元素左上角当做坐标的0，0开始计算。

11、event.clientX / .clientY ：(仅IE适用)与offsetX不同，clientX是从body窗口左上角开始计算。

12、在IE下的 event.x 等于FF中的event.pageX

13、window.scrollMaxX /window.scrollMaxY ：最大可滚动的值。仅FF可用。

应用举例：

1、当body的宽度没有受CSS样式表限制时，如没有规定body{width:863px}：则

document.body.clientWidth = document.documentElement.scrollWidth

反之当有限制时，则IE的document.documentElement.scrollWidth仍然等于document.body.clientWidth，但FF则document.documentElement.scrollWidth=浏览器窗口可视区


jquery学习笔记

//所有样式名为XX的容器隐藏

$(".样式名").hide();

//所有id名为XX的div下面所有样式名为XX的容器显现

$("div#id名字").find(".样式名").show();


//所有div下面的span的样式名为XX的全部删除XX这个样式

 $("div").find("span").removeClass("样式名");


//所有id名为XX的div下面所有的span增加样式名为XX的样式

$("div#id名字").find("span").addClass("span_on");


jquery 判断表单为空

$(document).ready(function() {

$("form").submit(function(){

if ($("input[name='lang_type']").val() == ""){

alert("Problem can not be empty！");

$("input[name='lang_type']").focus();

return false;

}

if ($("input[name='todolist']").val() == ""){

alert("Answer can not be empty！");

$("input[name='todolist']").focus();

return false;

}

if ($("input[name='password']").val() == ""){

alert("New password can not be empty！");

$("input[name='password']").focus();

return false;

}

if ($("input[name='passwords']").val() == ""){

alert("Confirm password can not be empty！");

$("input[name='passwords']").focus();

return false;

}

if ($("input[name='password']").val() != $("input[name='passwords']").val()){

alert("The passwords you entered do not match. ");

$("input[name='passwords']").focus();

return false;

}


});

});



php+ajax的一个简单小例子

2012-06-09 22:19:58|  分类：

HTML部分：

邮箱是：

实现的javascript部分：

返回值的PHP页mail.php

$email = $_GET["email"];

if ($email == "") {

 $email = "rrrrrrrrrrrrrrrrrr !";

}

echo ($email);

exit(0);

?>

为了让页面在更改的时候保持刷新，可以在php中添加下面代码

header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" );

header( "Cache-Control: no-cache, must-revalidate" );

header( "Pragma: no-cache" );

用Javascript删除HTML元素 .

2012-05-09 17:17:58|  分类：

var   div   =   document.getElementById("DivId");

div.style.display   =   "none";   //隐藏而不删除

div.parentNode.removeChild(div);   //删除

用removeChild方法，找到该元素的父对象,调用parentObject.removeChild方法。：

 

父对象元素 

         

把这个垃圾删除!
 

 

 

 

JS遇到的问题收集

// JScript 文件

//////////////////////////////

//                         //

// 获取url中的参数值      //

//                       //

//                      //

/////////////////////////

//获取url中的参数值function getUrlParam(url, param)

{

var re = new RegExp("(\\\?|&)" + param.toLowerCase() + "=([^&]+)(&|$)", "i");

var m = url.toLowerCase().match(re);

if (m)

return m[2].replace("#","");

else

return '';

}

//////////////////////////////

//                         //

// 通用隐藏               //

//                       //

//                      //

/////////////////////////

function showit(showid){

if (document.getElementById){

target=document.getElementById(showid);

if (target.style.display=="block"){

target.style.display="none";

} else {

target.style.display="block";

}

}

}

//////////////////////////////

//                         //

// 一个控制多个元素的方法 //

//                       //

//                      //

/////////////////////////

function menu(manageid)

{

var divId=document.getElementById("menu").getElementsByTagName("a");

for(i=0;i

divId.className="color3";

}

document.getElementById(manageid).className="menu_on";

}

///////////////////////////

//                      //

// 一个好用的全选      //

//                    //

//                   //

//////////////////////

function checkall(isCked)

{

var ck=document.getElementsByTagName("input");//意思是找到页面上所有 节点

for(var i=0 ;i

{

if(ck[i].type=="checkbox")

{

ck[i].checked=(isCked=="selectAll")? true :(!ck[i].checked);

//? : 的语法解释如果 (isCked=="selectAll") 是真就返回 : 之前的 "true" ，是假就返回 :之后的(!ck[i].checked)； ？ 与 ： 的用法其实是、if else 的简写（j#写法）this.Txt_Name.Text = (this.Txt_NO.Text=="SB")? "星星" : "月亮";(C#写法)

}

}

}

//全选checkall('selectAll')，取消全选checkall()

///////////////////////////

//                      //

// 控制框架的js        //

//                    //

//                   //

//////////////////////

function closeleft(){

var menu=window.parent.document.getElementsByTagName("frameset")[1];

if(menu.cols=="20,*"){

menu.cols="200,*" ;

}

else{menu.cols="20,*" ;}

}

///////////////////////////

//                      //

// 写入预定的容器方法  //

//                    //

//                   //

//////////////////////

var sms1 = "内容";

document.getElementById(容器).innerHTML=sms1;

///////////////////////////

//                      //

// 取得div的高         //

//                    //

//                   //

//////////////////////

var hh = document.getElementById(id).offsetHeight;

document.getElementById(id).clientHeight


///////////////////////////

//                      //

// 一般连接方法        //

//                    //

//                   //

//////////////////////

返回指定页

response.write "" & chr(13)

response.write "alert('些类型还没有产品！');" & Chr(13)

response.write "window.document.location.href='News_Manage.asp';"&Chr(13)

response.write "" & Chr(13)

Response.End

返回上一页

Response.Write("alert(""错误：您没输入网站名称，请返回检查！！"");history.go(-1);")

<%do while not myrs.eof and not myrs.bof

tmp_str =tmp_str&myrs("Email")&","

myrs.movenext

loop %>

">

连接返回上一页

返回注册

">删除

限定时间跳转

setTimeout("location.href='login.asp'",3000)

页面定时刷新

返回上一页并刷新

response.redirect Request.ServerVariables("HTTP_REFERER")

///////////////////////////

//                      //

// 检查用户名是否注册  //

//                    //

//                   //

//////////////////////

var xmlobj;                                     //定义XMLHttpRequest对象

function CreateXMLHttpRequest()

{

if(window.XMLHttpRequest)

{//Mozilla浏览器

xmlobj=new XMLHttpRequest();

if(xmlobj.overrideMimeType)

{//设置MIME类别

xmlobj.overrideMimeType("text/xml");

}

}

else if(window.ActiveXObject)

{                     //IE浏览器

try

{

xmlobj=new ActiveXObject("Msxml2.XMLHttp");

}

catch(e)

{

try

{

xmlobj=new ActiveXobject("Microsoft.XMLHttp");

}

catch(e)

{

}

}

}

}

function Validate()                             //主程序函数

{

CreateXMLHttpRequest();                     //创建对象

var showurl = "register_check.php?username=" + document.getElementById ("myname").value;                                    //构造URL

xmlobj.open("GET", showurl, true);          //调用validate.php

xmlobj.onreadystatechange = StatHandler;    //判断URL调用的状态值并处理

xmlobj.send(null);                          //设置为不发送给服务器任何数据

}

function StatHandler() {                         //用于处理状态的函数

if(xmlobj.readyState == 4 && xmlobj.status == 200)  //如果URL成功访问，则输出网页

{

//document.getElementById("mynameSms").innerHTML=xmlobj.responseText ;//替换，即输出结果。

var txt = document.getElementById("myname").value;

if (txt.length > 20) {

document.getElementById("mynameSms").style.display = "inline-block";

document.getElementById("mynameSms").innerHTML=sms1;

}

else {

document.getElementById("mynameSms").style.display = "inline-block";

document.getElementById("mynameSms").innerHTML=sms1;

}

}

}

//检查用户名是否注册　end/////////////////////////////////////

///////////////////////////

//                      //

// 定时触动事件        //

//                    //

//                   //

//////////////////////

function dochg(){

document.getElementById("testId").value = "test"

}

setTimeout("dochg()",1000)

///////////////////////////

//                      //

// 判断IE或者是其它    //

//                    //

//                   //

//////////////////////

if($.browser.msie)  // IE浏览器 

onpropertychange文本值改变时触动

你可能感兴趣的:(JS旧笔记)

  • 游“杜陵” 海阔魚翔
    杜陵杜陵位于西安市三兆村南，陵区南北长约4公里，东西宽约3公里。是西汉后期宣帝刘询的陵墓。陵墓所在地原来是一片高地，潏、浐两河流经此地，汉代旧名"鸿固原"。宣帝少时好游于原上，他即帝位后，遂在此选择陵地，建造陵园。杜陵遗址是许多人熟悉又陌生的地方。我虽在西安居多年，但一直没能前往，今天有兴同北京来的一位文化学者，李老师一起前往去了解一下它的前世今生和发展规划。这里是全国文物重点保护单位，全国100
  • 一枝潇洒 水笔仔o12530
    花犯粉墙低，梅花照眼，依然旧风味。露痕轻缀，疑净洗铅华，无限佳丽。去年胜赏曾孤倚。冰盘同燕喜更可惜，雪中高树，香篝熏素被。今年对花最匆匆，相逢似有恨，依依愁悴。吟望久，青苔上、旋看飞坠。相将见、翠丸荐酒，人正在、空江烟浪里。但梦想、一枝潇洒，黄昏斜照水。
  • CesiumJS+SuperMap3D.js混用实现通视分析 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • 决胜b端 | 读书笔记01-03章 一白学习录
    C端与B端产品的区别：B端产品经理应具备的能力：1、逻辑思维与抽象能力：基于对业务的透彻理解，把现实世界的复杂场景抽象成结构性的系统和模块，将现实世界的抽象运转机制提炼成规律。2、技术知识储备3、复杂项目管理能力4、业务与经营管理知识B端产品经理的职业发展方向：1、产品设计：B端产品经理可以从某一个细分的产品方向做起，逐步延伸到一条或多条业务线的设计。在一个方向打牢根基，同时关注新的动态，抓住机遇
  • 2022年技术胖私藏工具分享 300+编程实用工具 wudongyu
    2022年技术胖私藏工具分享300+编程实用工具Javascript工具Underscore.js一套完善的函数式编程的接口，更方便地在JavaScript中实现函数式编程https://underscorejs.org/fastclick用于消除物理点击和click移动浏览器上事件触发之间的300毫秒延迟https://github.com/ftlabs/fastclickLodash一致性、模
  • 文字输出：大脑运作的核动力 观博家旺仔
    关于文字对于思考的意义，是自己写过很多字后，慢慢的浮现到眼前的。一、记录思维来催化思考：(无笔记不思考)①记录开始就是思考的开始，督促大脑不能总找借口偷闲，迅速进入思考状态很重要。②免去频繁回溯上一步的思考(内容)，保持流畅的思考进度。(让思考时就单纯的思考)③通过记录思考的结构，帮助自己关注结构化的思考，以达到更全面和完善。④抓住瞬间大脑的灵感，绝对是笔记的拿手好戏，否则那些灵感只能是流星一般划
  • 微信小程序使用canvas画图保存图片到手机相册 岩岩很哇塞！ 微信小程序微信小程序小程序canva可画
    微信小程序要实现使用canvas绘制一个图，然后保存到手机相册**最终效果：**实现生成以下图片一、初始化canvas//wxml页面设置canvas标签//js页面初始化canvasdata:{ctx:'',details:'',windowW:375*3,windowH:265*3,ratio:3,showCanvas:false},onLoad(options){this.setData({
  • 线上学习的反思 46579528ae9a
    这几天由新冠肺炎突如其来，我们只能呆在家，也只能默默祝愿着这场病毒能早点结束，由此也开始了我们的线上学习生活。在第一天网络直播课堂，我非常的兴奋，早早就起了床，第一天就精神饱满，笔记很认真在做，到第二天的时候，我发现有的时候闹钟都叫不醒来我，最后还是我妈把我叫醒，虽然在听课，有时还会走神。所以我以后的学习能做到如下：上课好好听讲，做全笔记，不会就问，多多交流。仅仅这三点概括了我所有想说的，并且通过
  • 蜕变(32) 一介俗人十六
    第二天，她接着去吊水，没有去店里，经理打来电话，说了一会，但林曦这次决定还是听医生的，毕竟未来开店，身体是根本。就没去店里。吊完水从医院回来，她去了网吧，在网上查了很多这种在职的中大专的学校，一边查，一边打电话咨询，认真的做了这些学校的比较的笔记。第三天，感觉精神确实好多了，头也不怎么疼了，这一天吊完水，她接着去了网吧，一边比较，一边和秦月沟通，最终选择了一家本市的在职的中大专的学校，选了酒店管理
  • java ajax_Java Ajax入门 孤独患喆 javaajax
    接下来整理一下Ajax相关的内容，AJAX(asynchronousjsandxml)，即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。同步和异步同步和异步的主要区别如下；(1)同步：一个响应结束后才能发送下一个请求，页面在请求期间不能做其他事情。(2)异步：不
  • js进阶第二天 LIT乐言
    一、水平滚动条和垂直滚动条Snip20161124_1.png1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：**滚动条的长度/盒子的长度=盒子的长度/内容的长度**滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：**
  • JavaScript 基础 - 第15天 +码农快讯+ JavaScript学习笔记javascript前端开发语言
    文章目录JavaScript基础-第15天深浅拷贝浅拷贝深拷贝通过JSON序列化实现js库lodash实现深拷贝通过递归实现深拷贝异常处理throwtry...catchdebugger处理this改变thiscallapplybindthis指向性能优化防抖（debounce）手写防抖函数节流（throttle）手写节流函数JavaScript基础-第15天深浅拷贝浅拷贝浅拷贝：把对象拷贝给一个
  • pnpm解說 白总Server 服务器kubernetes网络运维云原生pythonjava
    pnpm（PerformanceNodePackageManager）是一个高性能的Node.js包管理器，它旨在解决npm和yarn在处理依赖关系时可能遇到的一些问题，如重复安装相同版本的包、包的存储空间占用过大等。pnpm使用了一种称为“硬链接”和“符号链接”的文件系统技术，这使得它能够以更高效的方式存储和管理依赖项。关键特点：高效存储：pnpm使用一种称为内容可寻址存储（ContentAdd
  • 显卡新拐点，涨价或成必然！2019下半年如何选购笔记本？ 笔点酷玩
    电脑硬件的售价经常浮动，普通消费者完全无法摸透。这是一场持久战，你需要一颗强劲的心脏，以及一些超出预算的资金，降价还好办，万一涨价呢？比如近大半年内存、SSD的持续降价，不少装机人已经沉浸在历史舒适区难以自拔，ddr266616GB已从千元降至500价位段，ddr432008GB也能二百多入手，很难想象1年前还要600入手。除了内存和SSD，处于“换代”的显卡同样带来香甜价格，比如RX5808GB
  • js的书写位置和css的书写位置的区别？为什么要这样写？ 李是啥也不会 javascriptcss开发语言
    JavaScript和CSS的书写位置有以下区别：CSS通常写在标签中，或者在外部样式表文件中（）。CSS主要用于控制页面的视觉样式和布局，通常在HTML文件的部分引入，以确保在页面渲染时样式已经加载完毕，从而避免样式闪烁。JavaScript通常写在标签中，或者在外部脚本文件中（）。JavaScript用于添加页面的动态行为和交互。一般建议将JavaScript放在HTML文件的末尾（标签之前）
  • 《买书记历》读书笔记 歪嘴文说
    《买书记历》本书以作者及他身边爱书人，准确说是“爱淘书”的人，来记叙他们当年的“淘书”经历。淘旧书，缺本，古书，罕书，有价值的。类似淘古董，转手可出高价或自我珍藏。因书过厚，后部多为跳看。对其中一段记事细看了，知道还有这么一种事。一个人打作者电话说有一批书来看一下，具体数量不好说有60吨吧，作者去看后爬书堆上，看有没有珍品，结果都是杂志。问价，要5千一顿，作者当即要走，说这书卖废品也不值1千1一吨
  • react里的index.js是怎么跟index.html结合起来的? SherrinfordL
    image.pngcreate-react-app把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。你可以在项目下运行npmruneject，被隐藏的配置文件就会暴露到项目根路径下。把请求转发到index.html原因是，你执行npmrunstart时，启动的webpack-dev-server，会加载react-script项目conf
  • 网络工程师学习笔记（一） 专业白嫖怪 网络工程师学习笔记学习笔记网络
    为了备战下半年的软考——网络工程师，利用每天的下班的闲暇时间看书听课，然后自己手敲整理的系列资料。希望能够对你们有所帮助第一章__计算机网络概述计算机网络的定义：将分散的具有独立运算功能的计算机系统，通过通信线路和通信设备进行连接起来的实现资源的共享。ARPAnet网络的特征：资源共享、分散控制、分组交换1946年第一台通用计算机—埃尼亚克能够相互连通进行数据交换。1960年提出巨型网络，出现了对
  • 信号与线性系统分析第4版吴大正课后习题答案 zgw100xuexi 考试信号与线性系统分析课后答案
    完整版：http://zgw.100xuexi.com/SubItem/IndexInfoDetail.aspx?id=1d9ef631-a09d-4893-bb2f-597c745f5803第1章信号与系统1.1复习笔记本章是信号分析与系统分析的基础，详细介绍了信号与系统的概念与分类方法以及常用的连续信号与离散信号，讨论了冲激函数和冲激偶函数的重要性质，介绍了线性时不变（LTI）系统的特性，简要
  • 牛顿对重要概念的定义 豌豆花下猫
    当艾萨克·牛顿开始着手他的伟大事业时，他首先遇到的问题是一些重要概念缺乏明确的定义。对此，他一开始施了个障眼法：“我不去定义时间、空间、位置和运动，因为这些都是众所周知的。”[15]但实际上，定义这些用语正是他的目的所在。在当时，重量和量度没有统一的标准，而且重量和量度本身就是含混不清的用语。拉丁语似乎比英语要可靠些，因为它较少在日常使用中被滥用，但它也缺少很多必要的概念。牛顿的原始笔记揭示了在其
  • PostgreSQL | 生成UUID 报错：HINT: No function matches the given name and argument types 慌途L PostgreSQLpostgresqluuiduuid_generategen_random_uuid
    在PG数据库上新建表结构：CREATETABLE"public"."t_test"("guid"uuidNOTNULLDEFAULTuuid_generate_v4(),"data"jsonb,"create_time"timestamptz(6)DEFAULTnow(),CONSTRAINT"test_pkey"PRIMARYKEY("guid"));报错：ERROR:functionuuid_
  • 网上商城项目总结 续 猫只i javaweb电子商城结构
    前台1.用户登录注册邮箱验证校验用户名是否存在验证码自动登录2.导航条自定义标签库采用异步读取数据（使用gson将集合转换json数据）Redis服务器3.首页热门商品查询展示4.分类列表分页查询5.商品详情用cookie实现浏览记录6.购物车实现商品添加到购物车商品的查询，添加，修改，删除清空购物车7.提交订单添加订单（订单详情）确认订单（易宝支付）8.我的订单9.Fliter定义权限拦截（提交
  • vue3 + vite + js 配置Eslint + prettier 菜鸡的崛起 vuejavascriptvue
    第一步安装ESlintnpmieslint@latest-D或pnpmaddeslint@latest-D/pnpminstalleslint@latest-D或yarnaddeslint@latest-D第二步初始化Eslintnpxeslint--init执行npxeslint--init控制台会出现以下步骤1）你想如何使用ESLint（选择最后一个）Youcanalsorunthiscomm
  • 【网络安全 | 代码审计】JFinal之DenyAccessJsp绕过 秋说 网络安全web安全java代码审计漏洞挖掘
    未经许可，不得转载。文章目录前言代码审计推理绕过Tomcat解析JSP总结概念验证阐发前言JFinal是一个基于Java的轻量级MVC框架，用于快速构建Web应用程序。它的设计理念是追求极简、灵活、高效，旨在提高开发效率，减少冗余代码的编写，适合中小型项目以及对性能有较高要求的项目。在较新的JFinal版本中，默认情况下无法直接通过浏览器地址栏输入.jsp文件名来访问对应的JSP文件。也就是说，主
  • K8S学习笔记02——K8S组件 沉淅尘 #Docker#K8Skubernetes
    Kubernetes组件一、控制平面组件（ControlPlaneComponents）(1)kube-apiserver(2)etcd(3)kube-scheduler(4)kube-controller-manager(5)cloud-controller-manager二、Node组件1.kubelet2.kube-proxy3.容器运行时（ContainerRuntime）三、插件（Add
  • 开微信公众号怎么赚钱？解析盈利策略与实操指南 氧惠_飞智666999
    微信公众号成为了人们获取信息、交流思想的重要平台。越来越多的人选择开设自己的微信公众号，希望通过这一平台实现个人价值或创造经济效益。那么，开微信公众号怎么赚钱呢？本文将为您详细解析微信公众号的盈利策略与实操指南。公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公众号矩阵账号。代表案例如：爸妈领域、
  • 精诚所至，金石为开 - 草稿 一禾粒子
    今天阅读的章节是：精益求精几天来，虽说是在分享读书笔记，实则还是在继续梳理自己。每天的学习内容，读起来，对自己都有不小的触动。我时常在感叹猫叔的剽悍！为了让我们少走弯路，把自己一路走来的足迹，展示给我们；猫叔通过大量的阅读和践行，获得了成功，又将最精华的环节推荐给我们，他选定的读本，都是针对我们前行路上会遇到的迷茫，由于他的督导，成就了后来人，使得行者事半功倍。在学习的路上，我们需要得到这些具有针
  • 幸福感恩日记第15篇 豫豫妈
    2018.7.3豫豫妈早课心得：1、这个世界外面没有别人，只有自己。一切都是自己的问题。2、每个人都不是完美的，学会转念，高效沟通。3、讲好每句话也是阴阳并存的，一阴一阳之谓道。4、坚持读经，早起学习，记笔记及时内化，学以致用才能正确的引导孩子。5、一个工具，二个方法，一个核心；五个步骤，僵化学习、固化学习、内化学习、优化学习、变化学习运用易经思维进行学习总结。方法：如果----那么----有点像
  • 《一年顶十年》读书笔记Day2/17 设绘喵爱读书April
    1-2状态如何成为一个更在状态的狠人？1.你想成为怎样的人如果你想成为强者，你现在就可以向强者靠近，并以强者的标准来要求自己，像强者一样活着。2.你应该远离哪些人总是打击你的人；见不得别人好的人；不思进取混日子的人；过度消耗你的人。3.我会常备哪些法宝读能带来力量的书；励志的电影；能带来力量的音乐；4.墙上挂字有什么用目所能及。稻盛和夫六项精进：付出不亚于任何人的努力；要谦虚，不要骄傲；要每天反省
  • 笔记：JAVA面向对象三大特征——封装继承多态 听原来是雨落 Javajava开发语言后端
    高内聚，低耦合：  高内聚：类的内部数据操作细节自己完成，不允许外部干涉；    低耦合：仅暴露少量的方法给外部使用。一、封装：  含义：1.指把对象的属性和行为看成一个密不可分的整体，将这两者“封装”在一个密不可分的独立单位（即对象）中；     2.指“信息隐藏”，把不需要外界知道的信息隐藏起来，有些对象的属性及行为为允许外界用户知道或使用，但不允许更改，而另一些属性或行为，则不允许外界知道，
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他