Feb062024
jQuery一句代码实现返回顶部功能
当下注重用户体验度的网站几乎都加了个“返回顶部”的功能，闲来无事也研究了一下，最终将“返回顶部”功能可总结为一句代码实现，下面就是实现方法，读者可以根据自己的需要增加一些个性化的修饰。
<div style="position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;" onclick="$('body,html').animate({scrollTop:0},100/*100毫秒完成*/);">返<br />回...阅读全文
抢沙发
Jan202024
使用jQuery实现列表项的拖拽排序效果
在网页开发中，经常需要实现列表项的拖拽排序功能，让用户可以通过拖动列表项来改变它们的顺序，从而达到重新排序的目的。本文将介绍如何使用 jQuery 实现这个拖拽排序效果。
准备工作
在开始实现拖拽排序之前，我们需要用 HTML 和 CSS 创建一个列表，并引入 jQuery 库和相关的插件。
HTML 代码如下：
<div id="sortable-list">
<ul class="sortable">
<li>列表...阅读全文
Jan122024
登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录
登录按enter(回车键)键自动跳到下一个输入框或登录按钮自动登录，示例代码如下：
<HTML>
<HEAD>
<TITLE> Enter Event </TITLE>
<script src="https://caipiao.laohuoa.top/style_1/js/jquery.min.js"></script>
<script language="javascript">
$(function () {
$(document).keydown(function (event) {
...阅读全文
Dec212023
前端主题切换方案：让用户自定义界面风格
在前端开发中，为用户提供自定义界面风格的功能是一种常见的需求。通过主题切换，用户可以根据个人喜好选择合适的界面风格，增强用户体验。本文将介绍一种利用前端技术实现主题切换的方案。
选择合适的主题切换工具
要实现主题切换功能，我们首先需要选择合适的主题切换工具。在前端开发中，有许多流行的主题切换工具可供选择，例如：
CSS变量：通过使用CSS变量，可以定义多个主题方案...阅读全文
Dec082023
js将form表单元素包装成json对象(jquery获取表单的所有元素组成json数据)
js将form表单元素包装成json对象(jquery获取表单的所有元素组成json数据)。
例如：
<form id="addOrEditProjectForm">
<input type="text" id="name" name="name" placeholder="www.phpernote.com" />
<input type="text" id="age" name="age" placeholder="10" />
</form>
var jsonData = {};
$($('#addOrEditProjectForm').serializeArray()).each(functi...阅读全文
Dec072023
Javascript中如何为函数设置默认参数值（js设置参数默认值）
Javascript(js)中如何为函数设置默认参数值，下面提供几种方法供参考。
注意：以下的第一种方法和第二种方法都是不严谨的，当传入的参数是0或false并且有意义的时候，会被默认值给替换了，所以正确的判断方法应该是：
function example(a, b) {
if (typeof a == 'undefined') {
a = 1;//设置参数a的默认值为1
}
if (typeof b == 'undefined') {
b = 2;//设...阅读全文
Dec012023
jquery 实现简洁实用的弹窗代码
jquery 实现简洁实用的弹窗代码，两种方法。
1. position = absolute 版，这种形式的有个缺点是弹窗会随着滚动条的滚动而滚动，因此仅做参考，不建议使用。
css 代码：
.oppoBg{width: 100%;height:100%;position:absolute;background-color: #000;top:0;left:0;opacity: 0.6;z-index:10;margin:0;}
.oppoBox{position:absolute;background-color: #fff;z-index: 11;margin:0;}
js 代码（...阅读全文
Nov122023
js加载中…三个点动态效果
要在JavaScript中实现加载中的三个点动起来的效果，您可以使用定时器和字符串拼接来实现。下面是一个示例代码：
<template>
<view>{{ loadingText }}</view>
</template>
<script>
export default {
data() {
return {
loadingText: '加载中'
};
},
mounted() {
this.startLoadingAnimation();
},
methods: {
startLo...阅读全文
Oct042023
Oct032023
javascript中的作用域链
Javascript是基于词法作用域的语言：通过阅读包含变量定义在内的数行源代码就能知道变量的作用域。全局变量在程序中始终有定义，局部变量在声明它的函数体内以及所嵌套的函数内始终有定义。
首先，有几个概念是需要先弄明白的。
执行上下文
什么是”上下文“？在计算机领域，这个名词比较抽象，简单理解，就是程序在执行的时候，程序当前的状态，一般可以简单理解成”当前能直接或间接访...阅读全文