随笔分类 - Web
1
web前端设计学习笔记
摘要：Servlet编码 package com.etc.action; import java.io.IOException; import java.io.PrintWriter; import java.util.HashMap; import java.util.TreeMap; import j
阅读全文
posted @ 2020-06-24 15:52
rask
摘要：示例代码： <c:if test="${empty sessionScope.taData}"> <jsp:forward page="TempServlet"></jsp:forward> </c:if> <c:set var="taData" value="${sessionScope.taDa
阅读全文
posted @ 2020-06-09 11:18
rask
摘要：说明 使用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
摘要：架构 设计理念：响应式布局 架构基础：jQuery 核心功能：12栅格系统（或者称为网格系统） 基础布局组件：任意页面元素可以使用 CSS组件：20种常见组件 JavaScript插件：12种插件。依赖于jQuery实现 栅格系统的使用 实验效果： 代码： <!DOCTYPE html> <html
阅读全文
posted @ 2020-03-09 21:11
rask
摘要：学习要点 DOM操作 样式操作 内容操作 节点与属性操作 节点的遍历 CSS-DOM操作 DOM操作 DOM操作分类 DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM
阅读全文
posted @ 2020-03-04 22:34
rask
摘要：学习要点 jQuery中的事件 jQuery中的动画 网页中的事件 网页中的事件是实现和用户交互的基础。 例如tab页切换效果，可以通过鼠标点击事件来实现。 jQuery中的事件 jQuery事件是对JavaScript事件的封装，常用事件分类如下： 基础事件 window事件 鼠标事件 键盘事件
阅读全文
posted @ 2020-03-03 14:17
rask
摘要：学习要点 jQuery概述 jQuery语法 DOM对象和jQuery对象 jQuery选择器概述 通过css选择器选取元素 通过条件过滤选取元素 jQuery概述 简介 jQuery由美国人John Resig于2006年创建。 jQuery是目前最流行的JavaScript程序库，它是对Java
阅读全文
posted @ 2020-03-03 13:51
rask
摘要：学习要点 DOM分类 DOM节点间关系 访问DOM节点 节点的创建、添加、删除、替换 设置元素的样式 获取节点位置属性 DOM模型 DOM定义 DOM Core：W3C针对XML文档的操作规范。适用于XML和HTML。 HTML-DOM：W3C针对HTML文档的操作规范。只适用于HTML。 CSS-
阅读全文
posted @ 2020-03-02 23:24
rask
摘要：学习要点 BOM模型 Window对象 History对象和Location对象 Document对象 JavaScript内置对象 定时函数 BOM模型 BOM是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。BOM的核心：
阅读全文
posted @ 2020-03-02 22:59
rask
摘要：学习要点 JavaScript核心语法 JavaScript程序调试 JavaScript函数 为什么学习JavaScript 应用场景 嵌入动态文本于HTML页面，对浏览器事件做出响应。 读写HTML元素。 在数据被提交到服务器之前验证数据。 检测访客的浏览器信息。 控制cookies，包括创建和
阅读全文
posted @ 2020-03-02 21:26
rask
摘要：学习要点 变形transform 2D 过渡transition 动画animation 网页中的动画 传统方式 动态图片：典型的Gif图潘 Flash：Flash需要插件支持，文件体积大。（ie+flashplayer） JavaScript：可以实现丰富的动画效果。 CSS方式 CSS3变形 C
阅读全文
posted @ 2020-03-02 15:42
rask
摘要：学习要点 盒子模型 标准文档流 网页布局 浮动 清除浮动 溢出处理 定位在网页中的应用 position属性 z-index属性 盒子模型 定义 https://www.cnblogs.com/rask/p/9913070.html 盒子模型的三维立体层次结构图 在网页中看到的网页内容，都是盒子模型
阅读全文
posted @ 2020-03-02 14:33
rask
摘要：学习要点 使用CSS的意义 CSS基本语法 HTML如何引入CSS样式 CSS的选择器 CSS高级选择器 使用CSS编辑网页文本 使用CSS设置超链接 列表样式 背景样式 使用CSS3的意义 Web开发设计工作 HTML5+CSS3+JavaScript=内容+样式+行为 CSS定义 CSS：Cas
阅读全文
posted @ 2020-03-02 10:36
rask
摘要：学习要点 表单 表单的高级应用 语义化的表单 表单的初步验证 表单 定义 表单在网页中应用广泛，例如：登陆、注册、订单信息录入、调查问卷、搜索等等。例如京东注册页面。 常见的表单元素：文本框，密码框，下来列表框，多选框，提交按钮等等。语法： <form method="post" action="r
阅读全文
posted @ 2020-03-02 00:06
rask
摘要：学习要点 HTML5文件的基本结构和W3C标准 网页基本标签 列表 表格 媒体元素 框架 HTML文件的基本结构和W3C标准 html简介 关键词： HTML：Hyper Text Markup Language超文本标记语言。 超文本包括：文字、图片、音频、视频、动画等。 蒂姆·伯纳斯·李：198
阅读全文
posted @ 2020-03-01 22:24
rask
摘要：网页元素定位涉及到两个css属性：position和z-index属性。 position属性 position的属性值如下： position的属性值说明如下： static：没有定位，网页元素以标准文档流方式显示。 relative：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位
阅读全文
posted @ 2018-12-21 21:22
rask
摘要：flex布局 flex（ flexible box：弹性盒布局模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。 flex坐标 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item
阅读全文
posted @ 2018-11-13 09:43
rask
摘要：浮动 使用css的float属性设置元素的浮动可选值：none（默认值）| left | right 浮动特点 1.元素设置浮动以后，完全脱离文档流，并向页面的左上或右上浮动。直到遇到父元素的边框或其他的父元素时则停止浮动。 2.如果浮动元素上边是一个没有浮动的块元素，元素不会超过该块元素。 3.浮
阅读全文
posted @ 2018-11-13 09:34
rask
摘要：基本概念 盒子模型，英文即box model。无论是div、span、还是a都是盒子，他们在网页上都要占据一定的空间，在进行布局的时候需要考虑他们所占据的空间大小。 例外情况：图片、表单元素作为文本处理，不作为盒子模型计算。 盒子模型主要CSS属性 盒子的属性有5个：width、height、pad
阅读全文
posted @ 2018-11-06 08:32
rask
摘要：css网页元素分类 css通过display属性可以将网页元素设置为block、inline、inline-block三类。这三类网页元素的区别如下： 在浏览器中显示，从左到右独占一行。 形状为矩形。 可以定义宽度和高度，内边距和外边距等。 网页元素在浏览器中在一行中并排呈现。 依附于其他块级元素存
阅读全文
posted @ 2018-10-19 11:20
rask
1
浙公网安备 33010602011771号