≡ 分类 ≡
≡ 推荐 ≡
- PHP Token 认证机制实现
- PHP PDO预处理条件查询
- JavaScript 默认值设置方法
- Promise 的基本使用方法
- 完整支持TRUNCATE TABLE和其他SQL语句的导入方案
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
- MySQL 5.7 忘记 root 密码解决方法
- HTML 图片异步加载
- 根据某数组，在另一个数组中检索并输出对应值
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP之glob函数
- DIY服务器硬盘RAID选用
- PHP代码优化及PHP相关问题总结
- Windows操作系统发展历史二
- 用PHP函数解决SQL injection
- ISP如何在网内部署BGP路由协议
- Div+CSS：absolute与relative
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- 采集cz88.net免费代理的小程序
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
JavaScript 默认值设置方法
在 JavaScript 中，有几种常见的方式可以为变量或函数参数设置默认值：
1. 逻辑或操作符 || (传统方式)
let name = userInput || '默认姓名';
当 userInput 为 falsy 值（如 null, undefined, '', 0, false, NaN）时使用默认值
缺点：会覆盖所有 falsy 值，有时可能不符合预期
2. 空值合并操作符 ?? (ES2020)
let name = userInput ?? '默认姓名';
只在 userInput 为 null 或 undefined 时使用默认值
不会覆盖其他 falsy 值（如 0, false, ''）
...
类别：网页编程 - JavaScript 查看：32 更新：2025-05-25
JavaScript URL编码与解码方法
在 JavaScript 中，有几个内置函数可以用于 URL 编码和解码：
编码函数
encodeURI()
对整个 URI 进行编码
不会编码：A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #
用于编码整个 URL
const url = "https://example.com/测试路径?name=值&age=20";
console.log(encodeURI(url));
// 输出: "https://example.com/%E6%B5%8B%E8%AF%95%E8%B7%AF%E5%BE%84?name=%E5%80%BC&age=20"
encodeURIComponent()
对 URI 的组件部分进行编码
不会编码：A-Z a-z 0-9 - _ . ! ~ * ' ( )
用于编码查询参数等...
类别：网页编程 - JavaScript 查看：33 更新：2025-05-08
JavaScript Promise 用法详解
Promise 是 JavaScript 中用于处理异步操作的对象，它代表一个异步操作的最终完成（或失败）及其结果值。
基本用法
创建 Promise
const myPromise = new Promise((resolve, reject) => {
// 异步操作
if (/* 操作成功 */) {
resolve('成功的结果'); // 调用resolve表示Promise成功完成
} else {
reject('失败的原因'); // 调用reject表示Promise失败
}
});
使用 Promise
myPromise
.then(result => {
// 处理成功情况
console.log(result); // '成功的结果'
})
.catch(error => {
// 处理失败情况
console.error(error); // '失败的原因'
})
....
类别：网页编程 - JavaScript 查看：40 更新：2025-04-12
JavaScript数组求平均值方法总结
基本方法
const arr = [1, 2, 3, 4, 5];
// 1. 使用reduce方法
const average = arr.reduce((sum, num) => sum + num, 0) / arr.length;
console.log(average); // 输出: 3
// 2. 使用for循环
let sum = 0;
for (let i = 0; i < arr.length; i++) {
sum += arr[i];
}
const avg = sum / arr.length;
console.log(avg); // 输出: 3
处理空数组
为了避免除以0的错误，可以添加检查：
function getAverage(arr) {
if (arr.length === 0) return 0; // 或者抛出错误/返回其他默认值
return arr.reduce((a, b) => a + b) / arr.length;
}
console.log(getAverage([])); // 输出: 0
更简...
类别：网页编程 - JavaScript 查看：34 更新：2025-04-10
JavaScript二维数组比较相邻元素
要比较一个二维数组中相邻子数组的第一个元素的大小，你可以使用循环遍历数组并进行比较。以下是几种实现方法
方法一：使用for循环
function compareFirstElements(arr) {
for (let i = 1; i < arr.length; i++) {
const current = arr[i][0];
const previous = arr[i-1][0];
if (current > previous) {
console.log(`第${i}个子数组的第一个元素(${current}) 大于 第${i-1}个子数组的第一个元素(${previous})`);
} else if (current < previous) {
console.log(`第${i}个子数组的第一个元素(${current}) 小于 第${i-1}个子数组的第一个元素($...
类别：网页编程 - JavaScript 查看：21 更新：2025-04-10
JavaScript保留两位小数方法总结
JavaScript 保留两位小数的方法
在 JavaScript 中有多种方法可以将数字保留两位小数，以下是几种常用的方法：
1. 使用 toFixed() 方法
let num = 123.45678;
let result = num.toFixed(2); // "123.46" (返回的是字符串)
注意：toFixed() 返回的是字符串，如果需要数字可以再转换：
let numResult = parseFloat(num.toFixed(2)); // 123.46 (数字)
2. 使用 Math.round() 方法
let num = 123.45678;
let result = Math.round(num * 100) / 100; // 123.46 (数字)
3. 使用 Number.EPSILON 避免舍入误差
let num = 123.45678;
let result = Math.round((num + Number.EPSILO...
类别：网页编程 - JavaScript 查看：48 更新：2025-04-07
php+javascript+websocket推送消息
功能需求：通过设置一个websocket服务端与客户端连接，增加一个后端接口，当接口触发时，推送消息到客户端
客户端JS通过new WebSocket时，会在服务端完成握手。而php接口通过socket_create、socket_connect连接，不会完成握手，也不需要。所以通过传递参数 from 来判断是从客户端还是从接口传来的消息
PHP服务端代码：server.php
<?php
class socketServer
{
const LISTEN_SOCKET_NUM = 9;
const LOG_PATH = "./log/"; //日志
private $_ip = "127.0.0.1"; //ip
private $_port = 8080; //端口 要和前端创建WebSocket连接时的端口号一致
private $_socketPool =...
javascript怎么将字符串转为xml格式
JavaScript是一种广泛应用于前端Web页面开发的脚本语言。在Web开发中，我们通常需要将数据以XML格式发送到服务器，或从服务器接收XML数据并解析。在这样的情况下，将JavaScript字符串转换为XML格式是非常重要的。
第一步，了解XML格式
在将字符串转换为XML之前，我们需要了解XML是什么以及它的基本结构。XML是扩展标记语言（XML），用于描述数据的结构和内容。 XML可以被用于数据传输和数据存储，也可以被用于描述应用程序的配置信息等。
XML由标记和文本组成。标记是XML元素，用于描述数据。标记之间可以包含文本和其他标记。每个XML元素都由一个开始标记和一个结束标记组成，开始标记包含元素...
类别：网页编程 - JavaScript 查看：180 更新：2023-07-20
JavaScript 性能利器 —— Web Worker
简介
Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使用（一个共享线程对应多个主线程）。
专用线程可以看做是默认情况的 Web Worker，其加上修饰词的目的是为了与共享线程进行区分。本文会较为严格地区分两者，可能较为累赘，但个人认为这是必要的。如果单纯以 Web Worker 字样出现的地方指的是两者都会有的情况。
用途
Web Worker 的意义在于可以将一些耗时的数据处理操作从主线程中剥离，使主线程更加专注于页面渲染和交互。...
类别：网页编程 - JavaScript 查看：192 更新：2023-07-20
javascript解析XML DOM
DOM 是以层次结构组织的节点或信息片段的集合,这个层次允许开发人员在树中导航以寻找特定信息，分析该结构通常需要加载 整个文档和结构层次结构，然后才能做其他工作。由于她是基于信息层次的，因而DOM被认为是基于树或基于对象的 Info.xml <?xml version='1.0' encoding='gb2312'?> <Info> <basic country="china"> <name num="3">霍元甲</name> <age>42</age> <sex>男</sex> </basic> <description>精武门的创始人</description> </Info> html: <!DOCTYPE HTML PUBLIC "-//W3C/...
javascript读取xml
/** * 得到XML文件属性的集合对象 * @param xmlDoc XML对象 * @param name 属性名称 如: user * @return 返回 Array 对象 * Example XML: * <?xml version='1.0' encoding='utf-8'?> * <ekuy> * <user> * <name> * <cnname>小猪</cnname> * </name> * <age>27</age> * </user> * <user> * <name>...
类别：网页编程 - JavaScript 查看：142 更新：2014-06-18
JavaScript定时机制
容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert('你好!'); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了.同理对setInterval的callbackFunction方法每间隔100毫秒就立即被执行深信不疑!但随着JavaScript应用开发经验不断的增加和丰富,有一天你发现了一段怪异的代码而...
类别：网页编程 - JavaScript 查看：151 更新：2014-06-14
JavaScript 图片预览效果
随着浏览器安全性的提高，要实现图片预览也越来越困难。不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。兼容：ie6/7/8, firefox 3.5.5，后台支持下还兼容：opera 10.10, safari 4.0.4, chrome 3.0。【基本原理】图片预览主要包括两个部分：从file表单控件获取图像数据，根据数据显示预览图像。程序的file和img属性就是用来保存file控件和显示预览图像的容器的，而img还必须是img元素。程序有以下几种预览方式：simple模式：直接从file的value获取图片路径来显示预览，适用于ie6；filter模式：通过selection获取file的图片路径，再用滤镜来显示预览，适用于ie7/8...
类别：网页编程 - JavaScript 查看：161 更新：2014-06-14
用Javascript为图片img添加onclick事件
我们在一些文章发布系统中，后台使用的编辑器插入图片的时候并不会自动给图片加上链接，有时候图片太大了，会将窗口撑开，为了不影响美观，我们也许会将图片缩小，于是乎，就要将图片放大，有些编辑器非常复杂，更改起来不方便，那么我们可以直接在显示文章内容的页面使用Javascript给图片批量都加上onclick事件。。。
假设如下一段文章内容存放于如下一个DIV中：
以下是HTML代码： <div id="content">
<img src="1.gif" />
<img src="2.gif" />
<img src="3.gif" />
<img src="4.gif" />
<img src="5.gif" />
</div>...
类别：网页编程 - JavaScript 查看：715 更新：2014-06-03
firefox与IE中对javascript和CSS的区别
1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象.3.自定义属性问题 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获...
类别：网页编程 查看：143 更新：2014-06-03
Javascript实现图片按比例缩放的函数
以下是代码：【运行代码】【复制代码】 <script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 150; //定义允许图片宽度
var iheight = 100; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"&...
类别：网页编程 - JavaScript 查看：127 更新：2014-05-26