03 2020 档案

Web前端开发与设计13-购物车案例
摘要：说明 使用js脚本实现商品的添加、修改、删除、价格计算。 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript实现购物车功能</title> <style type="text/cs 阅读全文
posted @ 2020-03-16 08:27 rask
Web前端开发与设计12-BootStrap原理和十二栅格系统
摘要：架构 设计理念：响应式布局 架构基础：jQuery 核心功能：12栅格系统（或者称为网格系统） 基础布局组件：任意页面元素可以使用 CSS组件：20种常见组件 JavaScript插件：12种插件。依赖于jQuery实现 栅格系统的使用 实验效果： 代码： <!DOCTYPE html> <html 阅读全文
posted @ 2020-03-09 21:11 rask
Web前端开发与设计11-jQuery操作DOM
摘要：学习要点 DOM操作 样式操作 内容操作 节点与属性操作 节点的遍历 CSS-DOM操作 DOM操作 DOM操作分类 DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM 阅读全文
posted @ 2020-03-04 22:34 rask
Web前端开发与设计10-jQuery中的事件和动画
摘要：学习要点 jQuery中的事件 jQuery中的动画 网页中的事件 网页中的事件是实现和用户交互的基础。 例如tab页切换效果，可以通过鼠标点击事件来实现。 jQuery中的事件 jQuery事件是对JavaScript事件的封装，常用事件分类如下： 基础事件 window事件 鼠标事件 键盘事件 阅读全文
posted @ 2020-03-03 14:17 rask
Web前端开发与设计09-jQuery基础及其基本选择器
摘要：学习要点 jQuery概述 jQuery语法 DOM对象和jQuery对象 jQuery选择器概述 通过css选择器选取元素 通过条件过滤选取元素 jQuery概述 简介 jQuery由美国人John Resig于2006年创建。 jQuery是目前最流行的JavaScript程序库，它是对Java 阅读全文
posted @ 2020-03-03 13:51 rask
Web前端开发与设计08-JavaScript操作DOM对象
摘要：学习要点 DOM分类 DOM节点间关系 访问DOM节点 节点的创建、添加、删除、替换 设置元素的样式 获取节点位置属性 DOM模型 DOM定义 DOM Core：W3C针对XML文档的操作规范。适用于XML和HTML。 HTML-DOM：W3C针对HTML文档的操作规范。只适用于HTML。 CSS- 阅读全文
posted @ 2020-03-02 23:24 rask
Web前端开发与设计07-JavaScript对象
摘要：学习要点 BOM模型 Window对象 History对象和Location对象 Document对象 JavaScript内置对象 定时函数 BOM模型 BOM是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。BOM的核心： 阅读全文
posted @ 2020-03-02 22:59 rask
Web前端开发与设计06-JavaScript基础
摘要：学习要点 JavaScript核心语法 JavaScript程序调试 JavaScript函数 为什么学习JavaScript 应用场景 嵌入动态文本于HTML页面，对浏览器事件做出响应。 读写HTML元素。 在数据被提交到服务器之前验证数据。 检测访客的浏览器信息。 控制cookies，包括创建和 阅读全文
posted @ 2020-03-02 21:26 rask
Web前端开发与设计05-CSS3动画
摘要：学习要点 变形transform 2D 过渡transition 动画animation 网页中的动画 传统方式 动态图片：典型的Gif图潘 Flash：Flash需要插件支持，文件体积大。（ie+flashplayer） JavaScript：可以实现丰富的动画效果。 CSS方式 CSS3变形 C 阅读全文
posted @ 2020-03-02 15:42 rask
Web前端开发与设计04-布局和定位
摘要：学习要点 盒子模型 标准文档流 网页布局 浮动 清除浮动 溢出处理 定位在网页中的应用 position属性 z-index属性 盒子模型 定义 https://www.cnblogs.com/rask/p/9913070.html 盒子模型的三维立体层次结构图 在网页中看到的网页内容，都是盒子模型 阅读全文
posted @ 2020-03-02 14:33 rask
Web前端开发与设计03-CSS3
摘要：学习要点 使用CSS的意义 CSS基本语法 HTML如何引入CSS样式 CSS的选择器 CSS高级选择器 使用CSS编辑网页文本 使用CSS设置超链接 列表样式 背景样式 使用CSS3的意义 Web开发设计工作 HTML5+CSS3+JavaScript=内容+样式+行为 CSS定义 CSS：Cas 阅读全文
posted @ 2020-03-02 10:36 rask
Web前端开发与设计02-表单
摘要：学习要点 表单 表单的高级应用 语义化的表单 表单的初步验证 表单 定义 表单在网页中应用广泛，例如：登陆、注册、订单信息录入、调查问卷、搜索等等。例如京东注册页面。 常见的表单元素：文本框，密码框，下来列表框，多选框，提交按钮等等。语法： <form method="post" action="r 阅读全文
posted @ 2020-03-02 00:06 rask
Web前端开发与设计01-HTML5基础
摘要：学习要点 HTML5文件的基本结构和W3C标准 网页基本标签 列表 表格 媒体元素 框架 HTML文件的基本结构和W3C标准 html简介 关键词： HTML：Hyper Text Markup Language超文本标记语言。 超文本包括：文字、图片、音频、视频、动画等。 蒂姆·伯纳斯·李：198 阅读全文
posted @ 2020-03-01 22:24 rask