Oct012020
使用jQuery实现下拉菜单效果
在Web开发中，下拉菜单是常见的交互组件之一。使用JavaScript库jQuery可以简化下拉菜单的实现过程，提升用户体验。本文将介绍如何使用jQuery来实现下拉菜单效果。
基本思路
实现下拉菜单的基本思路是，在菜单项上绑定事件，当鼠标悬停在菜单项上时，显示下拉菜单；当鼠标离开菜单项或下拉菜单时，隐藏下拉菜单。
HTML结构
下面是一个简单的HTML结构，包含一个菜单项和一个下拉菜单：
<...阅读全文
抢沙发
Sep162020
使用jQuery实现图片懒加载，优化网页性能！
在网页开发中，图片往往是占用大量带宽和加载时间的主要原因之一。而图片懒加载技术则可以大幅度减少页面的加载时间，提升用户体验。在本文中，我们将学习如何使用jQuery实现图片懒加载，从而优化网页性能。
什么是图片懒加载？
图片懒加载（Lazy Load）是一种技术，它延迟加载页面上的图片，只有当图片进入用户的视口（Viewport）中时，才进行加载。这样可以有效减少初始页面的加载时间...阅读全文
Jul262020
使用jQuery实现悬浮菜单效果，提升导航体验！
导航菜单是网站中非常重要的一部分，它能够帮助用户快速定位并浏览网站的各个页面。然而，有时候我们的导航菜单可能会比较长，需要用户不断地滚动页面才能找到想要的选项，这样可能会给用户带来不便。为了解决这个问题，我们可以使用jQuery来实现一个悬浮菜单效果，提升导航体验。
准备工作
在使用jQuery之前，我们需要确保已经引入了jQuery库文件。在HTML文件的<head>标签中添加以...阅读全文
Jul022020
Vue.js中的生命周期钩子：如何有效使用它们
在Vue.js中，生命周期钩子是一组在特定时间被Vue实例调用的函数。这些钩子允许我们在组件生命周期的不同阶段执行自定义的逻辑。正确和有效地使用这些钩子，可以使我们的应用程序更加健壮、可维护，并优化性能。在本文中，我们将详细探讨Vue.js的生命周期钩子，以及如何有效使用它们。
一、Vue.js的生命周期钩子
Vue.js的生命周期钩子主要包括以下四个阶段：
创建阶段：包括beforeCreate...阅读全文
Jun272020
uploadify h5版本
Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：
支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
通过接口参数和CSS控制外观
该插件之前使用的是flash实...阅读全文
Jun262020
jquery实现投票占比特效
jquery实现投票占比特效，具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery实现投票占比特效</title>
<style type="text/css">
#ProgressBarBox{vertical-align: middle;}
#ProgressBarBox div {float:left;}
#processBar{width:6px;height:10px; backgrou...阅读全文
Jun262020
jQuery实现的简单百分比进度条效果示例
jQuery实现的简单百分比进度条效果示例，具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery实现的简单百分比进度条效果示例</title>
</head>
<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript"...阅读全文
May062020
DVWA-13.1 CSP Bypass（绕过浏览器的安全策略）-Low
CSP
Content-Security-Policy是指HTTP返回报文头中的标签，浏览器会根据标签中的内容，判断哪些资源可以加载或执行。翻译为中文就是内容安全策略。是为了缓解潜在的跨站脚本问题（XSS），浏览器的扩展程序系统引入了内容安全策略这个概念。原来应对XSS攻击时，主要采用函数过滤、转义输入中的特殊字符、标签、文本来规避攻击。CSP的实质就是白名单制度，开发人员明确告诉客户端，哪些外部...阅读全文
Apr262020
jQuery ajax再封装使用方法
有时候我们需要统一整个项目的ajax请求格式，比如在所有的ajax请求中附加上一些必须的参数，这时就不可能一个一个的去加了，我们可以在jquery的ajax方法的基础上再封装一层做统一处理，具体代码如下，供参考：
/**
* ajax post 提交
* @param param 参数(json格式)
* @param successCallback 成功后的回调函数
* @return
* @author www.phpernote.com
*/
function sendAjax(param, ...阅读全文
Apr262020
鼠标点击页面放烟花效果
鼠标点击页面放烟花效果。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>鼠标点击页面放烟花</title>
<style>
body {
background-color: #000;
color: #999;
font: 100%/18px helvetica, arial, sans-serif
...阅读全文