- 博客(40)
- 收藏
- 关注
原创 动画效果
(1)animation-name:指定动画名称(2)animation-duration:设置动画总耗时(3)animation-iteration-count:设置动画播放次数(4)animation-direction:alternate //设置交替动画(5)animation-delay:设置动画延迟(6)animation-fill-mode:forward|backward...
2019-06-20 22:41:40 137
原创 transform转换
transform转换:对元素实现移动、缩放、旋转、斜切等操作属性:2D转换(1)2d移动:translate(x)|translate(x,y);x:x轴移动的向量长度y:y轴移动的向量长度单方向:translateX(x)、translateY(y)(2)2d缩放:scale(xy)|scale(x,y);x:x轴方向缩放y:y轴方向缩放xy:两个方向缩放一样单...
2019-06-20 22:41:11 321
原创 过渡效果
transition-property:添加过渡效果的样式属性名称(all:所有样式)transition-duration:过渡时间的耗时(秒)transition-delay:延迟过渡效果transition-timing-function:设置时间函数,控制运动的速度属性值:linear:匀速ease:先慢后快再慢速结束ease-in:以慢速开始的过渡效果ease-out...
2019-06-20 22:40:23 321
原创 渐变效果
线性渐变 linear-gradient([point||angle],<color [startpos]>,<color [endpos]>[,<color pos>]*);ponit/angle参数值:(1)to left:设置渐变从右到左,相当于270deg(2)to right:设置渐变从左到右,相当于90deg(3)to top:...
2019-06-20 22:39:55 235
原创 阴影效果
文本阴影 text-shadow:offsetX offsetY blur color;offsetX:x轴偏移量offsetY:y轴偏移量blur:模糊值,值越大越模糊,不能为负数color:颜色演示代码<!DOCTYPE html><html> <head> <title>文本阴影</title>...
2019-06-20 22:39:25 114
原创 CSS3新增布局效果
盒模型:box-sizing(1)content-box:设置的width属性值仅仅是内容的宽度。(2)border-box:设置的width属性值就是盒子最终的宽度,包含了border、padding和内容。颜色:rgb(红,绿,蓝);//取值都在0~255hsl(颜色[0~360],饱和度[0%~100%],明度[0%~100%])opacity:透明度,取值0~1,子元素会继...
2019-06-20 22:38:58 312
原创 CSS3新增选择器
属性选择器:E[attr]:查找指定的拥有attr属性的E标签E[attr=value]:查找指定的拥有attr属性值为value的E标签E[attr*=value]:查找指定的拥有attr属性值中任意位置包含value的E标签E[attr^=value]:查找指定的拥有attr属性值以value开头的E标签E[attr$=value]:查找指定的拥有attr属性值以value结尾的E标...
2019-06-19 14:30:11 418
原创 Web存储
sessionStorage的使用:(1)数据存储到当前页面,存储容量5mb左右。(2)同一个浏览器不同页面无法共享数据。生命周期:关闭当前页面就清除。相关函数:setItem(key,value); //以键值对的方式存储数据getItem(key); //通过key获取对应的value值removeItem(key); //通过key删除对应的value...
2019-06-19 14:22:07 112
原创 拖拽事件
应用于被拖拽元素的事件ondrag:整个拖拽过程都会触发ondragstart:拖拽开始时触发ondragleave:鼠标离开拖拽目标时触发ondragend:拖拽结束时触发应用于目标元素的事件ondragenter:拖拽元素进入时触发ondragover:停留在目标元素上时触发ondrop:在目标上松开鼠标时触发ondragleave:鼠标离开拖拽目标时触发演示代码...
2019-06-19 14:20:26 865 4
原创 读取文件
FileReader对象readAsText():读取文本文件,返回字符串,默认编码为UTF-8。readAsBinaryString():读取任意文件,返回二进制字符串。readAsDataURL():读取文件获取一段以data开头的字符串。abort():中断读取 。相关事件:onabort:读取文件中断时触发onerror:读取错误时触发onload:文件读取成功完...
2019-06-19 14:18:57 860
原创 全屏接口
requestFullScreen();//开启全屏显示cancelFullScreen();//退出全屏显示fullScreenElement();//是否全屏状态<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" />...
2019-06-19 14:17:23 194
原创 网络接口
ononline:网络连通时触发事件onoffline:网络断开时触发事件演示代码:<!DOCTYPE html><html> <head> <title>网络接口</title> <meta charset="utf-8" /> </head> <body></bod...
2019-06-19 14:15:40 122
原创 新增Dom操作
获取单个元素,如有多个满足条件的元素,将返回第一个:var Element = document.querySelector("选择器的名称");获取满足条件的所有元素(数组)var Elements = document.querySelectorAll("选择器的名称");类样式操作:classList:样式列表add:为元素添加指定名称的样式,一次只能添加一个docu...
2019-06-19 14:13:11 230
原创 H5新增标签
语义标签:<header></header><nav></nav><main></main><article></article><aside></aside><footer></footer>功能相当于div,但IE9会解析为行级元素。...
2019-06-19 14:11:57 141
原创 H5新增表单属性
表单新增type属性:邮箱:<input type="email"/>电话:<input type="tel"/>网址:<input type="url"/>数量:<input type="number" value="50" max="100" min="0"/>查找:<input type="search"/>范围:<...
2019-06-19 14:07:49 202
原创 Ajax
Ajax是XMLHTTPequest对象和JavaScript、XML、CSS、DOM等技术的组合。Ajax可以像桌面程序一样只同服务器进行数据层面的交换,而不用每次都刷新页面。发送请求的四个步骤:(1)初始化XMLHTTPRequest对象。(2)为XMLHTTPRequest对象指定一个回调函数,用于对返回结果进行处理。(3)创建一个与服务器的连接。(4)向服务器发送请求。XML...
2019-06-07 22:32:07 921
原创 PHP学习记录
代码标记注释变量常量八种数据类型运算符数组数组相关的函数流程控制函数变量作用域常用的系统函数字符串类型字符串相关函数面向对象编程Web交互编程PHP访问数据库...
2019-06-07 02:12:56 145
原创 PHP访问数据库
在PHP中,无论访问哪种数据库,都需要使用SQL。PHP最适合与MySQL数据库配合使用,主要原因是PHP提供了很多操作MySQL数据库的内置函数,可方便地实现访问和操作MySQL数据库的各种需要。PHP访问MySQL数据库的具体步骤:(1)建立与MySQL服务器的连接;(2)设置字符集;(3)选择要操作的数据库;(4)创建结果集;(5)将结果集中的记录读入数组中;(6)在网页上输出...
2019-06-07 02:09:06 329
原创 数据库接口层PDO(PHP)
一、创建PDO对象连接数据库$con = new PDO(string DSN,string username,string password,[array driver_options]);说明:DSN:数据源名,必选参数。用来指定一个要连接的数据库和连接使用的驱动程序。username:用户名,可选参数。password:密码,可选参数。driver_options:用来指定连...
2019-06-07 02:08:26 405
原创 mysqli扩展函数的使用
一、连接MySQL数据库①使用mysqli_connect()函数$con = mysqli_connect(数据库服务器,用户名,密码,数据库名);②声明mysqli对象$con = new mysqli(数据库服务器,用户名,密码,数据库名);mysqli类中的成员方法connect(); //打开一个新的连接到MySQL数据库服务器select_db();...
2019-06-07 02:07:30 1328
原创 连接MySQL数据库
一、连接MySQL数据库服务器$con = mysql_connect(string hostname,string username,string password);函数功能:通过PHP程序连接MySQL数据库服务器,如果连接成功,则返回1个资源类型的MySQL服务器连接标识,否则返回false。二、设置数据库字符集mysql_query("set names 'utf-8...
2019-06-07 02:06:07 250
原创 SQL语言基础
SQL即结构化查询语言,是操作各种数据库的通用语言。SQL语言本身是比较庞大复杂的,但制作普通动态网站只需要掌握以下最常用的SQL语言。(1)Select语句(查询记录)(2)Insert语句(添加记录)(3)Delete语句(删除记录)(4)Update语句(更新记录)(5)Create语句(创建表或数据库)Select语句作用:从数据库的相关表中查询符合特定条件的记录(行)或字...
2019-06-07 02:04:20 189
原创 使用$_FILES获取上传文件信息 (PHP)
在PHP中,文件上传功能的实现步骤:(1)在网页中上传表单,单击“上传”按钮后,选择的文件数据将发送到服务器。(2)用$_FILES获取上传文件有关的各种信息。(3)用文件上传处理函数对上传文件进行后续处理。说明:(1)如果表单中有文件上传域,则定义表单时必须设置enctype="multipart/form-data",且必须为POST方式发送。(2)限制文件大小可在表单中添加一个...
2019-06-04 02:38:52 20391 1
原创 使用$_COOKIE读取Cookie (PHP)
Cookie实际上是一个很小的文本文件,网站通过向用户硬盘中写入一个Cookie文件来标识用户。当用户下次再访问该网站时,浏览器会将Cookie信息发送给网站服务器,服务器通过读取以前写入的Cookie文件中的信息,就能识别该用户。Cookie的两种形式:(1)会话Cookie。临时性的,只在浏览器打开时存在,主要用来实现Session技术。(2)永久Cookie。永久性的,保存在用户硬盘...
2019-06-04 02:30:43 18923
原创 使用$_SESSION设置和读取Session (PHP)
Session的中文是会话的意思,在Web编程中Session代表服务器与客户端之间的“会话”,意思是服务器与客户端在不断的交流。在PHP中,使用$_SESSION[]可以存储特定用户的Session信息。并且每个用户的Session信息都是不同的。当用户请求网站中任意一个页面时,若用户未建立Session对象,则服务器会自动为用户创建一个Session对象,它包含唯一的SessionID和其...
2019-06-03 01:21:47 49834 5
原创 Web交互编程(PHP)
Web应用程序的基本功能就是与用户进行交互,并处理用户提交的数据。用户提交数据的方法:(1)通过表单提交。(2)使用网址中的URL参数发送数据给服务器。发送数据给浏览器接收浏览器数据:PHP超全局变量$_POST:获取客户端以POST方式发送的HTTP请求信息$_GET:获取客户端以GET方式发送的HTTP请求信息$_REQUEST:包含$_GET、$_POST和$_COOKI...
2019-06-02 01:42:41 277
原创 发送数据给浏览器(PHP)
一、使用echo方法输出信息在PHP中,echo()是最常用的方法,用来将服务器端的数据发送给浏览器。所发送的内容可以是字符串常量、变量、HTML代码、JavaScript代码等所有浏览器能解释的代码。缺省写法:<?=... ?>("<?"和"="之间不能有空格)使用缺省写法时,PHP代码必须用"?>"和"<?"进行封闭。echo的功能和print的功能...
2019-06-02 01:42:01 1067
原创 使用$_SERVER[]获取环境变量信息(PHP)
常用环境变量:QUERY_STRING //URL字符串信息SCRIPT_NAME //当前文件相对于网站目录的路径和文件名SCRIPT_FILENAME //当前文件在硬盘中的路径和文件名PHP_SELF //当前正在执行脚本的文件名DOCUMENT_ROOT //当前网站根目录SERVER_SOFTWARE //Web服务器软件的名称SERVER_...
2019-06-02 01:35:16 1076
原创 使用$_REQUEST[]获取表单数据(PHP)
$_REQUEST[]数组包含了$_GET、$_POST、$_COOKIE数组信息,它可以获取以GET或POST方式提交的数据,已经Cookie数据。代码:<html> <head> <title>使用$_REQUEST[]获取表单数据</title> </head> <body> <?php ...
2019-06-02 01:33:43 3011
原创 使用$_GET[]获取表单数据(PHP)
在PHP中,$_GET数组获取使用GET方式提交的表单数据语法:变量名=$_GET["name"]; //name指表单元素name属性值$_GET[]与$_POST[]的区别:GET方式会将表单中的数据以URL字符串的形式发送给服务器将test.php以GET方式提交,浏览器地址栏会显示http://localhost/test.php?key1=value1&key2=v...
2019-06-02 01:30:38 7453
原创 使用$_POST[]获取表单数据(PHP)
在PHP中,$_POST数组获取使用POST方式提交的表单数据语法:变量名=$_POST["name"]; //name指表单元素name属性值注意:(1)单选框的name属性值一样表示一组,只能选其中一个。(2)复选框的name属性值一样表示一组,但复选框可以多选。当多个复选框属于同一组时,name属性命名必须命名成数组形式(name="XXX[]")。(3)对于文本框、密码框、多行...
2019-06-02 01:26:32 14402
原创 PHP面向对象-多态
在面向对象中,多态指的是多个函数使用同一个名字,但是参数个数,个数数据类型不同,调用时虽然方法名相同,但会根据参数个数或类型自动调用对应的函数。代码:<?php class Animal{ function __construct($name){ $this->name=$name; } function show(){ echo "$this-&g...
2019-06-01 16:27:08 557
原创 PHP面向对象-继承
继承是指子类可以继承一个或多个父类的属性和方法,并可以重写或添加新的属性或方法。通过继承已有的类,可以逐步扩充类的功能,提高代码的可重用性。关键字:extendsphp中使用关键字extends可实现类的继承语法格式class 子类名 extends 父类名{ 定义子类成员变量; 定义子类成员函数;}注意:php不支持多重继承,即一个子类不能有多个父类。代...
2019-06-01 16:25:06 159
原创 操作符"::"(PHP)
伪变量$this只能在类的内部使用,而操作符"::"可以在没有声明对象的情况下直接访问类中的变量或方法。操作符"::"可用于访问静态变量,静态方法和常量,还可以用于覆盖类中成员变量和方法。语法格式:关键字::变量名/方法/常量名其中关键字有三种情况(1)类名:用来调用本类中的变量、常量和方法。(2)self:用来调用当前类的静态成员和常量。(3)parent:用来调用父类中的变量...
2019-06-01 16:21:34 289
原创 关键字new和instanof(PHP)
对象是类的实例,可以使用new关键字创建对象。instancof关键字可以用来检测某个对象是否属于某个类,返回值为布尔值。例如:$xx instanceof User注意:如果创建类中的构造函数包含参数,则在创建对象时也需要提供相应的参数。代码:<?php class User{ var $username; private $password; funct...
2019-06-01 16:20:08 167
原创 PHP构造函数与析构函数
在定义类时可以在类中定义一个特殊的函数--构造函数,用来执行一些初始化任务。php中规定构造函数的名称必须为"__construct"。与构造函数相对应的是析构函数。析构函数会在某个对象的所有引用被删除或者对象被销毁时执行。php中规定析构函数的名称必须为"__destruct"。说明:(1)构造函数名"__construct"和析构函数名"__destruct"是以两个下划线开头。...
2019-06-01 16:17:40 312
原创 PHP类和对象
类的定义:class 类名{ 定义成员变量; 定义成员函数;};关键字:私有属性:private公有属性:public或var保护属性:protect注意:私有变量不能在类的外部及子类中直接访问公有变量可以在类的外部及子类中直接访问保护变量可以在子类中直接访问,不能在类外部访问说明:(1)类一旦定义后,系统会自动为其创建一个$this的伪变量,代表类自...
2019-06-01 16:12:22 136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人