dfdfd
---------------------------------------------------------------------------------------------------------
------------
57.弹出窗口
方法一：
浏览器读页面时弹出窗口；
方法二： 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：打开一个窗口
注意：使用的"#"是虚连接。
方法四：用一个按钮调用： 何时装载script
58.动态改变字体的大小
function doZoom(size)
{
document.getElementById('zoom').style.fontSize=size+'px'
}
function aa()
{
var newWin=window.open(url);
newWin.document.form1.text1.value=value1;
}改变弹出窗口上域的属性
opener.document.form2.text2.value=value2;改变父窗口的域的值
59.判断是何种浏览器
var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
alert("IE");
else if (name == "Netscape")
alert("NS");//
60.vbsscript确定框
//
61.复制内容到剪切板
function JM_cc(bb)
{
var ob=eval("document.form1."+bb);
ob.select();
js=ob.createTextRange();
js.execCommand("Copy");
}//
62.java中建立数据库连接取数据
public void init()
{
String url="jdbc:odbc:javadata";
try
{
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password
DatabaseMetaData dma=con.getMetaData();
System.out.println("Connect to"+dma.getURL());
System.out.println(";Driver "+dma.getDriverName());
System.out.println(";Version "+dma.getDriverVersion());
System.out.println("");
Statement stmt=con.createStatement();
ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql
rs.next();
String dispresult=rs.getString("name");
System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc.
rs.close();
stmt.close();
con.close();
}
catch(SQLException ex)
{
System.out.println("!!!SQL Exception !!!");
while(ex!=null)
{
System.out.println("SQLState:"+ex.getSQLState());
System.out.println("Message:"+ex.getMessage());
System.out.println("Vendor:"+ex.getErrorCode());
ex=ex.getNextException();
System.out.println("");
}
}
catch(java.lang.Exception ex)
{
ex.printStackTrace();
}
}//
63.最小化窗口
window.blur()//
64.文档的路径
document.URL//
65.定时执行某段程序
setTimeout("change_color()",600);
66.设置为主页
function makeHome(){
netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");
navigator.preference("browser.startup.homepage", location.href);
}//
67.设置为收藏
function addFav(){
if(ie)
window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');
if(ns)
alert("Thanks for the bookmark!\n\nNetscape users click OK then press CTRL-D");
}//
68.判断cookie是否可用
navigator.cookieEnabled;//
69.显示有模式的有页面的弹出窗口
function setbgcolor_onclick()
{
var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");
if (color != null)
{
document.compose.bgcolor.value = color;
}
}//
70.截取小数点后两位
var a=3454545.4454545;
alert(a.toFixed(2));//
71.禁止选择页面上的文字来拷贝
//
72.屏蔽右键菜单
οncοntextmenu="event.returnValue = false"//
73.事件禁止起泡
event.cancelBubble = true//
74.禁止在输入框打开输入法
//
75.屏蔽汉字和空格
//
76.用javascript判断文件是否存在
function Exists(filespec)
{
if (filespec)
{
var fso;
fso = new ActiveXObject("Scripting.FileSystemObject");
alert(fso.FileExists(filespec));
}
}
选择图片
//
77.获得当前的文本框选中的文字
//
78.跳转至目标页面，同时不可返回
sohu.com//
79.获得当前的行是表格的第几行
//
80.删除表格某行，xx表示某行，下标从0开始计算
document.all.myTable.deleteRow(xx)//
81.动态的向表格中添加行
//
90.取第x,y的值
//
91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
93.返回
javascript:history.go(-2);//
94.将页面上选中的内容复制到剪贴板
abcdefg
οnclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中
的字符'>//
95.将页面上选中的内容复制到剪贴板
kjhkjhkhkj////
96.鼠标移到下拉框时自动全部打开
//
97.获得本机的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //
98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;
99.创建新的下拉框选项
new Option(text,value)这样的函数//
100.在页面上画柱状图
%12
4人
backdepth='15pt' on='true'/>
%12
4人
backdepth='15pt' on='true'/>
//
101.饼图
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'>
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'>
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'>
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'>
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'>
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'>
style='fontsize:2'>asp技术
style='fontsize:2'>php
style='fontsize:2'>jsp
style='fontsize:2'>c#写的.netWEB程序
vb.net
写的.netWEB程序
xml技术
style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
|
//
102.是一个特殊的容器，想装个网页都行
//button
103.外部的html代码
event.srcElement.outerHTML//
104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//
105.事件类型
event.type//
106.动态改变类型
//
107.页面翻转
//
108.滚屏
parent.scroll(x,y);//
//
109.改变状态栏
self.status ="";//
110.改变窗口大小
window.resizeTo(200,300);//
111.改变鼠标样式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//
112.背景透明
//
113.鼠标为等待形状
//
114.调用父窗口的函数
opener.fucntion1();//
115.body的内部html代码
//
116.框架中调用父窗口的函数
//
117.交换节点
CELL_1
CELL_2
//
118.删除节点
CELL_1
CELL_2
//
119.添加节点
addNode()//
120.获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement //
121.集中为按钮改变颜色
//
122.判断是左键还是右键被按下
//
123.获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//
124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键
125.将当前位置定位为C盘。
{window.location="c:"}//
126.返回输入框的类型
127.模拟控件的单击事件
//
128.取出记录集的列名
java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);
java.sql.ResultSetMetaData metaData = rset.getMetaData();
int count = metaData.getColumnCount();
String name = metaData.getColumnName(i);
String value = rset.getString(i);//
129.格式化数字
function format_number(str,digit)
{
if(isNaN(str))
{
alert("您传入的值不是数字！");
return 0;
}
else if(Math.round(digit)!=digit)
{
alert("您输入的小数位数不是整数！");
return 0;
}
else
return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
130.回车按钮转化为tab按钮
if(event.keyCode==13) event.keyCode=9; //将
131.滚动条滚动
//
132.判断是什么对象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//
133.取消文本框自动完成功能
//
134.让下拉框自动下拉
//
135.读取XML文件
var childrenobj=myselect//document.all.myselect;
var oXMLDoc = new ActiveXObject('MSXML');
oXMLDoc.url = "mymsg.xml";
var oRoot=oXMLDoc.root;
if(oRoot.children != null)
{
for(var i=0;i {
oItem = oRoot.children.item(0).children.item(i);
oOption = new Option(oItem.text,oItem.value);
childrenobj.add(oOption);
}
}
//mymsg.xml文件
杭州地区
温州地区
台州地区
丽水地区
//
136.点击图片，图片停止
http://www.51js.com/images/51js/red_forum.gif" border="0">//
137.显示本地计算机信息
var WshNetwork = new ActiveXObject("WScript.Network");
alert("Domain = " + WshNetwork.UserDomain);
alert("Computer Name = " + WshNetwork.ComputerName);
alert("User Name = " + WshNetwork.UserName);//
138.比较时间
tDate = new Date(2004,01,08,14,35); //年,月，日，时，分
dDate = new Date();
tDate
139.弹出鼠标所在处的链结地址
href="http://51js.com/viewthread.php?tid=13589" >dddd
//
140.注意不能通过与 undefined 做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以
下的代码范例中，假设程序员想测试是否已经声明变量 x ：
// 这种方法不起作用
if (x == undefined)
// 作某些操作
// 这个方法同样不起作用- 必须检查
// 字符串 "undefined"
if (typeof(x) == undefined)
// 作某些操作
// 这个方法有效
if (typeof(x) == "undefined")
// 作某些操作
141.创建具有某些属性的对象
var myObject = new Object();
myObject.name = "James";
myObject.age = "22";
myObject.phone = "555 1234";//
142.枚举（循环）对象的所有属性
for (var a in myObject)
{
// 显示 "The property 'name' is James"，等等。
window.alert("The property '" + a + "' is " + myObject[a]);
}//
143.判断一个数字是否是整数
var a=23.2;
alert(a%1==1)//
144.新建日期型变量
var a = new Date(2000, 1, 1);
alert(a.toLocaleDateString());
145.给类定义新的方法
function trim_1()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.trim=trim_1;
alert('cindy'.trim());
146.定义一个将日期类型转化为字符串的方法
function guoguo_date()
{
var tmp1,tmp2;
tmp1 =this.getMonth()+1+"";
if(tmp1.length<2)
tmp1="0"+tmp1;
tmp2 =this.getDate()+"";
if(tmp2.length<2)
tmp2="0"+tmp2;
return this.getYear()+"-"+tmp1+"-"+tmp2;
}
Date.prototype.toLiteString=guoguo_date;
alert(new Date().toLiteString())
147. pasta 是有四个参数的构造器,定义对象。
function pasta(grain, width, shape, hasEgg)
{
// 是用什么粮食做的？
this.grain = grain;
// 多宽？（数值）
this.width = width;
// 横截面形状？（字符串）
this.shape = shape;
// 是否加蛋黄？（boolean）
this.hasEgg = hasEgg;
//定义方法
this.toString=aa;
}
function aa()
{
;
}
//定义了对象构造器后，用 new 运算符创建对象实例。
var spaghetti = new pasta("wheat", 0.2, "circle", true);
var linguine = new pasta("wheat", 0.3, "oval", true);
//补充定义属性，spaghetti和linguine都将自动获得新的属性
pasta.prototype.foodgroup = "carbohydrates";
148.打印出错误原因
try
{
x = y // 产生错误。
}
catch(e)
{
document.write(e.description) //打印 "'y' is undefined".
}//
149.生成EXCEL文件并保存
var ExcelSheet;
ExcelApp = new ActiveXObject("Excel.Application");
ExcelSheet = new ActiveXObject("Excel.Sheet");
//本代码启动创建对象的应用程序（在这种情况下，Microsoft Excel 工作表）。一旦对象被创建，就可以用定义的对
象变量在代码中引用它。 在下面的例子中，通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象，
包括 Application 对象和 ActiveSheet.Cells 集合。
// 使 Excel 通过 Application 对象可见。
ExcelSheet.Application.Visible = true;
// 将一些文本放置到表格的第一格中。
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
// 保存表格。
ExcelSheet.SaveAs("C:\\TEST.XLS");
// 用 Application 对象用 Quit 方法关闭 Excel。
ExcelSheet.Application.Quit();//
150.根据标签获得一组对象
var coll = document.all.tags("DIV");
if (coll!=null)
{
for (i=0; i...
}//
151.实现打印预览及打印
//
152.不通过form，直接通过名字引用对象
//
153.使鼠标滚轮失效
function document.onmousewheel()
{
return false;
}//
154.创建弹出窗口
//
155.取得鼠标所在处的对象
var obj = document.elementFromPoint(event.x,event.y);//
156.获得左边的对象
οnclick="this.previousSibling.value='guoguo'">//
157.定位鼠标
document.all.hint_layer.style.left = event.x+document.body.scrollLeft+10;
document.all.hint_layer.style.top = event.y+document.body.scrollTop+10;//
158.向下拉框指定位置添加项目
var op = document.createElement("OPTION");
document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op);
op.text = document.all.all_items[i].text;
op.value = document.all.all_items[i].value;//
159.判断一个窗口是否已经打开，如果已经打开，则关闭之
var a;
if(a)
a.close();
else
a=window.open('','','');//
160.动态创建一个标签
newElem = document.createElement("DIV");
newElem.id = "hint_layer";
document.body.appendChild(newElem);
document.all.hint_layer.innerText="guoguo";//
161.标题栏
document.title//
162.背景图片
//背景图片不动
//背景图片居中
163.设置透明效果
document.form.xxx.filters.alpha.opacity=0～100//
164.定义方法
var dragapproved=false;
document.οnmοuseup=new Function("dragapproved = false");//
165.将数字转化为人民币大写形式
function convertCurrency(currencyDigits) {
// Constants:
var MAXIMUM_NUMBER = 99999999999.99;
// Predefine the radix characters and currency symbols for output:
var CN_ZERO = "零";
var CN_ONE = "壹";
var CN_TWO = "贰";
var CN_THREE = "叁";
var CN_FOUR = "肆";
var CN_FIVE = "伍";
var CN_SIX = "陆";
var CN_SEVEN = "柒";
var CN_EIGHT = "捌";
var CN_NINE = "玖";
var CN_TEN = "拾";
var CN_HUNDRED = "佰";
var CN_THOUSAND = "仟";
var CN_TEN_THOUSAND = "万";
var CN_HUNDRED_MILLION = "亿";
var CN_SYMBOL = "人民币";
var CN_DOLLAR = "元";
var CN_TEN_CENT = "角";
var CN_CENT = "分";
var CN_INTEGER = "整";
// Variables:
var integral; // Represent integral part of digit number.
var decimal; // Represent decimal part of digit number.
var outputCharacters; // The output result.
var parts;
var digits, radices, bigRadices, decimals;
var zeroCount;
var i, p, d;
var quotient, modulus;
// Validate input string:
currencyDigits = currencyDigits.toString();
if (currencyDigits == "") {
alert("Empty input!");
return "";
}
if (currencyDigits.match(/[^,.\d]/) != null) {
alert("Invalid characters in the input string!");
return "";
}
if ((currencyDigits).match(/^((\d{1,3}(,\d{3})*(.((\d{3},)*\d{1,3}))?)|(\d+(.\d+)?))$/) == null) {
alert("Illegal format of digit number!");
return "";
}
// Normalize the format of input digits:
currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters.
currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning.
// Assert the number is not greater than the maximum number.
if (Number(currencyDigits) > MAXIMUM_NUMBER) {
alert("Too large a number to convert!");
return "";
}
// Process the coversion from currency digits to characters:
// Separate integral and decimal parts before processing coversion:
parts = currencyDigits.split(".");
if (parts.length > 1) {
integral = parts[0];
decimal = parts[1];
// Cut down redundant decimal digits that are after the second.
decimal = decimal.substr(0, 2);
}
else {
integral = parts[0];
decimal = "";
}
// Prepare the characters corresponding to the digits:
digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT,
CN_NINE);
radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND);
bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION);
decimals = new Array(CN_TEN_CENT, CN_CENT);
// Start processing:
outputCharacters = "";
// Process integral part if it is larger than 0:
if (Number(integral) > 0) {
zeroCount = 0;
for (i = 0; i < integral.length; i++) {
p = integral.length - i - 1;
d = integral.substr(i, 1);
quotient = p / 4;
modulus = p % 4;
if (d == "0") {
zeroCount++;
}
else {
if (zeroCount > 0)
{
outputCharacters += digits[0];
}
zeroCount = 0;
outputCharacters += digits[Number(d)] + radices[modulus];
}
if (modulus == 0 && zeroCount < 4) {
outputCharacters += bigRadices[quotient];
}
}
outputCharacters += CN_DOLLAR;
}
// Process decimal part if there is:
if (decimal != "") {
for (i = 0; i < decimal.length; i++) {
d = decimal.substr(i, 1);
if (d != "0") {
outputCharacters += digits[Number(d)] + decimals[i];
}
}
}
// Confirm and return the final output string:
if (outputCharacters == "") {
outputCharacters = CN_ZERO + CN_DOLLAR;
}
if (decimal == "") {
outputCharacters += CN_INTEGER;
}
outputCharacters = CN_SYMBOL + outputCharacters;
return outputCharacters;
}//
166.xml数据岛绑定表格
//cd_catalog.xml
Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985
Hide your heart
Bonnie Tyler
UK
CBS Records
9.90
1988
Greatest Hits
Dolly Parton
USA
RCA
9.90
1982
Still got the blues
Gary Moore
UK
Virgin records
10.20
1990
//
167.以下组合可以正确显示汉字
================================
xml保存编码 xml页面指定编码
ANSI gbk/GBK、gb2312
Unicode unicode/Unicode
UTF-8 UTF-8
================================
168.XML操作
169.动态修改CSS的另一种方式
this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//
170.正则表达式
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)
应用：javascript中没
你可能感兴趣的:(javascript技巧搜集。)
- Spring Boot教程之五十七：在 Apache Kafka 上发布 JSON 消息
潜洋
Java中级SpringBootspringbootapachekafka
SpringBoot|如何在ApacheKafka上发布JSON消息ApacheKafka是一个发布-订阅消息系统。消息队列允许您在进程、应用程序和服务器之间发送消息。在本文中，我们将了解如何在SpringBoot应用程序中向ApacheKafka发送JSON消息。为了了解如何创建SpringBoot项目，请参阅本文。JSON的全称是JavaScriptObjectNotation。JSON是一种
- Node.js、Vue 和 React 的关系和区别
佐木宥轩
node.js
Node.js、Vue和React是前端和后端开发中常用的技术，它们各自有不同的作用，但可以协同工作来构建现代化的Web应用。为了通俗易懂地理解它们的关系，我们可以用一个餐厅的比喻来说明。1.Node.js：厨房的后台Node.js是一个基于JavaScript的运行时环境，主要用于构建服务器端应用程序。它就像餐厅的厨房，负责处理数据和逻辑。作用：提供后端服务，比如处理数据库、用户认证、文件上传等
- TypeScript 中的类型推断：提升代码安全与开发效率
TypeScript是JavaScript的超集，通过在代码中添加静态类型检查来提升代码的安全性和开发效率。在使用TypeScript时，理解和利用类型推断机制是至关重要的。类型推断可以减少显式类型注解的需求，从而提高代码的可读性和开发效率。本文将深入探讨TypeScript中的类型推断机制，常见的推断场景，以及如何在实际项目中有效利用这一特性。什么是类型推断？类型推断是指编译器自动推断出变量或表
- 深入解析Vue.js组件开发：从基础到进阶
冷夜雨.
vue.js
Vue.js作为一款渐进式的JavaScript框架，其独特的设计理念和易用性使得它在现代前端开发中占据了重要地位。Vue组件是Vue.js中最核心的组成部分，它是构建应用的基础单元，也是Vue项目模块化和重用的关键所在。在这篇文章中，我们将深入探讨Vue.js的组件开发，涵盖从基础到进阶的各个方面，包括组件的创建、通信、生命周期、性能优化等内容，帮助你掌握Vue组件开发的核心技巧。一、Vue组件
- 基于JavaScript的网页设计案例分析：打造现代化、交互性强的网站体验
冷夜雨.
javascript
引言随着互联网的快速发展，网页设计的要求也在不断提升。从最初的静态页面到如今的动态、交互式网页，JavaScript作为一种重要的前端开发语言，已成为现代网页设计中不可或缺的一部分。它能够为网页带来更强的交互性、灵活性和动态效果，不仅提升用户体验，也能在设计过程中实现更复杂的功能。本文将通过一个具体的JavaScript网页设计案例，来展示如何利用JavaScript打造现代化、交互性强的网站，并
- 总结 JavaScript 中的变体函数调用方式
javascript前端
JavaScript中函数调用有许多独特的变体方式，例如~function、-function等。这些变体不仅展现了JavaScript语言的灵活性，也可以在某些场景下让代码更加简洁。本文将通过示例代码和解析，来全面剖析这些特殊的函数调用方式及其返回值的区别。IIFE的基础：自执行函数在深入了解特殊调用方式之前，我们先来复习一下IIFE（ImmediatelyInvokedFunctionExpr
- 【学术会议论文投稿】JavaScript在数据可视化领域的探索与实践
小周不想卷
艾思科蓝学术会议投稿javascript
【ACM出版|EI快检索|高录用】2024年智能医疗与可穿戴智能设备国际学术会议（SHWID2024）_艾思科蓝_学术一站式服务平台更多学术会议请看学术会议-学术交流征稿-学术会议在线-艾思科蓝目录引言JavaScript可视化库概览D3.js基础入门1.引入D3.js2.绘制简单的条形图3.添加轴交互性与动画实际应用场景结论引言在数据驱动决策日益重要的今天，数据可视化成为连接数据与洞察的桥梁。J
- TypeScript 的类型系统如何提升代码质量？
引言在现代前端和后端开发中，代码质量的重要性毋庸置疑。良好的代码质量不仅能减少Bug，还能提升团队协作效率和项目的可维护性。而TypeScript的出现，为JavaScript引入了静态类型检查，成为提升代码质量的一大利器。本文将聚焦于TypeScript的类型系统，探讨它如何帮助开发者在开发阶段发现潜在问题、提升代码健壮性。类型系统的核心价值JavaScript是一门动态类型语言，这意味着变量的
- Chrome DevTools 剖析：调试 JavaScript 异常
引言ChromeDevTools是一款功能强大的开发者工具，广泛应用于前端开发，尤其是调试网页和Web应用的JavaScript代码。作为GoogleChrome浏览器的一部分，它为开发者提供了一整套调试、分析和优化网页性能的功能。本文将专注于ChromeDevTools中调试JavaScript异常的功能，并详细介绍如何使用它来有效捕获和解决JavaScript错误。1.JavaScript异常
- [Python数据可视化] Plotly：交互式数据可视化的强大工具
William数据分析
pythonpython数据分析数据可视化
引言：在数据分析和可视化的世界中，Plotly是一颗耀眼的明星。它是一个开源的交互式图表库，支持多种编程语言，包括Python、R和JavaScript。Plotly的强大之处在于它能够创建出既美观又具有高度交互性的图表，使得数据探索和分析变得更加直观和有趣。本文将详细介绍Plotly的功能，并通过实际示例展示其在数据可视化中的应用。Plotly的优势：交互性：Plotly图表具有丰富的交互功能，
- MoonBit 双周报 Vol.58：原生后端支持、多行字符串插值、json.inspect 功能等多项关键特性取得显著进展！
编程语言
MoonBit更新MoonBit支持native后端Wasm-gc后端支持Js-string-builtinsproposal当通过编译选项-use-js-builtin-string开启使用Js-string-builtins之后，Moonbit面向wasm-gc后端时，会使用JavaScript中的字符串类型表示MoonBit中的字符串，这时生成的wasm可执行文件中将需要从JavaScrip
- 5分钟内理解 .prototype 链 | 2024
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。作为JavaScript继承模型的基石,理解原型对于构建大型应用或进行对象操作至关重要。让我们一起探索这个迷人的话题,揭开原型系统的神秘面纱。什么是原型?在JavaScript中,每个对象都有一个内部属性[[Prototype]]。这个属性
- 从javascript到python(一):基本环境搭建
写在前面本系列文章针对前端开发人员快速地通过javascript相关概念来理解学习python，如果你对javascript本身都不熟悉，可能这些文章就并不适合你的。这些文章主要用语本实验室的前端同学学习之用，描述可能有点累赘，还请读者理解。环境搭建安装VSCode安装Python3.7安装VSCode插件python库的安装说明：本文中的演示均是在macos环境下做的配置安装Python3.7特
- JavaScript 中的 Map 完全指南
szial
javascript开发语言
JavaScript中的Map完全指南引言在JavaScript中，Map是一种用于存储键值对的数据结构，具有灵活的键类型和丰富的方法。相较于传统的对象（Object），Map提供了更高效的键值对操作方式，特别适合处理大量数据和需要频繁操作键值对的场景。本文将详细介绍Map的创建、常用方法、迭代方式，并探讨它与对象的区别和实际应用场景。1.创建Map使用newMap()来创建一个空的Map。con
- 【论文投稿】探索JavaScript前端开发：开启交互之门的神奇钥匙（一）
小周不想卷
艾思科蓝学术会议投稿javascript
目录一、引言二、基础入门2.1变量与数据类型2.2条件与循环语句2.3函数三、DOM操作3.1获取DOM元素3.2修改DOM内容和样式3.3动态创建和删除DOM元素一、引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体验的优劣直接关乎着信息的有效传递与用户的留存。JavaScript，这门在前端开发领域占据核心地位的编程语言，犹如一位神奇的魔法师，为
- Vue环境变量配置指南：如何在开发、生产和测试中设置环境变量
Front_Yue
前端探索之路vue.js前端javascript
-##前言Vue.js是一个流行的JavaScript框架，它提供了许多工具和功能来帮助开发人员构建高效、可维护的Web应用程序。其中一个重要的工具是环境变量，它可以让你在不同的环境中配置不同的参数和选项。在这篇博客中，我们将介绍如何在Vue应用程序中设置环境变量，以及如何在开发、生产和测试环境中使用它们。正文内容一、什么是环境变量环境变量是操作系统中的一组动态值，它们可以影响应用程序的行为。这些
- 只有 1% 的开发人员能在 60 秒内找到代码中的错误
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{result:a+b};}console.log(getResult(2,3));//结果真的是5吗？表面看上去，这只是一个“把两个数相加，然后返回对象”的函数，可实际运行后却并非预期的{resul
- json相关内容(python)
大哥喝阔落
jsonpython开发语言
JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。Python提供了json模块来处理JSON数据。以下是关于Python中JSON的详细内容：1.导入json模块importjson2.将Python对象转换为JSON字符串使用json.dumps()函数可以将Python对象（如字典、列表、字符串、数字等）转换为JS
- 玩转前端正则表达式
正则表达式前端后端
文章首发本人博客，由于格式和图片解析问题，可以前往阅读原文JavaScript中的正则是Perl的大子集，但Perl内部的一些表达式却没有继承正则表达式是用于匹配字符串中字符组合的模式(可参考MDN教程)扫码关注公粽号，查看更多优质文章一个例子使用正则将一个数字以科学计数法进行表示，如：//10000000=>10,000,000现在用一个正则来解决conststr='10000000'const
- 理解静态类型：为什么选择TypeScript？
本文我们要讨论一个非常关键的概念——静态类型，以及它是如何帮助我们更好地编写代码的，特别是为什么在开发中选择TypeScript而不是传统的JavaScript。我们可能已经听说过静态类型这个词，但是它到底是什么意思？它对我们编写代码有哪些帮助？今天我们就带你一起深入理解静态类型，探讨TypeScript的优势。4.1什么是静态类型？首先，让我们明确一下静态类型这个概念。简单来说，静态类型是指变量
- 深度剖析 JavaScript 变量提升与暂时性死区：原理、实战与避坑指南
在JavaScript中，变量提升与暂时性死区影响着着程序的运行逻辑、性能表现以及可维护性。接下来将从底层原理、实际场景案例以及最佳实践全方位展开深度剖析。变量提升：JavaScript引擎背后的“隐形重构”JavaScript在执行代码前，引擎会率先开启编译流程，其中变量提升堪称关键一环。使用var关键字声明的变量以及函数声明，都会被自动“提升”至所在作用域的顶部。这一过程并非物理层面挪动代码，
- 教你玩转JavaScript元编程
教你玩转JavaScript元编程大家好，我是倔强青铜三。我是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。JavaScript元编程：深度解析Proxy、Reflect和对象属性控制JavaScript元编程超越了典型编程的范畴，为开发人员提供了一套创建高度灵活、高效和响应式代码库的工具。让我们深入探讨Proxy
- 基于jQuery / 原生JS两种方式流畅实现半屏悬浮窗
池泽123
jsjQueryjavascriptjquery前端
本篇分别用jQuery和原生两种方式实现悬浮窗功能和样式的切换，兼容IE完成样式示例使用技术栈：jquery、javaScript、HTML/CSS一、基础版面悬浮窗可以有很多样式，但基础结构可以大致分为触发按钮、遮罩层、内容三部分。触发按钮通常设置在屏幕边缘，我这里举例一个右下的位置展示；联系我们/*悬浮窗触发按钮样式*/.Suspended_window_box{width:150px;hei
- JavaScript防抖与节流的运用
Enti7c
javascript开发语言ecmascript
防抖（Debounce）概念：防抖是指在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。防抖的主要目的是将多次连续触发的事件合并为一次执行，适用于例如输入框输入搜索内容时，避免频繁发送请求，只在用户停止输入一段时间后才发送请求。实现思路：创建一个定时器。当事件触发时，清除之前的定时器。重新创建一个新的定时器，在指定延迟时间后执行回调函数。functiondebounce(func,
- JavaScript 与 TypeScript 的详细对比
JavaScript是当前Web开发的主要编程语言，也是现代前端开发的基石。尽管它灵活而强大，但在大型项目中，JavaScript的动态类型系统和无类型检查常常带来代码管理上的问题。为了解决这些问题，微软在2012年推出了TypeScript，这是一种JavaScript的超集，增加了静态类型检查、接口、类和其他现代化的编程特性。本文将深入对比JavaScript和TypeScript，分析两者在
- 手撸Webpack自定义Loader
前言我们知道webpack只能处理JavaScript和Json文件，面对CSS、图片等资源是无能为力的，它需要通过loader将这些资源转换为可处理的模块。loader的本质是一个解析资源的函数模块，该函数对接受到的内容进行转换，然后返回webpack可处理的资源。loader的执行顺序loader可根据执行顺序区分为：pre：前置loadernormal：普通loaderinline：内联lo
- 深入 JavaScript：前端开发的核心语言
JavaScript是一种广泛应用于前端开发的编程语言，最早由Netscape公司在1995年推出。作为一种轻量、解释性和多范式的编程语言，JavaScript支持事件驱动、面向对象和函数式编程。它不仅是网页交互的核心技术之一，还随着Node.js的出现，逐渐渗透到了后端开发。本文将带你了解JavaScript的核心概念、特点及常见应用场景，帮助你掌握这门现代化的编程语言。一、JavaScript
- Vue.js：轻量高效的前端框架
Vue.js是一个用于构建用户界面的渐进式JavaScript框架，因其轻量、灵活和易上手的特性备受欢迎。Vue.js不仅适合小型项目的快速开发，也可用于构建复杂的单页面应用（SPA）。本文将介绍Vue.js的核心特性、项目结构、常用功能及其在现代前端开发中的应用场景。一、Vue.js简介Vue.js（简称Vue）由尤雨溪于2014年推出，是一个专注于视图层的JavaScript框架。它采用渐进式
- AJAX是如何凭一己之力提高前端程序员的工资水平的？
前端程序员ajax
作者：阿达西链接：juejin.cn/post/7395396352183009290emmm，今天无意间听到一个比较奇怪的信息，就是在很早之前，前端工程师只是一个切图崽，而且工资也不是很高。说白了，就是没含金量的工作。因为那时候的Web应用相对简单，主要关注于页面的静态内容和基本的交互。所以前端开发的工作主要集中在HTML、CSS和基础的JavaScript上。但是自从AJAX出现后，前端程序员
- 如何在 JavaScript 中使用正则表达式匹配电话号码
我得说实话，当我第一次看到一个正则表达式时，那是一次可怕的体验。它看起来就像一个奇怪的外星语言！我心里想：“我花了几个月时间学习编程，现在还得学这个看似超级复杂的语言！？”然而，当我坐下来真正学习正则表达式时，我发现它并不是很难，一旦你学会了语法。为什么我甚至要费心学习正则表达式？当你开始编码越来越多时，它确实在各种情况下都非常方便，不仅仅是为了验证电话号码和电子邮件地址。当从日志中提取数据、从A
- mysql主从数据同步
林鹤霄
mysql主从数据同步
配置mysql5.5主从服务器(转)
教程开始：一、安装MySQL
说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22
二、配置MySQL主服务器（192.168.21.169）mysql -uroot -p &nb
- oracle学习笔记
caoyong
oracle
1、ORACLE的安装
a>、ORACLE的版本
8i,9i : i是internet
10g,11g : grid (网格)
12c : cloud (云计算)
b>、10g不支持win7
&
- 数据库，SQL零基础入门
天子之骄
sql数据库入门基本术语
数据库，SQL零基础入门
做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。
数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
- pom.xml
一炮送你回车库
pom.xml
1、一级元素dependencies是可以被子项目继承的
2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素
3、父项目里的一级元素<modules>
<module>lcas-admin-war</module>
<
- sql查地区省市县
3213213333332132
sqlmysql
-- db_yhm_city
SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35
SELECT * FROM db_yhm_city WHERE class_parent_id =169
SELECT d1.cla
- 关于监听器那些让人头疼的事
宝剑锋梅花香
画图板监听器鼠标监听器
本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。
- JAVA的遍历MAP
darkranger
map
Java Map遍历方式的选择
1. 阐述
对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？
为了解遍历性能的真实差距，包括在遍历ke
- POJ 2312 Battle City 优先多列+bfs
aijuans
搜索
来源：http://poj.org/problem?id=2312
题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。
思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
- Hibernate与Jpa的关系，终于弄懂
avords
javaHibernate数据库jpa
我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。
在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
- 酸爽的console.log
bee1314
console
在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。
/**
* log.js hufeng
* The safe wrapper for `console.xxx` functions
*
- 哈佛教授：穷人和过于忙碌的人有一个共同思维特质
bijian1013
时间管理励志人生穷人过于忙碌
一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。
这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
- other operate
征客丶
OSosx
一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中
二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证]
--------------------------------------------------------------------
若有其他凝问或文中有错误，请及时向我指出，
我好及时改正，同时也让我们一
- 【Scala五】分析Spark源代码总结的Scala语法三
bit1129
scala
1. If语句作为表达式
val properties = if (jobIdToActiveJob.contains(jobId)) {
jobIdToActiveJob(stage.jobId).properties
} else {
// this stage will be assigned to "default" po
- ZooKeeper 入门
BlueSkator
中间件zk
ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。
值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
- MySQL取得当前时间的函数是什么 格式化日期的函数是什么
BreakingBad
mysqlDate
取得当前时间用 now() 就行。
在数据库中格式化时间 用DATE_FORMA T(date, format) .
根据格式串format 格式化日期或日期和时间值date，返回结果串。
可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值:
%S, %s 两位数字形式的秒（ 00,01,
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 4_JAVA+Oracle面试题(有答案)
chenke
oracle
基础测试题
卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。
选择题
1、 What will happen when you attempt to compile and run the following code? （3）
public class Static {
static {
int x = 5; // 在static内有效
}
st
- 新一代工作流系统设计目标
comsci
工作算法脚本
用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。
在这个设计中，最难的地方是系统根据什么来生成流
- oracle 行链接与行迁移
daizj
oracle行迁移
表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下)
第一种情况:
INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
- [JShop]开源电子商务系统jshop的系统缓存实现
dinguangx
jshop电子商务
前言
jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
- 初三全学年难记忆单词
dcj3sjt126com
englishword
several 儿子；若干
shelf 架子
knowledge 知识；学问
librarian 图书管理员
abroad 到国外，在国外
surf 冲浪
wave 浪；波浪
twice 两次；两倍
describe 描写；叙述
especially 特别；尤其
attract 吸引
prize 奖品；奖赏
competition 比赛；竞争
event 大事；事件
O
- sphinx实践
dcj3sjt126com
sphinx
安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server
yum install sphinx
如果失败的话使用下面的方式安装
wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm
yum loca
- JPA之JPQL（三）
frank1234
ormjpaJPQL
1 什么是JPQL
JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。
2 检索单个对象
@Test
public void querySingleObject1() {
Query query = em.createQuery("sele
- Remove Duplicates from Sorted Array II
hcx2013
remove
Follow up for "Remove Duplicates":What if duplicates are allowed at most twice?
For example,Given sorted array nums = [1,1,1,2,2,3],
Your function should return length
- Spring4新特性——Groovy Bean定义DSL
jinnianshilongnian
spring 4
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- CentOS安装Mysql5.5
liuxingguome
centos
CentOS下以RPM方式安装MySQL5.5
首先卸载系统自带Mysql：
yum remove mysql mysql-server mysql-libs compat-mysql51
rm -rf /var/lib/mysql
rm /etc/my.cnf
查看是否还有mysql软件：
rpm -qa|grep mysql
去http://dev.mysql.c
- 第14章 工具函数（下）
onestopweb
函数
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/
- POJ 1050
SaraWon
二维数组子矩阵最大和
POJ ACM第1050题的详细描述，请参照
http://acm.pku.edu.cn/JudgeOnline/problem?id=1050
题目意思：
给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。
如二维数组
0 -2 -7 0
9 2 -6 2
-4 1 -4 1
-1 8 0 -2
中和最大的子矩阵是
9 2
-4 1
-1 8
且最大和是15
- [5]设计模式——单例模式
tsface
java单例设计模式虚拟机
单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点
安全的单例模式：
/*
* @(#)Singleton.java 2014-8-1
*
* Copyright 2014 XXXX, Inc. All rights reserved.
*/
package com.fiberhome.singleton;
- Java8全新打造，英语学习supertool
yangshangchuan
javasuperword闭包java8函数式编程
superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。
升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
