May032018
使用jQuery实现折叠面板效果,提升页面内容展示!
在网页设计中,为了更好地展示内容,我们常常会使用折叠面板效果。折叠面板可以让用户在页面上折叠或展开特定内容,以便更好地组织和呈现信息。使用jQuery库,我们可以轻松地实现这一功能,并提升页面的用户体验。
HTML结构设置
首先,我们需要设置一个基本的HTML结构。在这个例子中,我们将使用一个简单的FAQ页面作为示例。
<div class="accordion">
<div class="accordion-i...阅读全文
抢沙发
Apr252018
将滚动条(scrollbar)保持在最底部的方法(比如聊天窗口)
有些时候(如开发聊天程序),我们需要将将滚动条(scrollbar)保持在最底部,比如聊天窗口,最新发出和收到的信息要显示在最下方,如果要保证不用拉滚动条就能立即看到最下方的内容,就必须保证滚动条一直保持在最底部。
具体示例如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div...阅读全文
Apr232018
5 jmeter性能测试小小的实战
项目描述
被测网址:www.sogou.com指标:相应时间以及错误率场景:线程数 20、Ramp-Up Period(in seconds) 10、循环次数 10
测试步骤
1.打开jmeter工具,右击“测试计划”–>“添加”–>“线程组”,创建一个线程组。线程组设置(线程数 20、Ramp-Up Period(in seconds) 10、循环次数 10):-线程数:虚拟用户数。-ramp up period:设置的虚拟用户数需要多长时间全部启动。如果线...阅读全文
Apr232018
如何使用Canvas绘制动画效果
在 Web 开发中,Canvas 是一个强大的 HTML5 元素,可以用来绘制图形、动画和其他视觉效果。使用 Canvas 可以在网页中创建交互性的动画效果,为用户提供更丰富的用户体验。
准备工作
在开始绘制 Canvas 动画之前,我们需要在 HTML 文件中添加一个 Canvas 元素,并指定其宽度和高度,同时设置一个 ID:
<canvas id="myCanvas" width="800" height="600"></canvas>
接下来,我...阅读全文
Apr202018
浅谈 php 采用curl 函数库获取网页 cookie 和带着cookie去访问网页的方法
由于近段时间帮朋友开发一个能够查询正方教务系统的微信公众平台号。有所收获。这里总结下个人经验。
开讲前,先吐槽一下新浪云服务器,一个程序里的 同一个函数 在PC测试可以正常运行,在它那里就会挂的现象。
老样子,我将在代码里注释清楚。使用下面的函数,将会获得两种形式的 cookie,一种保存在文件中,一种直接以变量的形式返回。
经验提示: 有时候,在不同的代码运行环境中,...阅读全文
Apr202018
php curl设置自定义的HTTP请求头
通过curl模拟http请求的时候,如果希望服务器返回正确的文档类型和文档语言设置,就需要在请求里面带上 header 头信息了。这里记录一下php curl 带着请求头模拟访问网页的方法。
$headers = array();
$headers[] = 'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8';
$headers[] = 'Accept-Language: zh-CN,zh;q=0.8';
$headers[] = 'Cache-Control: no-cache'...阅读全文
Apr182018
1 认识开源性能测试工具jmeter
典型的性能测试工具主要有2个,Load Runner和jmeter。Load Runner是商业化的,Jmeter是开源的。下面我们认识一下开源性能测试工具jmeter。
1、jmeter是什么?
Apache JMeter是Apache组织开发的基于Jave的压力测试工具。
Jmeter可以用于对服务器,网络或对象模拟巨大的负载,来自不同压力类别下测试它们的强度和分析整体性能。另外Jmeter能够对应用程序做功能/回归测试,通过创建带有断言的...阅读全文
Apr172018
Apr082018
分享一个弹幕效果,jquery弹幕插件
分享一个jquery弹幕效果,具体代码细节就不分析了,经整理代码已经极简化了,有兴趣的可以参考下,文末提供了效果下载,可看完整的弹幕效果。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>jquery弹幕效果插件</title>
<link rel="stylesheet" type="text/css" href="barrager.css">
<scrip...阅读全文
Apr062018
PHP实现公历与农历互相转换的方法
演示效果:
Array
(
[0] => 2020
[1] => 四月
[2] => 十三
[3] => 庚子
[4] => 4
[5] => 13
[6] => 鼠
[7] => 4
)
新建一个index.php文件
<?php
header("Content-Type:text/html;charset=utf-8");
include "lunar.php";
$Lunar = new Lunar();
$year = date('Y');
$month = date('m');
$day = date('d');
$month = $Lunar-...阅读全文