web前端学习
关注
分享
扫一扫
sereasuesue
生命不息 奋斗不止
逆风的方向更适合飞翔
展开
-
人机交互大作业文档预览
下载地址https://download.youkuaiyun.com/download/sereasuesue/12063370人机交互期末大作业目录一、设计题目 2二、 核心技术 2三、功能实现 2登录功能 2四、界面设计 4设计风格 8交互设计 8五、总结 8一、设计题目个人网站设计核心技术HTML+ JAVASCRIPT+ ...原创 2019-12-29 16:34:48 · 6255 阅读 · 0 评论 -
JavaScript 循环
JavaScript 支持不同类型的循环：for- 循环代码块一定的次数 for/in- 循环遍历对象的属性 while- 当指定的条件为 true 时循环指定的代码块 do/while- 同样当指定的条件为 true 时循环指定的代码块For 循环for 循环是您在希望创建循环时常会用到的工具。下面是 for 循环的语法：for (语句 1;语句 2;语句 ...原创 2020-03-27 20:12:32 · 116 阅读 · 0 评论 -
bootstrap组件
怪异属性rolearia-labeltablndexdata-组件图标字体图标glyphicon 星形glyphicon-star使用span标签进行包装，引入想要使用字体图标的类名。需要在head引入bootstrap.min.css。<div class="btn-group"> <button class="btn btn-control btn-default">...原创 2020-03-27 20:12:13 · 187 阅读 · 0 评论 -
委托（Delegate）
C# 中的委托（Delegate）类似于 C 或 C++ 中函数的指针。委托（Delegate） 是存有对某个方法的引用的一种引用类型变量。引用可在运行时被改变。委托（Delegate）特别用于实现事件和回调方法。所有的委托（Delegate）都派生自 System.Delegate 类C#中使用委托的具体的步骤是声明一个委托，其参数形式一定要和想要包含的方法的参数形式一致。定义...原创 2020-03-27 20:11:39 · 193 阅读 · 0 评论 -
jQuery事件
什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。jQuery 是为事件处理特别设计的。实例：在元素上移动鼠标。 选取单选按钮 点击元素在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。常见 DOM 事件：鼠标事件 键盘事件 表单事件 文档/窗...原创 2019-09-05 16:21:33 · 122 阅读 · 0 评论 -
人机交互大作业考核要求
考试说明根据课程特点，考试采取大作业形式。为了考试学生的对课程基本理论、基本知识点的考察，要求学生调查报告中必须满足下述文档描述要求；同时，为了充分发挥学生的自我能动性、积极性、创造性，要求学生在满足基本要求的前提下，可以根据个人的能力充分发挥。考核内容及评分标准 课程大作业项目设计内容 设计并搭建一个web网站，完成用户的登陆功能（该网站同时支持PC端及手机移动端两种访问方式）。推...转载 2019-05-01 19:57:09 · 3007 阅读 · 0 评论 -
Bootstrap 字体图标(Glyphicons) 按钮组件
Bootstrap 字体图标(Glyphicon 什么是字体图标？字体图标是在 Web 项目中使用的图标字体。虽然，Glyphicons Halflings 需要商业许可，但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。用法如需使用图标，只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。<span class="glyphicon ...原创 2019-01-19 15:53:29 · 1230 阅读 · 0 评论 -
Bootstrap 图片
Bootstrap 图片响应式图片在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。如果需要让使用了 .img-responsive 类的图片水平居中，请使用 ....原创 2019-01-19 15:38:05 · 507 阅读 · 0 评论 -
bootstrap表单
表单基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列 <form> <...转载 2019-01-19 15:09:12 · 212 阅读 · 0 评论 -
学习bootstrapt
单位html中默认的字体大小： 16pxrem是稳定的（相对于em）rem对响应式更友好使用bootStrap不用考虑rem的支持情况（高阶的浏览器都支持了）：兼容性和响应式开发解决方案：px 和 rem 一起使用：图标（字体图标）文字图标:1、体积小便于加载2、无需重复设计3、方便引用引用bookstrap样式：<link rel="stylesheet" href="css/bookst...原创 2018-06-18 10:00:20 · 326 阅读 · 0 评论 -
Javaweb大作业文档部分预览
完整文档见https://download.youkuaiyun.com/download/gd88081801/10149302代码文件见https://download.youkuaiyun.com/download/sereasuesue/12063101目录一、 作品简介 2其他主要模块的定义 3二、 素材的创作与编辑 4三、 开发环境及使用技术 4开发环境搭建 4运行工具 4...原创 2019-12-29 14:56:21 · 2978 阅读 · 0 评论 -
HTML 表单
HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>.input 元素.< /form>HTML 表单用于收集不同类型的用户输入。...原创 2018-09-17 23:18:40 · 144 阅读 · 0 评论 -
JavaScript 数组知识图
转载 2019-09-02 16:36:51 · 165 阅读 · 0 评论 -
javascript DOM 知识图
HTML DOM (文档对象模型)当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。主要目的就是把网页里面的元素当成对象一样支配HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，你可以访问所有的 HTML 元素，连同它们所包含的文本和属性。HTML DOM 独立于平台和编程语言...原创 2019-09-03 15:34:55 · 252 阅读 · 0 评论 -
audio 音频标签的使用 及实例
audio 音频标签的使用属性 值 描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）。 loop loop 如果出现该属性，则每当音频结束时重新开始播放。 muted muted 如果...原创 2019-09-04 16:44:35 · 1545 阅读 · 0 评论 -
jQuery简介及简单语法
什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities提示：除此之外，Jquery还提...原创 2019-09-05 09:53:42 · 206 阅读 · 0 评论 -
jQuery里面的选择器
jQuery里面的选择器jQuery里面的选择器多种多样，它支持css1~css3的选择器，【老版本的jQuery还支持Xpath的选择器】，在原来的CSS选择器上面又扩展了一些新的选择器jQuery支持CSS当中的九大选择标签，ID，class，兄弟，子代，后代，伪元素/伪类，属性，分组除上了面的九个选择器以外，还扩展了一些其它的选择器，Query 中所有选择器都以美元符号开头：...原创 2019-09-05 14:09:14 · 154 阅读 · 0 评论 -
JavaScript 存储对象 sessionStorage （会话存储） 和 localStorage（本地存储）
JavaScript 存储对象Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或...原创 2019-09-06 14:31:10 · 3502 阅读 · 0 评论 -
配色网站
01渐变色https://www.grabient.com/?ref=producthunt02New Flat UI Color Picker网站地址：http://www.flatuicolorpicker.com/New Flat UI Color Picker提供最好的扁平化UI设计配色方案，右上角有多种主色可供选择。03Flat UI Colors...原创 2019-09-09 09:33:41 · 391 阅读 · 0 评论 -
AJAX 语法
AJAX - 创建 XMLHttpRequest 对象XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。创建 XMLHttpRequest 对象所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。创建 XMLHttpRequest...原创 2020-03-27 20:11:25 · 180 阅读 · 0 评论 -
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 元素改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容：在 JavaScript 中，document.write()可用于直接向 HTML 输出流写内容。改变内容document.getElementById(id).innerHTML=新的 HTML<!DOCTYPE ...原创 2019-09-09 10:58:21 · 957 阅读 · 0 评论 -
onreadystatechange 事件
onreadystatechange 事件当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当 readyState 改变时，就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。下面是 XMLHttpRequest 对象的三个重要的属性：属性 描述 onreadystatechange...原创 2019-09-09 15:56:31 · 14721 阅读 · 1 评论 -
JavaScript 条件语句
JavaScript 条件语句条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中，我们可使用以下条件语句：if 语句- 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句- 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if...else i...原创 2019-09-02 15:02:02 · 487 阅读 · 0 评论 -
JavaScript 输出 语法
JavaScript 显示方案JavaScript 不提供任何内建的打印或显示函数。JavaScript 能够以不同方式“显示”数据：使用window.alert()写入警告框 使用document.write()写入 HTML 输出 （如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖）。 使用innerHTML写入 HTML...原创 2019-09-02 11:48:33 · 384 阅读 · 0 评论 -
JavaScript简介
JavaScript它是一种脚本语言，提供页面与用户的交互途径，主要包含三个方面的东西 ECMAScript(ES) 它主要是用来定义JavaScript的语法规范，现在主流的版本是5.1,后期的主要部分要放在6.0上面 【语法，关键字，保留字，类型，操作符，对象，语句】（简单部分） DOM(document object model:文档对象模型) BOM(...原创 2019-09-02 11:30:05 · 1119 阅读 · 1 评论 -
css外观属性 字符 背景
font 字符font-family 设置文本的字体系列 可取值：字体类：Serif Sans-serif Monospce Cursive Fantasy 或：字体名：Times Arial Courier ZapfChancery Westernfont-size 字体大小单位 绝对：pt(point) pc(pick皮卡) in(inch) mm(m...原创 2018-10-23 15:21:29 · 315 阅读 · 0 评论 -
伪类选择器
伪类选择器CSS伪类(Pseudo-class)用于向某些选择器添加特殊的效果。使用伪类选择器的语法如下： selector:pseudo-class {property:value;} 常用的CSS伪类见表3-1。书写时尽量不要颠倒 下面的代码给出了伪类用于超链接的显式效果，在不同的状态下超链接的颜色不同。 <html> <head> &l...原创 2018-10-23 14:41:54 · 1467 阅读 · 1 评论 -
css id 和 class 选择器
id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。（id 选择器，好比身份ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用class 选择器class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，cla...原创 2018-10-23 14:15:35 · 166 阅读 · 0 评论 -
html初识
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面HTML 标签HTML 标记标签通常被称为 HTM...翻译 2018-09-15 15:59:55 · 163 阅读 · 0 评论 -
Web标准构成
Web标准构成 Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure) ,表现( Presentation>和行为(Behavior) 三个方面。 结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTM两个部分。 样式标准:表现用于设置网页元素的版式，颜色，大小等外观样式，主要指的是CSS。 ...原创 2018-09-15 15:54:03 · 2329 阅读 · 0 评论 -
HTML 表格
HTML 表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格实例实例<table border="1"> <...转载 2018-09-17 23:03:08 · 172 阅读 · 0 评论 -
列表
HTML无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用 <ul> 标签<ul>< li>Coffee</li>< li>Milk</li>< /ul>浏览器显示如下：Coffee MilkHTML 有序列表同样，有序列表也是一列项目，原创 2018-09-15 21:42:14 · 146 阅读 · 0 评论 -
标签
<meta> 标签定义及使用说明元数据（Metadata）是数据的数据信息。<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。提示...原创 2018-09-15 21:26:07 · 163 阅读 · 0 评论 -
常用标签
HTML 水平线 单词 horizontal 横线 单标记 <hr> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。 换行标签(熟记) 单词缩写，break 打断换行 在HTML中，一个段落中的文字会从左到右依饮排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需费使用换标签 <...原创 2018-09-15 19:49:29 · 186 阅读 · 0 评论 -
css文本效果
CSS3 的文本阴影CSS3 中，text-shadow属性适用于文本阴影。您指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色：text-shadow: 5px 5px 5px #FF0000;水平位置 垂直位置 模糊距离 阴影颜色CSS3 box-shadow属性适用于盒子阴影CSS3的换行如果某个单词太长，不适合在一个区域内，它扩展到外面：CSS3中，自...原创 2018-10-23 18:49:24 · 165 阅读 · 0 评论 -
Css过渡 动画 2D3D变化
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：指定要添加效果的CSS属性 指定效果的持续时间。注意： 如果未指定的期限，transition将没有任何效果，因为默认值是0。<!DOCTYPE html><html><head><meta charset="utf-8"> <t...原创 2018-10-23 19:20:42 · 314 阅读 · 0 评论 -
CSS动画
CSS动画CSS3的动画属性下面的表格列出了 @keyframes 规则和所有动画属性：属性 描述 CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3...原创 2019-08-30 16:05:57 · 376 阅读 · 0 评论 -
css弹性布局和相关属性
弹性布局弹性布局主要是解决移动端的问题，但是并不代表它不能适用于PC端，它最重要的技术就是一个叫弹性盒子（flexbox）的东西弹性盒子最主要的几个属性如下display:flex这个属性将当前这个元素变成弹性盒子,一旦这个元素变成了弹性盒子以后，它就会多出一个row与column的两个轴flex 属性用于指定弹性子元素如何分配空间。语法flex: auto |...原创 2019-08-30 14:55:37 · 639 阅读 · 0 评论 -
Typora 的 markdown 语法
Typora 的 markdown 语法1、标题 使用简单的 ctrl+数字键 就可以快速完成各种级别的标题也可以使用#表示一级标题，##表示二级标题，以此类推，有6个标题。2、下划线 ctrl + u3、删除线 alt + shift + 54、字体加粗 ctrl + b5、字体倾斜 ctrl + i6、无序列表 space ...原创 2019-08-30 14:52:09 · 201 阅读 · 0 评论 -
js实现滚动字幕，绘制箭头
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>8滚动字幕</title><script language=JavaSc原创 2018-12-23 10:45:12 · 580 阅读 · 0 评论