- 博客(100)
- 资源 (6)
- 收藏
- 关注
原创 PHP猜数字游戏
PHP猜数字游戏session<?php// 找一个属于当前访问者的箱子// 并且把箱子的钥匙(session_id)交给用户(cookie)session_start();if (empty($_SESSION['num']) || empty($_GET['num'])) { $num = rand(0, 100); // 存在 cookie 中不保险,存在服务端...
2020-02-28 20:14:51 860
原创 PHP音乐工作室
PHP音乐工作室add.php<?phpfunction add () { // 目标:接收客户端提交的数据和文件,最终保存到数据文件中 $data = array(); // 准备一个空的容器,用来装最终要保存的 数据 $data['id'] = uniqid();//生成唯一标识符 // 1. 接收提交的文本内容 // ===================...
2020-02-28 20:01:50 73
原创 PHP注册表单
PHP注册表单<?php/** * 回发处理逻辑 */function postback () { // // 申明 $message 是全局 // global $message; // 1. 校验参数的完整性 if (empty($_POST['username'])) { // 没有提交用户名 或 用户名为空字符串 $GLOBALS['me...
2020-02-28 18:23:24 283
原创 网络状态切换效果&h5
网络状态切换效果&h5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onLine</title> <style> body { padding: 0; margin: 0; backg...
2020-02-27 22:20:10 169
原创 文件读取&h5
文件读取&h5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件读取</title></head><body> <input type="file" class="file" mul...
2020-02-27 22:12:37 110
原创 drag拖拽
drag拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> body { padding: 0; margin: 0; background-color: ...
2020-02-27 22:01:03 83
原创 百度地图API&h5
百度地图API&h5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"...
2020-02-27 21:46:25 224
原创 搜索历史记录
搜索历史记录<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>首页</title> <style> *{ margin: 0; pad...
2020-02-27 18:19:19 228 1
原创 单页面应用程序--仿网易云音乐
单页面应用程序–仿网易云音乐index.js/*$(function () { /!*history.pushState*!/ /!*history.replaceState*!/ /!*window.onpopstate*!/ $('.wrapper').on('click', 'a', function () { var $this = ...
2020-02-27 17:35:31 281
原创 自定义视频播放器
自定义视频播放器<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>视频播放</title> <!--字体图标库--> <link rel="stylesheet" href="css/f...
2020-02-26 22:38:02 173
原创 私有前缀
私有前缀常见私有前缀-moz、-ms、-webkit-moz代表Firefox浏览器私有属性,-ms代表IE浏览器私有属性,-webkit代表Safari、Chrome私有属性。-webkit-是webkit内核,-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozilla。作用为了兼容老版本的写法。浏览器私有前缀,是浏览器对于新CSS属性的一个提前支...
2020-02-26 19:16:49 348
原创 CSS3
CSS3结构伪类选择器:first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型:nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。n 可以是数...
2020-02-25 18:33:25 52
原创 触摸图片显示边框
触摸图片显示边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 632px; height: 340px; position:...
2020-02-25 18:28:06 113
原创 HTML5
HTML 5兼容性问题:IE9以上的版本才能使用HTML5 新标签header:定义文档的页眉 头部nav:定义导航链接的部分footer:定义文档或节的页脚 底部article:定义文章。section:定义文档中的节(section、区段)aside:定义其所处内容之外的内容 侧边<header> 语义 :定义页面的头部 页眉</header>...
2020-02-25 18:03:30 165
转载 canvas绘图
canvas绘图准备画布,画布是白色的 而且默认300*150<canvas width="600" height="400" ></canvas>建议直接行间设置宽高,不建议在样式表中设置,因为在样式表中设置呈现的是原始画布被拉伸的效果。准备绘制工具,获取元素和上下文/绘制工具箱var myCanvas = document.querySelector('canva...
2020-02-25 01:59:07 221
原创 3D切片轮播图
3D切片轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; ...
2020-02-23 18:10:21 148
原创 load()局部刷新和NProgress进度条
load()局部刷新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>主页面</title> <link rel="stylesheet" href="bootstrap.css"> <link rel...
2020-02-21 15:41:54 434
原创 关于上传路径中文文件路径的问题
关于上传路径中文文件路径的问题有函数如:move_uploaded_file() 在windows中文系统上要求传入参数如果有中文必须是GBK编码这个时候要用如:iconv('UTF-8','GBK',$images['name'][$i])转码解决...
2020-02-21 13:46:29 321
原创 Ajax
Ajax var xhr = new XMLHttpRequest() console.log(xhr.readyState) // => 0 // 初始化 请求代理对象 xhr.open('GET', 'time.php') console.log(xhr.readyState) // => 1 // open 方法已经调用,建立一个与服务端特定端口的连接 ...
2020-02-21 00:08:31 128
原创 Cookie和Session
Cookie的作用范围path设置Cookie作用路径范围domain设置Cookie作用域名范围httponly只能在请求响应过程中才能设置使用Cookie,不能用js在本地或者服务器操作secure设置用https...
2020-02-20 20:25:44 73
原创 UTF-8 with BOM
UTF-8 with BOM在utf-8编码文件中BOM在文件头部,占用三个字节,用来标识该文件属于utf-8编码,现在已经有很多编程语言文件和软件能识别BOM头,但还是有些不能识别BOM头部,比如PHP就不能识别BOM头部。容易产生报错的情况用记事本编辑utf-8编码的PHP文件后,会报错,因为在windows环境下,用记事本打开任何一个文本文件,另存为utf-8格式后,这样文件就自动被加...
2020-02-20 17:57:11 415
原创 多库共存
多库共存一个html文件引入了多个的js文件库,每个js库中的顶级对象可能都是$或者说是所有的重名现象解决var newname = $.noConflict();//把$的权利给了newname了,$就可以作为其他的用法出现在代码中...
2020-02-16 23:18:05 258
原创 五星评分
五星评分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五角星评分案例</title> <style> * { padding: 0; margin: 0; } ...
2020-02-16 23:01:48 107
原创 获取用户按下的键
获取用户按下的键<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> div{ width: 200px; height: 100px; ...
2020-02-16 22:56:29 232
原创 复选框jQuery
复选框jQuery $(function () { //全选和全不选 //获取thead中的复选框,获取他的这个选中的状态// $("#j_cbAll").click(function () {// //获取当前的复选框的选中状态// var flag= $(this).prop("checked");// ...
2020-02-16 20:01:27 133
原创 选择适合的人
选择适合的人<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.12.1.js"></script> <script> ...
2020-02-16 17:25:06 77
原创 图片框鼠标进入突出显示
图片框鼠标进入突出显示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; paddi...
2020-02-16 16:02:13 266
原创 动画
动画相关方法show和hide方法slideDown()滑出slideUp()滑入slideToggle()切换滑入和滑出fadeIn()淡入fadeOut()淡出fadeToggle()切换淡入和淡出fadeTo(时间,透明值结束);2.参数参数1:时间----1000毫秒—1秒参数2:回调函数—动画执行完毕后才执行slow ...
2020-02-16 16:00:13 65
原创 链式编程
链式编程简单的的说:就是对象不停地调用方法对象.方法().方法.方法().方法();原理对象调用方法,如果返回值还是当前这个对象,那么就可以继续的调用方法在jQuery中,一般情况,对象调用的方法,这个方法的意思是设置的意思,那么返回来的几乎都是当前的对象,就可以继续的链式编程了...
2020-02-16 13:05:01 85
原创 好友面板
好友面板<!DOCTYPE html><html><head lang="en"> <title></title> <meta charset="UTF-8"> <style type="text/css"> #u1 li { margin-...
2020-02-15 23:12:24 89 1
原创 商品展示框
商品展示框<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;...
2020-02-15 22:21:05 310
原创 hide()和show()显示隐藏动画
显示/隐藏下拉菜单<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding...
2020-02-15 21:44:56 276
原创 jQuery
jQueryjQuery是一种JavaScript库,JavaScript库即JavaScript函数库,把一些浏览器兼容性的代码或者是常用的函数封装在一个js文件中。先引入jQuery<script src="jquery-1.12.1.js"></script>jQuery中的顶级对象$jQuery----可以用$符号来代替,为了方便,jQuery(jQue...
2020-02-15 20:24:26 169
原创 JavaScript贪吃蛇
JavaScript贪吃蛇Food.js/** * Created by Administrator on 2017-09-27. *///自调用函数----食物的(function () { var elements = [];//用来保存每个小方块食物的 //食物就是一个对象,有宽,有高,有颜色,有横纵坐标,先定义构造函数,然后创建对象 function F...
2020-02-14 12:02:49 105
原创 商品放大镜
商品放大镜<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .box...
2020-02-14 11:38:22 94
原创 评论区
无刷新评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><table id="tb" border="1"> <tbod...
2020-02-14 11:15:34 192
原创 拼接大量字符串处理
拼接大量字符串处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><input type="button" value="拼接字符串" ...
2020-02-14 11:04:19 141
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人