摘要: ch01 PHP开篇 1.1启蒙知识 思考:WAMP是什么?:集成开发环境 [Windows+Apache服务器+MySQL数据库+PHP编程] 1.1.1 站点 将网站所有相关素材都放到一个文件夹中,此文件夹就叫做站点 。 1.1.2 前台和后台 前台是给浏览者浏览的;后台是给管理员操作的,后台用 阅读全文
posted @ 2018-01-12 17:36 NAI233 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 注意: 1、JS在HTML中从上到下依次执行,所以获取元素的结果与JS的位置有关 <!DOCTYPE html> <html> <head> <title>获取元素</title> //外部JS警告框弹出的是【null】 <script type="text/javascript" src="js/ 阅读全文
posted @ 2018-01-12 15:49 NAI233 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 1.为什么要表单验证:减轻服务器压力节省时间,提高用户体验 2.常用的表单验证的方法:(1)非空验证:if(mail=="")(2)长度验证:if(pwd.length<6)(3)判断字符串是否存在:if(mail.indexOf("@") 1)(4)判断字符串是否有数字使用for循环和substr 阅读全文
posted @ 2018-01-12 15:22 NAI233 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1.DOM操作分为三类:(1)DOM Core:任何一种支持DOM的编程语言都可以使用用它如:getElementById()(2)HTML-DOM:用于处理HTML文档,如document,forms(3)CSS-DOM:用于操作CSS,如:element.style.color="green"; 阅读全文
posted @ 2018-01-12 15:21 NAI233 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 1.什么是事件:事件指的是用于对网页操作的时候,网页做出的一个回应。 2.JQuery中的事件:JQuery事件是对JavaScript事件的封装,常用事件的分类如下:(1)基础事件:window事件鼠标事件键盘事件表单事件(2)复合事件是多个事件的组合:鼠标光标悬停鼠标连续点击 3.鼠标事件:cl 阅读全文
posted @ 2018-01-12 15:20 NAI233 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 1.什么是JQuery选择器:JQuery选择器类似于CSS选择器,用来选取网页中的元素。 2.JQuery选择器(1)类CSS选择器:基本选择器层次选择器属性选择器(2)过滤选择器基本过滤选择器可见性过过滤选择 3.基本选择器:标签选择器 element 根据给定的标签名匹配元素类选择器 .cla 阅读全文
posted @ 2018-01-12 15:18 NAI233 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1.什么是DOM:DOM(document object model)文档对象模型,把每一个元素看做是一个节点,然后对节点进行增删改查的操作 2.DOM的分类:(1)Core Dom:可以对html,XHTML,xml进行操作(2)html DOM:可以对html,XHTML进行操作(3)XML D 阅读全文
posted @ 2018-01-12 15:17 NAI233 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1.JQuery的作用:访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的JQuery插件与Ajax技术完美结合注:JQuery能完成的效果js都能完成,但是JQuery的开发效率更高,代码更少,效果更炫。 2.JQuery的优势:体积小,压缩后只有100kb左右强大的选择器出色的DOM封装 阅读全文
posted @ 2018-01-12 15:17 NAI233 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1.数组的使用(1)声明数组var 数组名=new Array();(2)数组赋值数组名[下标]=值; 2.数组声明,分配空间,赋值同时进行var 数组名=new Array(值1,值2....)var 数组名=[值1,值2....] 3.遍历数组for(var i=0;i<数组名.length;i 阅读全文
posted @ 2018-01-12 15:16 NAI233 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 1.什么是函数函数相当于Java中的方法,每一个函数可以做一件事情,但是不属于某一个类 2.使用函数的好处:使代码模块化,功能分工明确,方便调用,思路功能清晰 3.函数的分类:(1)系统函数:系统提前定义好的,只需要直接使用(2)自定义函数:分为有参和无参,和Java比较相似 4.常用的系统函数:( 阅读全文
posted @ 2018-01-12 15:14 NAI233 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 1.JavaScript的作用:表单验证,减轻服务器压力动态效果动态改变页面内容 2.JavaScript的组成ECMAScript语法规定BOM对象模型(浏览器对象模型)DOM对象模型(文档对象模型) 3.JavaScript基本结构<script type="text/javascript"> 阅读全文
posted @ 2018-01-12 15:13 NAI233 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 1.CSS3新增常用选择器(1)结构性伪类选择器:root 文档根元素 :nth-child(n) 第N个子元素"first-child 第一个元素 :kast-child 最后一个子元素 (2)UI元素状态伪类选择器:link 未访问状态 :hover鼠标悬浮状态:active激活状态(点击未释放 阅读全文
posted @ 2018-01-12 15:01 NAI233 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 1、CSS盒模型 释义:网页中所有元素都可以看作是一个盒子。作用:盒内样式修饰、盒子位置布局 组成:外边距margin、内边距 padding、边框border方向:上top、右right、下bottom、左left 2、盒模型三维立体层次结构【从上到下】(第一层)边框border (第二层)元素内 阅读全文
posted @ 2018-01-12 14:58 NAI233 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1、CSS:层叠样式表 一个元素允许同时应用多种样式,页面元素最终的样式即为多种样式的叠加效果。 2、CSS样式优先级 行内样式表>内部样式表>外部样式表【就近原则】 id选择器>类选择器>标签选择器 3、文本属性:(缩写形式) font:风格 粗细 大小/行高 字体1,字体2,字体3;font-w 阅读全文
posted @ 2018-01-12 14:57 NAI233 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 1、CSS:层叠样式表 (1)好处:结构样式分离、样式复用、精确控制布局定位、方便搜索引擎搜索(2)用途:美化修饰、布局定位 2、CSS样式表使用方式(3种):(1)内嵌样式[行内样式]:确定到具体元素,控制相应元素,不建议使用。 (2)内部样式:<head> <style type="text/c 阅读全文
posted @ 2018-01-12 14:56 NAI233 阅读(131) 评论(0) 推荐(0) 编辑
摘要: HTML5概述1.HTML5优势:解决跨浏览器问题;部分代替原来的js更明确地语义支持:不再单纯使用div增强WEB应用程序地功能:拖拽API等 2.HTML5语法改变标签不再区分大小写元素可以省略结束标签允许省略属性的属性值允许属性值不适用引号 3.新增元素(1)文档结构元素:<article> 阅读全文
posted @ 2018-01-12 14:55 NAI233 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 一、 框架 1、表格的作用:显示数据和图文布局 2、表格-行-列<table> <tr> <td>第一行第1列</td> <td>第一行第2列</td> </tr> <tr> <td>第二行第一列</td> …… </tr></table> 3、跨行和跨列——<td>标签的属性跨行-rowspan, 阅读全文
posted @ 2018-01-12 14:51 NAI233 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1.超链接 作用:页面间导航语法:<a href="目标地址" target="打开方式">超链接的文字|图片</a>(1)页面间链接 ——应用于页面导航(2)锚链接 ——使用name属性和#,常用于页面中,页面间也可以(3)功能性链接 ——常用于邮箱\QQ链接例如: 唤醒邮箱<a href="ma 阅读全文
posted @ 2018-01-12 14:48 NAI233 阅读(564) 评论(0) 推荐(0) 编辑
摘要: 1.HTML:HTML:超文本标签语言(标签又称标记、元素)。浏览器:“解释和执行”HTML源码的工具 (运行网页的工具APP)。客户端:享受服务的计算机服务器:提供服务的计算机 2、基本框架(网页最小结构) 3、<head> 头部 (1)<title>网页标题:网页摘要信息利于浏览器解析和搜索引擎 阅读全文
posted @ 2018-01-12 14:47 NAI233 阅读(192) 评论(0) 推荐(0) 编辑
摘要: Web前端启蒙知识:1、软件架构模式a)B/S架构:Browser-Server 浏览器服务器模型b)C/S架构:Client-Server 客户端服务器模型注1:浏览器是运行网页的应用程序注2:B/S架构的运行模式:请求(request)-响应(response)模式 2、静态网页和动态网页的区别 阅读全文
posted @ 2018-01-12 14:43 NAI233 阅读(139) 评论(0) 推荐(0) 编辑