摘要:
1. HTML5阶段项目——京东用户中心 需要实现的功能点: (1)用户注册 (2)查看购物车后确定下单,生成订单 (3)进入用户中心查看自己的所有订单 (4)进入用户中心查看自己的消费统计 (5)进入用户中心参与幸运抽奖 需要使用到的技术: MySQL、PHP、AJAX、Video、表单2.0、W 阅读全文
posted @ 2017-07-18 12:16
Hale.Proh
阅读(431)
评论(0)
推荐(0)
摘要:
今日目标: (1)补充小知识点:localStorage的事件 (2)HTML5新特性之十——WebSocket (3)HTML5阶段项目 —— 目前所有知识的大综合演练 1.如何得知localStorage中数据的修改? localStorage中任何数据的修改,都会触发一个事件: window. 阅读全文
posted @ 2017-07-18 12:15
Hale.Proh
阅读(276)
评论(0)
推荐(0)
摘要:
复习: HTML5新特性 重要程度(10) 1.新的语义标签 10 2.表单2.0 7 3.视频和音频 8 4.Canvas绘图 9 5.SVG绘图 9 6.地理定位 1 7.拖放API 4 8.WebWorker 4 9.WebStorage 9 10.WebSocket 2 拖放API——七个事 阅读全文
posted @ 2017-07-18 12:14
Hale.Proh
阅读(290)
评论(0)
推荐(0)
摘要:
复习: HTML5新特性: 1.新的语义标签和属性 2.表单2.0 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理定位 7.拖放API 8.WebWorker 9.WebStorage 10.WebSocket Canvas绘图使用方法: <canvas id="c" width=" 阅读全文
posted @ 2017-07-18 12:13
Hale.Proh
阅读(283)
评论(0)
推荐(0)
摘要:
复习: HTML5新特性 1.新的语义标签 2.表单2.0 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理定位 7.拖放API 8.WebWorker 9.WebStorage 10.WebSocket SVG的使用: <svg width="" height=""> 绘制矩形 <r 阅读全文
posted @ 2017-07-18 12:13
Hale.Proh
阅读(202)
评论(0)
推荐(0)
摘要:
复习: HTML5新特性: (1)新的语义标签和属性 (2)表单2.0 (3)视频和音频 <video src="" autoplay loop controls muted poster preload="auto"> <audio src=""> (4)Canvas绘图 —— 重点 (5)SVG 阅读全文
posted @ 2017-07-18 12:12
Hale.Proh
阅读(200)
评论(0)
推荐(0)
摘要:
复习: HTML5新特性: (1)新的语义标签和属性 (2)表单新特性 1)新的input type——10个 email、url、number、tel、search、range、color、date、month、week 2)新的表单元素——4个 datalist、progress、meter、o 阅读全文
posted @ 2017-07-18 12:10
Hale.Proh
阅读(257)
评论(0)
推荐(0)
摘要:
第三阶段: AJAX - 8 —— 综合且容易出错 HTML5新特性 - 7 —— 零散神不聚 Bootstrap - 5 —— 玩命儿被单词 今日目标: (1)WebStorm的使用 —— 掌握 (2)H5新特性之一——表单2.0 —— 掌握 1.常用的前端开发软件 (1)小型软件:小巧启动快,功 阅读全文
posted @ 2017-07-18 12:09
Hale.Proh
阅读(312)
评论(0)
推荐(0)
摘要:
1.AJAX阶段项目——京东购物车 功能点描述 (1)异步的用户登录 (2)异步的显示商品列表,实现分页显示 (3)异步的添加到“我的购物车” (4)查看“我的购物车” (5)异步的修改“我的购物车” 所用技术: MySQL、PHP、HTTP、AJAX、jQuery、Cookie 实现步骤: SQL 阅读全文
posted @ 2017-07-18 12:08
Hale.Proh
阅读(201)
评论(0)
推荐(0)
摘要:
复习: 见思维导图 练习:学生按分数级别显示 (1)编写SQL:tarena.sql,表student(sid, sname, pic, scoreGrade(A-B-C-D)),插入12条记录 (2)编写PHP:student_select.php,根据客户端请求分数级别,返回该级别下有哪些学生, 阅读全文
posted @ 2017-07-18 12:07
Hale.Proh
阅读(334)
评论(0)
推荐(0)
摘要:
复习: AJAX:向服务器发起异步HTTP请求,接收处理返回的响应消息,目标是实现页面在无刷新无提交情况下页面内容的局部更新。 使用AJAX发起两种请求消息: GET://1 //2 //3 //4 POST : //1 //2 //3 //3.5 //4 使用AJAX接收五种响应消息: (1)te 阅读全文
posted @ 2017-07-18 12:05
Hale.Proh
阅读(207)
评论(0)
推荐(0)
摘要:
复习: AJAX:异步JS和XML,涉及到HTML、CSS、JS、DOM、HTTP、XML、JSON等。目标:无刷新无提交情况下实现页面内容局部更新,提高浏览体验。 使用XHR发起异步请求步骤: (1)创建XHR (2)监听XHR的状态改变 0 1 2 3 4 (3)连接到Web服务器 (4)发送请 阅读全文
posted @ 2017-07-18 12:03
Hale.Proh
阅读(260)
评论(0)
推荐(0)
摘要:
复习: HTTP协议,用于在Web客户端和服务器之间传输网页内容。 请求消息(request): 起始行: POST /index.php HTTP/1.1 头部: Content-Type: ... CRLF 主体: k=v&k=v&... 响应消息(response): 起始行: HTTP/1. 阅读全文
posted @ 2017-07-18 12:02
Hale.Proh
阅读(206)
评论(0)
推荐(0)
摘要:
复习: 基于单表的CRUD操作: $cid = $_REQUEST['cid']; $conn = mysqli_connect(); $sql = "DDL/DML/DQL"; $result = mysqli_query($conn, $sql); //DML: false / true //D 阅读全文
posted @ 2017-07-18 12:01
Hale.Proh
阅读(122)
评论(0)
推荐(0)
摘要:
复习: Web服务器 静态: HTML/CSS/JS/SWF/音视频 —— 客户端执行 动态: JSP/PHP/ASPX/Node.js —— 服务器端执行 PHP基础语法: 数据类型: 值类型:string boolean int float 复合类型:object array 特殊类型:null 阅读全文
posted @ 2017-07-18 11:59
Hale.Proh
阅读(202)
评论(0)
推荐(0)
摘要:
复习: 服务器概述 协议 :// 服务器地址 : 端口 数据库服务器 常见的数据库:SQLite、MySQL、SQLServer、Oracle、DB2 使用步骤: 服务器端:安装(mysqld.exe)、启动(3306) 客户端:安装(mysql.exe)、连接服务器(mysql -uroot) S 阅读全文
posted @ 2017-07-18 11:58
Hale.Proh
阅读(254)
评论(0)
推荐(0)
摘要:
第一关: HTML(3)、CSS(5) —— 静态页面 第二关: JS(7)、DOM(6.5)、jQuery(6) —— 用户交互 第三关: AJAX(9)、HTML5(6)、Bootstrap(5) —— 准全栈 第四关: 框架 特点:内容散、主题散、难度大、前四天都是迷茫的 (1)服务器概述 — 阅读全文
posted @ 2017-07-18 11:55
Hale.Proh
阅读(177)
评论(0)
推荐(0)
摘要:
1. jQuery UI 2. 第三方插件: 日期,验证,照片墙 3. ***封装自定义插件 1. jQuery UI autocomplete 自动完成: 为什么: 减少输入 如何: html : <input /> js: 2件事: 1. 数组: 保存所有备选词 2. $(...).autoco 阅读全文
posted @ 2017-07-18 11:51
Hale.Proh
阅读(342)
评论(0)
推荐(0)
摘要:
1. 事件: 模拟触发 页面加载后执行 hover 2. 动画: 1. 事件: 模拟触发: 用代码模拟触发另一个元素的事件 如何: $(...).trigger("事件名") 页面加载后执行: 鄙视题: onload vs $(document).ready() 页面加载过程: .html -> . 阅读全文
posted @ 2017-07-18 11:50
Hale.Proh
阅读(252)
评论(0)
推荐(0)
摘要:
1. 查找: 表单过滤 状态 2. 修改 3. 添加,删除,替换,复制 1. 查找: 表单过滤: 利用表单中的元素名和type属性来选择表单中元素 强调: 只能选择表单元素 何时: 今后只要在表单中查找表单元素时 包括: :input 可匹配: input textarea select butto 阅读全文
posted @ 2017-07-18 11:49
Hale.Proh
阅读(226)
评论(0)
推荐(0)