//各种尺寸
s += "\r\n网页可见区域宽:" + document.body.clientWidth; s += "\r\n网页可见区域高:" + document.body.clientHeight; s += "\r\n网页可见区域高:" + document.body.offsetWeight +" (包括边线的宽)" ; s += "\r\n网页可见区域高:" + document.body.offsetHeight +" (包括边线的宽)" ; s += "\r\n网页正文全文宽:" + document.body.scrollWidth; s += "\r\n网页正文全文高:" + document.body.scrollHeight; s += "\r\n网页被卷去的高:" + document.body.scrollTop; s += "\r\n网页被卷去的左:" + document.body.scrollLeft; s += "\r\n网页正文部分上:" + window.screenTop; s += "\r\n网页正文部分左:" + window.screenLeft; s += "\r\n屏幕分辨率的高:" + window.screen.height; s += "\r\n屏幕分辨率的宽:" + window.screen.width; s += "\r\n屏幕可用工作区高度:" + window.screen.availHeight; s += "\r\n屏幕可用工作区宽度:" + window.screen.availWidth;
//过滤数字
"return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" οnpaste=
"return !clipboardData.getData('text').match(/\D/)" οndragenter=
"return false" >
//特殊用途
"window.external.ImportExportFavorites(true,'http://localhost');" >
"window.external.ImportExportFavorites(false,'http://localhost');" >
"window.external.ShowBrowserUI('OrganizeFavorites', null)">
"window.external.ShowBrowserUI('LanguageDialog', null)">
"window.external.AddFavorite('http://www.google.com/', 'google')" >
"window.external.addChannel('http://www.google.com/')" >
"window.external.showBrowserUI('PrivacySettings',null)">
//不缓存
"pragma" CONTENT=
"no-cache" >
"Cache-Control" CONTENT=
"no-cache, must-revalidate" >
"expires" CONTENT=
"0" >
//正则匹配
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内):[^\x00-\xff]
匹配空行的正则表达式:\n[\s| ]*\r
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式:http:
//([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子:
利用正则表达式限制网页表单里的文本框输入内容:
用正则表达式限制只能输入中文:οnkeyup=
"value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符: οnkeyup=
"value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字:οnkeyup=
"value=value.replace(/[^\d]/g,'') " onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文:οnkeyup=
"value=value.replace(/[\W]/g,'') " onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
//消除图像工具栏
"mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false" > or "imagetoolbar" content="no" >
//无提示关闭
function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName==
"Microsoft Internet Explorer" ?
true :false
if (ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf(
"MSIE " )+5,ua.indexOf(
";" ,ua.indexOf(
"MSIE " ))))
if (IEversion< 5.5)
{
var str = '
"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += ' "Command" value=
"Close" > ';
document.body.insertAdjacentHTML(
"beforeEnd" , str);
document.all.noTipClose.Click();
}
else
{
window.opener =
null ;
window.close();
}
}
else
{
window.close()
}
}
//取得控件得绝对位置(1)
//获得控件的绝对位置(2)
oRect = obj.getBoundingClientRect();
oRect.left
oRect.
//最小化,最大化,关闭
//光标停在文字最后
"123" οnfοcus=
"cc()" >
//页面进入和退出的特效
进入页面 "Page-Enter" content=
"revealTrans(duration=x, transition=y)" >
推出页面 "Page-Exit" content=
"revealTrans(duration=x, transition=y)" >
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
//网页是否被检索
"ROBOTS" content=
"属性值" >
其中属性值有以下一些:
属性值为
"all" : 文件将被检索,且页上链接可被查询;
属性值为
"none" : 文件不被检索,而且不查询页上的链接;
属性值为
"index" : 文件将被检索;
属性值为
"follow" : 查询页上的链接;
属性值为
"noindex" : 文件不检索,但可被查询链接;
属性值为
"nofollow" :
//打印分页
"page-break-after:always">page1
"page-break-after:always">page2
//设置打印
//自带的打印预览
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销,有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
"WebBrowser" width=0 height=0 classid=
"CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" >
"Noprint" >
//去掉打印时的页眉页脚
"button" value=
"清空页码" οnclick=PageSetup_Null()>
"button" value=
"恢复页码" οnclick=PageSetup_Default()>
//浏览器验证
function checkBrowser()
{
this .ver=navigator.appVersion
this .dom=document.getElementById?1:0
this .ie6=(
this .ver.indexOf(
"MSIE 6" )>-1 &&
this .dom)?1:0;
this .ie5=(
this .ver.indexOf(
"MSIE 5" )>-1 &&
this .dom)?1:0;
this .ie4=(document.all && !
this .dom)?1:0;
this .ns5=(
this .dom && parseInt(
this .ver) >= 5) ?1:0;
this .ns4=(document.layers && !
this .dom)?1:0;
this .mac=(
this .ver.indexOf('Mac') > -1) ?1:0;
this .ope=(navigator.userAgent.indexOf('Opera')>-1);
this .ie=(
this .ie6 ||
this .ie5 ||
this .ie4)
this .ns=(
this .ns4 ||
this .ns5)
this .bw=(
this .ie6 ||
this .ie5 ||
this .ie4 ||
this .ns5 ||
this .ns4 ||
this .mac ||
this .ope)
this .nbw=(!
this .bw)
return
this ;
}
//计算内容宽和高
"button" value=
"计算内容宽度" onClick=
"test(txt)" >
//无模式的提示框
function modelessAlert(Msg)
{
window.showModelessDialog(
"javascript:alert(\"" +escape(Msg)+
"\");window.close();" ,
"" ,
"status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;" );
}
//屏蔽按键
"Content-Type" content=
"text/html; charset=gb2312" >
"refresh" content=
"0;url=about:noscript" >
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
//屏蔽打印
//移动的图层,拖动
1.
this ) οnmοusemοve=MouseMove() οnmοuseup=MouseUp()>meizz
2.
"myDiv" src=
"logo.gif" οndrag=
"doDrag();" οnmοuseοver=
"this.style.cursor='hand'" style=
"position:absolute;left=100;top=100;" οnmοusedοwn=
"doMouseDown();" >
"#" οnclick=
"return false" >wlecome
//文档状态改变
//刷新后不变的文本框
"save" CONTENT=
"history" >
//访问剪贴板
(1)拖拽访问
event.dataTransfer.setData(
"URL" , oImage.src);
sImageURL = event.dataTransfer.getData(
"URL" )
(2)普通访问
window.clipboardData.setData(
"Text" ,oSource.innerText);
window.clipboardData.getData(
"Text" );
//操作COOKIE
function SetCookie(sName, sValue)
{
document.cookie = sName +
"=" + escape(sValue) +
"; " ;
}
function GetCookie(sName)
{
var aCookie = document.cookie.split(
"; " );
for (
var i=0; i < aCookie.length; i++)
{
var aCrumb = aCookie[i].split(
"=" );
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName +
"=" + escape(sValue) +
"; expires=Fri, 31 Dec 1999 23:59:59 GMT;" ;
}
//setTimeout增加参数
//自定义的apply,call
Function.prototype.apply =
function (obj, argu) {
if (obj) obj.constructor.prototype._caller =
this ;
var argus =
new
Array ();
for (
var i=0;i
argus[i] =
"argu[" + i +
"]" ;
var r;
eval(
"r = " + (obj ? (
"obj._caller(" + argus.join(
"," ) +
");" ) : (
"this(" + argus.join(
"," ) +
");" )));
return r;
};
Function.prototype.call =
function (obj) {
var argu =
new
Array ();
for (
var i=1;i argu[i-1] = arguments[i];
return
this .apply(obj, argu);
};
//下载文件
function DownURL(strRemoteURL,strLocalURL)
{
try
{
var xmlHTTP=
new
ActiveXObject (
"Microsoft.XMLHTTP" );
xmlHTTP.open(
"Get" ,strRemoteURL,
false );
xmlHTTP.send();
var adodbStream=
new
ActiveXObject (
"ADODB.Stream" );
adodbStream.Type=1;
//1=adTypeBinary
adodbStream.Open();
adodbStream.write(xmlHTTP.responseBody);
adodbStream.SaveToFile(strLocalURL,2);
adodbStream.Close();
adodbStream=
null ;
xmlHTTP=
null ;
}
catch (e)
{
window.confirm(
"下载URL出错!" );
}
//window.confirm("下载完成." );
}
//检验连接是否有效
function getXML(URL)
{
var xmlhttp =
new
ActiveXObject (
"microsoft.xmlhttp" );
xmlhttp.Open(
"GET" ,URL,
false );
try
{
xmlhttp.Send();
}
catch (e){}
finally
{
var result = xmlhttp.responseText;
if (result)
{
if (xmlhttp.Status==200)
{
return (
true );
}
else
{
return (
false );
}
}
else
{
return (
false );
}
}
}
//POST代替FORM
//readyState是xmlhttp返回数据的进度,0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
//组件是否安装 isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
//检查网页是否存在
function CheckURL(URL)
{
var xmlhttp =
new
ActiveXObject (
"Microsoft.XMLHTTP" );
xmlhttp.Open(
"GET" ,URL,
false );
try
{
xmlhttp.Send();
var result = xmlhttp.status;
}
catch (e) {
return (
false ); }
if (result==200)
{
return
true ;
}
xmlhttp =
null ;
return
false ;
}
//连接数据库
//使用数据岛
srno: "76">
times: "76">
"first" TYPE=button value=
"<< 第一条记录" οnclick=
"xmldate.recordset.moveFirst()" >
"prev" TYPE=button value=
"<上一条记录" οnclick=
"xmldate.recordset.movePrevious()" >
"next" TYPE=button value=
"下一条记录>" οnclick=
"xmldate.recordset.moveNext()" >
"last" TYPE=button value=
"最后一条记录>>" οnclick=
"xmldate.recordset.moveLast()" >
"Add" TYPE=button value=
"添加新记录" οnclick=
"xmldate.recordset.addNew()" >
"xmldate">
20041025-01
null
20041101-09 2004年10月1日2点22分0秒
//获得参数
//可编辑SELECT
"width:100px;height:21px;font-size:10pt;">"width:18px;border:0px solid red;" >"r00" style=
"margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange=
"document.all.re_name.value=this.value;" >
"1">11111111
"2">222222
"3">333333
//设置光标位置
function getCaret(textbox)
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint(
"StartToStart" ,textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
var r =textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(
true );
r.select();
}
catch (e)
{}
}
function selectLength(textbox,start,len)
{
try
{
var r =textbox.createTextRange();
r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);
r.select();
}
catch (e)
{
//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}
//页内查找
function findInPage(str)
{
var txt, i, found,n = 0;
if (str ==
"" )
{
return
false ;
}
txt = document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) !=
false ; i++)
{
txt.moveStart(
"character" , 1);
txt.moveEnd(
"textedit" );
}
if (found)
{
txt.moveStart(
"character" , -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
findInPage(str);
}
else
{
alert(str +
"... 您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找!" );
}
}
return
false ;
}
//书
http://www.itpub.net/attachment.php?s=&postid=1894598
http://www.wrclub.net/down/listdown.aspx?id=1341
//操作EXECL
//自定义提示条
//插入文字
document.onclick =
function (){
var oSource = window.event.srcElement;
if (oSource.tagName!=
"DIV" )
return
false ;
var sel = document.selection;
if (sel!=
null ) {
var rng = sel.createRange();
if (rng!=
null )
rng.pasteHTML(
"插入文字 " );
}
}
//netscapte下操作xml
doc =
new
ActiveXObject (
"Msxml2.DOMDocument" );
doc =
new
ActiveXObject (
"Microsoft.XMLDOM" )
->>
doc = (
new DOMParser()).parseFromString(sXML,'text/xml')
//判断键值
"Content-Type" content=
"text/html; charset=gb2312" >
//Javascript Document.
请按任意一个键。。。。
//禁止FSO
1.注销组件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT\Scripting.FileSystemObject
Scripting.FileSystemObject
3.对于使用object的用户,修改HKEY_CLASSES_ROOT\Scripting.
//省略号
"width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
就是比如有一行文字,很长,表格内一行显示不下.
//检测media play版本
"oClientCaps" style=
"{behavior:url(#default#clientcaps)}" />
//图象按比例
".." onload =
"DrawImage(this)" >
//细线SELECT
<
span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<
select style="margin:-2px;" >
<
option >1111<
/option >
<
option >11111111111111<
/option >
<
option >111111111<
/option >
<
/select ><
/span >
//Import
function Import() {
for(
var i=0; i
var file = arguments[i];
if ( file.match(/\.js$/i))
document.write('
//取得innerText
//mergeAttributes 复制所有读/写标签属性到指定元素。
ID=
"oDiv"
ATTRIBUTE1=
"true"
ATTRIBUTE2=
"true"
οnclick=
"alert('click');"
οnmοuseοver=
"this.style.color='#0000FF';"
οnmοuseοut=
"this.style.color='#000000';"
>
This is a sample DIV element.
"oDiv2">
This is another sample DIV element.
TYPE=
"button"
VALUE=
"Merge Attributes"
οnclick=
"fnMerge()"
>
转载于:https://www.cnblogs.com/relang99/archive/2007/06/20/790269.html
你可能感兴趣的:(javascript用法大全)
04.文本标签
龙哥带你学编程
# html 前端
一、文本简介1、页面组成元素1)以淘宝购物官网为例,分析网页:在淘宝购物官网的首页上,我们可以看到它是由超链接,文字,图片等元素构成。2)页面组成元素①一个静态页面绝大部分由以下四种元素组成:文本图片超链接音频和视频②思考:符合以下特点的网页是静态还是动态页面?带有音频和视频带有flash动画带有css动画带有JavaScript特效不是。动态页面和静态页面区别在于:是否用到了后端技术,以及是否与
linux,ubuntu下source、sh、bash、./执行脚本的区别
初识-CV
linux Ubuntu Ubuntu source sh bash ./
ubuntu下source、sh、bash、./执行脚本的区别source命令用法sourceFileName作用:在当前bash环境下读取并执行FileName中的命令。该filename文件可以无"执行权限"注:该命令通常用命令“.”来替代。如:source.bash_profile..bash_profile两者等效。source(或点)命令通常用于重新执行刚修改的初始化文档。source命
Ubuntu下通过.sh文件同时启动多个程序系列3—gnome-terminal简单使用说明
JANGHIGH
Ubuntu ROS bash linux
gnome-terminal简单使用说明gnome-terminal使用基本用法启动后自动执行命令废弃命令提示:~~-x和-e解释~~如何使用.bashrc里的内容gnome-terminal使用基本用法1.gnome-terminal命令用于打开一个新的终端,直接在命令行$gnome-terminal就可以打开一个新的终端,有一些常用参数:2.打开后自动最大化$gnome-terminal--m
AI学习教程DeepSeek使用教程合集 免费下载
oneboxai
学习
1.DeepSeek本地部署2.Deepseek搭建个人知识库3.DeepSeek提示词详解4.Deepseek使用技巧大全5.DeepSeek提示词大全6.DeepSeek保姆级新手教程7.DeepSeek各类应用8.Deepseek写小说9.DeepSeekV3部署教程10.DeepseekwordExcel11.Deepseek科研论文12.Deepseek开发游戏13.大模型通用一-A1指
PySimpleGUI模块用法的示例(从入门到进阶)
赵阿萌
java 前端 服务器 linux javascript
入门版下面是几个全面展示PySimpleGUI模块用法的示例,并附有详细的代码注释,帮助你更好地掌握该模块的使用。示例1:简单的输入输出界面这是一个基础的GUI示例,展示了如何使用文本输入框、按钮和文本输出框。登录后复制importPySimpleGUIassg#定义布局layout=[[sg.Text("请输入您的名字:")],#标签组件[sg.InputText(key="-NAME-")],
9种JavaScript数组去重的高阶方法
2501_90226133
javascript java 算法
给定一个数组[1,2,2,4,null,null,‘3’,‘abc’,3,5,4,1,2,2,4,null,null,‘3’,‘abc’,3,5,4]去除重复项。letarr=[1,2,2,4,null,null,‘3’,‘abc’,3,5,4,1,2,2,4,null,null,‘3’,‘abc’,3,5,4]1、利用对象的key唯一众所周知,对象的key不可重复,否则后者将覆盖前者。利用该特性
Ark-TS 语言:鸿蒙生态的高效开发利器,让我们用大白话说一说
harmonyos-next
Ark-TS(华为专门为鸿蒙系统——就是华为自己的手机、平板、智能设备操作系统——设计的编程语言,基于TypeScript,一种比普通JavaScript更严格、能减少错误的语言)是鸿蒙应用开发的主力工具。它就像给开发者配备了一套趁手的工具包,让写代码又快又稳。简单来说,Ark-TS有几个厉害的地方:静态类型检查(写代码时必须给变量指定类型,比如数字、文字,这样电脑能在运行前就发现类型错误,避免程
单例模式实现
后端
一、是什么单例模式(SingletonPattern):创建型模式,提供了一种创建对象的最佳方式,这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建在应用程序运行期间,单例模式只会在全局作用域下创建一次实例对象,让所有需要调用的地方都共享这一单例对象,如下图所示:二、实现在javascript中,实现一个单例模式可以用一个变量来标志当前的类已经创建过对象,如果下次获取当
JavaScript HTML DOM 节点列表
宇哥资料
JavaScript javascript html 开发语言
NodeList对象是一个从文档中获取的节点列表(集合)。NodeList对象类似HTMLCollection对象。一些旧版本浏览器中的方法(如:getElementsByClassName())返回的是NodeList对象,而不是HTMLCollection对象。所有浏览器的childNodes属性返回的是NodeList对象。大部分浏览器的querySelectorAll()返回NodeLis
js知识点-拓展运算符和剩余运算符
lmryBC49
javascript 开发语言 ecmascript
概述在现代JavaScript开发中,ES6引入的拓展运算符(SpreadOperator)和剩余运算符(RestOperator)让代码更加简洁和灵活。无论是数组、对象的拆分与合并,还是函数参数的处理,这两个运算符都是非常实用的工具。拓展运算符1.什么是拓展运算符?拓展运算符(SpreadOperator)由三个连续的点...表示,用于将一个可迭代对象(例如数组、字符串等)展开成多个元素。拓展运
python strip函数用法_Python字符串函数strip()原理及用法详解
weixin_39944233
python strip函数用法
strip:用于移除字符串头尾指定的字符(默认为空格)或字符序列。注意:该方法只能删除开头或是结尾的字符,不能删除中间部分的字符。语法:str.strip([chars])str="*****thisis**string**example....wow!!!*****"print(str.strip('*'))#指定字符串*输出结果:thisis**string**example....wow!!
Vue.js 性能优化:虚拟 DOM 与虚拟滚动
vvilkim
vue vue.js 前端 javascript
在现代前端开发中,性能优化是一个永恒的话题。Vue.js作为一款流行的前端框架,提供了许多强大的工具和技术来提升应用的性能。其中,虚拟DOM和虚拟滚动是两个非常重要的概念。本文将深入探讨它们的原理、优势以及如何在Vue.js中使用它们来优化性能。什么是虚拟DOM?虚拟DOM(VirtualDOM)是Vue.js用于提升性能的核心技术之一。它是一个轻量级的JavaScript对象树,用于表示真实DO
MySQL学习路线
蜡笔小新星
MySQL 数据库 mysql 学习 经验分享
本专栏纯干货订阅专栏不迷路以下是一个详细的MySQL学习路线,适合从初学者到中高级用户的逐步学习。整个路线分为几个阶段,每个阶段包含了必要的知识点和学习材料。第一阶段:基础知识(1-2周)目标:了解数据库的基本概念,熟悉MySQL的基本用法。学习内容:数据库基础什么是数据库、数据库管理系统(DBMS)数据库的类型(关系型数据库与非关系型数据库)SQL(结构化查询语言)概述MySQL入门MySQL的
用python执行js代码:PyExecJS库详解
数据知道
2025年爬虫和逆向教程 python javascript 爬虫 数据采集 nodejs
更多内容请见:爬虫和逆向教程-专栏介绍和目录文章目录1.介绍和安装1.1PyExecJS介绍1.2安装JavaScript运行时1.3安装PyExecJS2.PyExecJS的基本使用2.1执行简单的JavaScript代码2.2使用外部JavaScript文件2.3先编译、后调用2.4传递参数和获取返回值3.PyExecJS的高级功能3.1指定JavaScript运行时3.2处理异步JavaSc
5-1 使用ECharts将MySQL数据库中的数据可视化
上课的牛马
实训 大数据
方法一:使用PythonFlask框架搭建API对于技术小白来说,使用ECharts将MySQL数据库中的数据可视化需要分步骤完成。以下是详细的实现流程:一、技术架构后端服务:使用PythonFlask框架搭建API(简单易学,适合新手)数据库连接:通过Python的pymysql库连接MySQL前端可视化:HTML+JavaScript+ECharts数据流向:MySQL数据库→Pyt
前端面试:[React] Recoil 里面 selector 支持哪些参数?
returnShitBoy
前端 面试 react.js
在Recoil中,selector用于派生状态并可以通过传递不同的参数来实现更强大的功能。创建selector时,可以传入以下参数:1.key类型:string描述:是selector的唯一标识符。每个selector和atom都必须有一个唯一的key,否则会抛出错误。这个key用于在Recoil状态树中进行识别。示例:javascriptconstmySelector=selector({key
使用Three.js渲染器创建炫酷3D场景
引言在当今数字化的时代,3D图形技术正以其独特的魅力在各个领域掀起波澜。从影视制作到游戏开发,从虚拟现实到网页交互,3D场景以其强烈的视觉冲击力和沉浸式的体验,成为了吸引用户、传达信息的重要手段。而Three.js,作为一款功能强大且广受欢迎的JavaScript3D库,为我们提供了便捷、高效的途径来创建令人炫目的3D场景。本文将深入探讨使用Three.js渲染器创建炫酷3D场景的方方面面,带领读
用Babel操作AST实现JavaScript代码的自动化生成与转换
目录目录环境搭建代码:修改AST的逻辑重命名函数名重命名变量并修改变量值函数调用替换控制流扁平化还原删除未使用的变量对象属性简化条件表达式优化表达式还原环境搭建安装环境npminstall@babel/parser@babel/traverse@babel/generator@babel/typesast转换的代码框架constfs=require('fs');constvm=require('n
【sass】学会这个技巧,少写很多css
蒜香拿铁
css sass 前端
sass的高级用法我发现,大多数人使用sass预处理器最多的就是嵌套和变量这两种用法。现在我在列举一些常用的高级用法,希望让大家少敲两行代码。@extend意思是将某个选择器下的所有样式继承过来.error{border:1px#f00;background-color:#fdd;}.seriousError{@extend.error;border-width:3px;}@mixin样式混入,搭
git clone 指定目录
波格斯特
问题备忘 git
GitClone指定目录详解Git是一个强大的版本控制系统,它允许用户克隆远程仓库到本地,同时可以指定克隆的目录。在Git中,gitclone命令是用来复制远程仓库到本地的常用命令。默认情况下,gitclone会克隆整个仓库,但有时我们可能只需要仓库的一部分或者特定的文件或目录。这时,我们可以通过一些参数来指定克隆的目标目录。基本用法要克隆一个仓库到一个特定的目录,可以使用如下命令:gitclon
const关键字的作用和用法
C++ 老炮儿的技术栈
开发语言 c++ 笔记 学习
在C++中,const关键字有以下作用和用法:修饰变量-表示该变量的值不能被修改,在定义时必须初始化。例如:constintnum=10;,之后任何试图修改num值的操作都会导致编译错误。-可以提高程序的可读性和可维护性,让代码的读者清楚哪些变量是不应该被修改的。修饰指针-可以修饰指针本身或指针所指向的内容。例如,constint*ptr;表示指针所指向的int值是常量,不能通过ptr来修改该值,
MyBatis 中 resultType 的使用详解
旧故新长
windows
MyBatis中resultType的使用详解1.resultType的含义在MyBatis中,resultType指的是每一行查询结果的Java类型,而不是整个结果集的类型。常见的用法:resultType="java.lang.String":表示每一行是一个字符串。resultType="com.example.User":表示每一行是一个User对象。2.resultType与方法返回值类
两个常用的用于读写和操作DXF文件C#库:netDxf 和 DXF.NET
CoderIsArt
C# 图像与图形处理 c# .net 开发语言
netDxf和DXF.NET是两个常用的C#库,用于读取、写入和操作DXF文件。以下是它们的详细介绍和用法示例。1.netDxf简介netDxf是一个开源的DXF文件读写库,支持AutoCADDXF格式的读取和写入。它支持大多数DXF实体和对象,并且易于使用。GitHub地址:https://github.com/haplokuon/netDxf特点:支持DXF文件的读取和写入。支持多种实体类型(
netdxf 用法_vb.net 保存成dxf文件
weixin_39913807
netdxf 用法
为按钮添加代码PrivateSubButton1_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesButton1.ClickDimdocAsNewDXFLibrary.Document()DimtablesAsNewDXFLibrary.Tables()doc.SetTables(tables)DimlayersAs
计算机专业毕业设计题目推荐(新颖选题)本科计算机人工智能专业相关毕业设计选题大全✅
会写代码的羊
毕设选题 课程设计 人工智能 毕业设计 毕设题目 毕业设计题目 ai AI编程
文章目录前言最新毕设选题(建议收藏起来)本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/华为云/阿里云等平台优质作者。技术范围:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容:免费功能
13 异常处理的使用大全
希望_睿智
C++基础知识精讲 c++ windows c语言 开发语言 异常处理
概述异常是指程序在执行的过程中,没有按照预定的流程和逻辑去运行,从而导致数组越界、内存溢出、甚至程序崩溃等各种非正常的情况。在C++、Java和C#等高级语言中,都提供了对于异常的处理机制。异常处理,实际上是一种转移程序控制权的方式。当程序中抛出了异常时,我们可以捕获异常,进而进行相应的处理。处理模型一般有两种:一种是终止模型,表示该异常是致命的,无法恢复,会直接终止程序;另一种是恢复模型,表示该
Node.js 格式化时间的两种方法:原生 Date 与 npm 包 moment 详解
还是鼠鼠
node.js node.js npm 前端 javascript vscode
目录Node.js格式化时间的两种做法:内置方法与npm包1.使用JavaScript内置方法格式化时间示例:使用Date对象格式化时间运行程序示例输出原理解析2.使用npm包moment进行时间格式化安装moment示例:使用moment格式化时间运行程序示例输出原理解析3.两种方法的对比4.结论在Node.js开发中,格式化时间是一个常见的需求。例如,将时间格式化为YYYY-MM-DDHH:m
java NIO中的FileSystems工具类可以读取本地文件系统,ZIP/JAR等,无需解压处理,还可以复制文件
爱的叹息
Java 基础整理 java nio jar
在JavaNIO(java.nio.file包)中,FileSystems是一个工具类,用于操作和管理文件系统。它提供了静态方法来获取或创建文件系统实例,并支持自定义文件系统实现。以下是其核心功能和用法:1.核心功能(1)获取默认文件系统获取当前运行环境的默认文件系统(如本地文件系统):FileSystemfileSystem=FileSystems.getDefault();(2)创建新的文件系
Webpack 中动态导入(Dynamic Import)的几种典型用法
混血哲谈
webpack 前端 node.js
这段代码展示了Webpack中动态导入(DynamicImport)的几种典型用法,并通过Webpack魔法注释(MagicComments)对打包行为进行精细控制。以下是逐段解析:1.单一目标模块的动态导入import(/*webpackChunkName:"my-chunk-name"*///指定生成的chunk名称/*webpackMode:"lazy"*///延迟加载模式/*webpack
JavaScript 中的性能优化:从基础到高级技巧
lina_mua
深入 javascript 性能优化 开发语言
1.引言1.1性能优化的重要性在现代前端开发中,性能优化是提升用户体验的关键。无论是页面加载速度、交互响应时间,还是内存占用,性能优化都能显著提升应用的流畅度和用户满意度。1.2本文的目标本文旨在深入探讨JavaScript中的性能优化,从基础到高级技巧,帮助开发者理解性能优化的核心概念,并掌握其在实际开发中的应用。2.性能优化的基础2.1什么是性能优化?性能优化是指通过改进代码、减少资源消耗、优
java责任链模式
3213213333332132
java 责任链模式 村民告县长
责任链模式,通常就是一个请求从最低级开始往上层层的请求,当在某一层满足条件时,请求将被处理,当请求到最高层仍未满足时,则请求不会被处理。
就是一个请求在这个链条的责任范围内,会被相应的处理,如果超出链条的责任范围外,请求不会被相应的处理。
下面代码模拟这样的效果:
创建一个政府抽象类,方便所有的具体政府部门继承它。
package 责任链模式;
/**
*
linux、mysql、nginx、tomcat 性能参数优化
ronin47
一、linux 系统内核参数
/etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max = 8388608 #SOCKET读缓存区大小
net.core.wmem_max = 8388608 #SOCKET写缓存区大
php命令行界面
dcj3sjt126com
PHP cli
常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块
执行一段代码
php -r 'echo "hello, world!";'
php -r 'echo "Hello, World!\n";'
php -r '$ts = filemtime("
Filter&Session
171815164
session
Filter
HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute("admin") == null) {
PrintWriter out = res.ge
连接池与Spring,Hibernate结合
g21121
Hibernate
前几篇关于Java连接池的介绍都是基于Java应用的,而我们常用的场景是与Spring和ORM框架结合,下面就利用实例学习一下这方面的配置。
1.下载相关内容: &nb
[简单]mybatis判断数字类型
53873039oycg
mybatis
昨天同事反馈mybatis保存不了int类型的属性,一直报错,错误信息如下:
Caused by: java.lang.NumberFormatException: For input string: "null"
at sun.mis
项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space
程序员是怎么炼成的
eclipse jvm tomcat catalina.sh eclipse.ini
在启动比较大的项目时,因为存在大量的jsp页面,所以在编译的时候会生成很多的.class文件,.class文件是都会被加载到jvm的方法区中,如果要加载的class文件很多,就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.
解决办法是点击eclipse里的tomcat,在
我的crm小结
aijuans
crm
各种原因吧,crm今天才完了。主要是接触了几个新技术:
Struts2、poi、ibatis这几个都是以前的项目中用过的。
Jsf、tapestry是这次新接触的,都是界面层的框架,用起来也不难。思路和struts不太一样,传说比较简单方便。不过个人感觉还是struts用着顺手啊,当然springmvc也很顺手,不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
spring里配置使用hibernate的二级缓存几步
antonyup_2006
java spring Hibernate xml cache
.在spring的配置文件中 applicationContent.xml,hibernate部分加入
xml 代码
<prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>
<prop key="hi
JAVA基础面试题
百合不是茶
抽象实现接口 String类 接口继承 抽象类继承实体类 自定义异常
/* * 栈(stack):主要保存基本类型(或者叫内置类型)(char、byte、short、 *int、long、 float、double、boolean)和对象的引用,数据可以共享,速度仅次于 * 寄存器(register),快于堆。堆(heap):用于存储对象。 */ &
让sqlmap文件 "继承" 起来
bijian1013
java ibatis sqlmap
多个项目中使用ibatis , 和数据库表对应的 sqlmap文件(增删改查等基本语句),dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中,其它项目工程中通过jar包来引用 ,并通过"继承"为基础的sqlmap文件,dao,pojo 添加新的方法来满足项
精通Oracle10编程SQL(13)开发触发器
bijian1013
oracle 数据库 plsql
/*
*开发触发器
*/
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;
select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;
--建立BEFORE语句触发器
CREATE O
【EhCache三】EhCache查询
bit1129
ehcache
本文介绍EhCache查询缓存中数据,EhCache提供了类似Hibernate的查询API,可以按照给定的条件进行查询。
要对EhCache进行查询,需要在ehcache.xml中设定要查询的属性
数据准备
@Before
public void setUp() {
//加载EhCache配置文件
Inpu
CXF框架入门实例
白糖_
spring Web 框架 webservice servlet
CXF是apache旗下的开源框架,由Celtix + XFire这两门经典的框架合成,是一套非常流行的web service框架。
它提供了JAX-WS的全面支持,并且可以根据实际项目的需要,采用代码优先(Code First)或者 WSDL 优先(WSDL First)来轻松地实现 Web Services 的发布和使用,同时它能与spring进行完美结合。
在apache cxf官网提供
angular.equals
boyitech
AngularJS AngularJS API AnguarJS 中文API angular.equals
angular.equals
描述:
比较两个值或者两个对象是不是 相等。还支持值的类型,正则表达式和数组的比较。 两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项:
两个值或者对象能通过=== (恒等) 的比较
两个值或者对象是同样类型,并且他们的属性都能通过angular
java-腾讯暑期实习生-输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]
bylijinnan
java
这道题的具体思路请参看 何海涛的微博:http://weibo.com/zhedahht
import java.math.BigInteger;
import java.util.Arrays;
public class CreateBFromATencent {
/**
* 题目:输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A
FastDFS 的安装和配置 修订版
Chen.H
linux fastDFS 分布式文件系统
FastDFS Home:http://code.google.com/p/fastdfs/
1. 安装
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html
安装libevent (对libevent的版本要求为1.4.
[强人工智能]拓扑扫描与自适应构造器
comsci
人工智能
当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?
那么,现在我们必须设计新的模块和代码包来处理上面的问题
oracle merge into的用法
daizj
oracle sql merget into
Oracle中merge into的使用
http://blog.csdn.net/yuzhic/article/details/1896878
http://blog.csdn.net/macle2010/article/details/5980965
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中,使用此命令必须同时指定UPDATE 和INSE
不适合使用Hadoop的场景
datamachine
hadoop
转自:http://dev.yesky.com/296/35381296.shtml。
Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候,会听到脱口而出的回答:Hadoop! 实际上Hadoop被设计和建造出来,是用来解决一系列特定问题的。对某些问题来说,Hadoop至多算是一个不好的选择,对另一些问题来说,选择Ha
YII findAll的用法
dcj3sjt126com
yii
看文档比较糊涂,其实挺简单的:
$predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));
第一个参数是选择条件:”uid=10″。其中:uid是一个占位符,在后面的array(“:uid”=>10)对齐进行了赋值;
更完善的查询需要
vim 常用 NERDTree 快捷键
dcj3sjt126com
vim
下面给大家整理了一些vim NERDTree的常用快捷键了,这里几乎包括了所有的快捷键了,希望文章对各位会带来帮助。
切换工作台和目录
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置
o 在已有窗口中打开文件、目录或书签,并跳
Java把目录下的文件打印出来
蕃薯耀
列出目录下的文件 文件夹下面的文件 目录下的文件
Java把目录下的文件打印出来
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月11日 11:02:
linux远程桌面----VNCServer与rdesktop
hanqunfeng
Desktop
windows远程桌面到linux,需要在linux上安装vncserver,并开启vnc服务,同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。
linux远程桌面到windows,需要在linux上安装rdesktop,同时开启windows的远程桌面访问。
下面分别介绍,以windo
guava中的join和split功能
jackyrong
java
guava库中,包含了很好的join和split的功能,例子如下:
1) 将LIST转换为使用字符串连接的字符串
List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
Web开发技术十年发展历程
lampcy
android Web 浏览器 html5
回顾web开发技术这十年发展历程:
Ajax
03年的时候我上六年级,那时候网吧刚在小县城的角落萌生。传奇,大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩,然后接下来的一个小时我一直在,注,册,账,号。
彼时网吧用的512k的带宽,注册的时候,填了一堆信息,提交,页面跳转,嘣,”您填写的信息有误,请重填”。然后跳转回注册页面,以此循环。我现在时常想,如果当时a
架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)
nannan408
buffer
1.前言。
如题。
2.代码。
IoService
IoService是一个接口,有两种实现:IoAcceptor和IoConnector;其中IoAcceptor是针对Server端的实现,IoConnector是针对Client端的实现;IoService的职责包括:
1、监听器管理
2、IoHandler
3、IoSession
ORA-00054:resource busy and acquire with NOWAIT specified
Everyday都不同
oracle session Lock
[Oracle]
今天对一个数据量很大的表进行操作时,出现如题所示的异常。此时表明数据库的事务处于“忙”的状态,而且被lock了,所以必须先关闭占用的session。
step1,查看被lock的session:
select t2.username, t2.sid, t2.serial#, t2.logon_time
from v$locked_obj
javascript学习笔记
tntxia
JavaScript
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number:就是数字值,包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象,不用多说function:我们熟悉的方法,也就是
Java enum的用法详解
xieke90
enum 枚举
Java中枚举实现的分析:
示例:
public static enum SEVERITY{
INFO,WARN,ERROR
}
enum很像特殊的class,实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类 (java.l