自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue学习

绑定属性v-bind 动态绑定属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt

2021-10-08 09:53:34 165

原创 Vue学习

一、Vue基础Vue简介Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Javascript框架 简化Dom操作 响应式数据驱动Vue.js...

2021-10-04 20:54:47 202

原创 AJAX学习

一、原生AJAX1、AJAX简介AJAX全称为Asynchronous Javascript And XML,就是异步JS和XML通过AJAX可以在浏览器中向服务器发送异步请求,最大优势:无刷新获取数据AJAX不是新的编程语言,而是一种将现有标准组合在一起使用的新方式应用:搜索框提示信息、注册界面用户名校验提示、通过鼠标焦点发送请求获取结果(按需加载)2、XML简介XML可扩展标记语言,被设计用来传送和存储数据XML和HTML类似,不同的是HTML都是预定义标签,而XML中没

2021-09-09 23:03:42 160

原创 验证邮箱地址唯一性

实现步骤:获取文本框并为其添加离开焦点事件 离开焦点时,检测用户输入的邮箱地址是否符合规则 如果不符合规则,阻止程序向下执行并给出提示信息 向服务器端发送请求,检测邮箱地址是否被注册 根据服务器端返回值决定向客户显示何种提示信息<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>验证邮箱是否已经注册</title> <st

2021-09-07 21:03:39 343

原创 客户端模板引擎使用步骤

ART-TEMPLATE官网地址:http://aui.github.io/art-template/zh-cn/HTML中引入模板引擎并使用<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title></title> <!-- 将模板引擎的库文件引入到当前页面 --> <script src="/js/template-

2021-09-07 20:31:04 103

原创 Ajax函数封装

<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="utf-8"> <title></title></head><body> <script type="text/javascript"> function ajax (options) { var defaults = { type: 'get', .

2021-09-07 10:07:26 93

原创 Ajax函数封装

<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="utf-8"> <title></title></head><body> <script type="text/javascript"> function ajax (options) { var xhr = new XMLHttpRequest(); var.

2021-09-06 21:35:48 99

原创 DOM遍历

DOM遍历可以分为以下三种情况:查找父元素 查找子元素 查找兄弟元素查找父元素<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{border-collapse: collapse;} table,tr,td{border: 1px solid gra

2021-07-06 17:30:22 676

原创 DOM进阶

HTML属性操作(对象属性)获取静态HTML中的属性值<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var oBtn = document.getElementById("btn");

2021-07-06 11:32:34 158

原创 软件缺陷处理流程

提交。测试人员发现缺陷后,将缺陷提交给测试组长。分配。组长收到缺陷后,将其提交给测试组长。遵循交叉分配选择。确认。开发人员与团队设置测试人员一起商议,确认该缺陷值是否是一个缺陷。处理/延期。经过商议,对真正缺陷与非真正缺陷进行相应处理。处理。对缺陷进行登记,追踪。开发人员修改缺陷。复测。检测缺陷是否已经修改。关闭。若缺陷已经被正确修改,则关闭缺陷,整个缺陷处理完成。...

2021-06-29 10:54:09 1420

原创 DOM基础

创建元素创建简单元素

2021-06-14 18:15:59 203 1

原创 DOM基础

DOM对象DOM,全称Document Object Model(文档对象模型),它是由W3C定义的一个标准。一句话总结:DOM操作,可以简单li

2021-06-14 17:05:15 228 1

原创 生成随机验证码

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var str="abcdefghijklmnopqrstuvwxyz0123456789"; var arr=str.split(""); var result=""; for(var i=0;i&l.

2021-06-13 15:57:28 159

原创 JavaScript数组对象

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var arr = ["中国","重庆","永川"]; document.write(arr[1]);//输出第二个元素,数组下标从0开始 document.write("<br/>"); .

2021-06-13 15:03:32 221 3

原创 字符串对象

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var str="sdcvgnbgf"; //获取字符串长度 document.write("字符串长度为:"+str.length+"<br/>"); var str1="Hello Li.

2021-06-10 16:20:37 117

原创 文本输入时覆盖当前字符问题

输入文本内容时覆盖当前光标所在内容,怎么改成插入输入模式?按电脑F12(insert)键,可改成插入输入模式~

2021-06-10 15:49:23 400

原创 求出任意五个数最大值

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script> function getMax(a,b,c,d,e) { var maxNum; maxNum=(a>b)?a:b; maxNum=(maxNum>c)?maxNum:c; maxNum=(maxNum>d)?maxN.

2021-06-10 14:48:45 1150 4

原创 判断是否是闰年

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function isLeapYear(year){ if((year%4==0)&&(year%100!=0)||(year%400==0)){ return year+"是闰年";.

2021-06-10 14:43:24 128

原创 Javascript函数

在超链接中调用函数

2021-06-10 14:42:09 112 1

原创 输出九九乘法表(Javascript)

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script> for(i=1;i<=9;i++){ for(j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j); document.write(" "); } document..

2021-06-06 18:02:52 271 1

原创 使用循环语句输出菱形图案

使用循环语句输出菱形图案(由"-"和"*"这两种符号组成)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script> for(var i=1;i<4;i++){ for(var j=i;j<4;j++){ document.write("-"); } for(var m=1;m

2021-06-06 17:56:25 3979

原创 JavaScript流程控制

在Javascript中,有三种流程控制方式:顺序结构 选择结构 循环结构

2021-06-06 17:27:23 112

原创 Javascript基础

Javascript引入方式外部Javascript内部Javascript元素事件Javascript外部,内部已

2021-06-05 17:57:59 103

原创 百度首页还原

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ margin: 15px; float: left; } #div2{ margin: 15px; float: right; } .clear{ clear: both; } #d.

2021-06-04 19:11:00 275 1

原创 2021-06-02

定位布局布局定位共有4钟方式固定定位(fixed) 相对定位(relative) 绝对定位(absolute) 静态定位(static)固定定位:fixed固定定位元素的位置是相对于浏览器而言的语法:position:fixed;top:像素值;bottom:像素值;left:像素值;right:像素值;<!DOCTYPE html><html><head> <meta charset="utf-8">

2021-06-02 19:21:55 72

原创 2021-06-02

浮动布局文档流正常文档流:在正常文档流中,块元素独占一行,行内元素从左到右排列。脱离文档流:设置浮动、设置定位。浮动浮动是CSS布局的最佳利器,可以通过浮动元素来灵活定位页面元素,以达到网页布局目的。float属性取值 属性值 说明 left 元素向左浮动 right 元素向右浮动 <!DOCTYPE html><html><head> <meta charset="utf-8"> <ti

2021-06-02 18:31:17 106

原创 2021-05-09

盒子模型CSS盒子模型的组成部分 属性 说明 content 内容,可以是文本或图片 padding 内边距,用于定义内容与边框之间的距离 margin 外边距,用于定义当前元素与其他元素之间的距离 border 边框,用于定义元素的边框 <!DOCTYPE html><html><head> <title></title> <style type="text/css">

2021-05-09 20:13:24 86

原创 2021-05-08

背景样式CSS中背景样式包括两个方面:背景颜色和背景图片背景颜色使用background-color属性背景图片样式属性 属性 说明 background-image 定义背景图片地址 background-repeat 定义背景图片重复,如横向重复、纵向重复 background-position 定义背景图片位置 background-attachment 定义背景图片固定 背景颜色(background-color)<!DOCT

2021-05-08 19:15:46 79

原创 2021-05-05

表格样式表格标题位置(caption-side)caption-side有两个取值:top(标题在顶部) bottom(标题在底部)<!DOCTYPE html><html><head> <title>白鹿为霜</title> <style type="text/css"> table,th,td{border:1px solid...

2021-05-05 19:31:34 130

原创 2021-05-04

边框样式边框样式属性 属性 说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色 想要为一个元素定义边框样式,必须同时设置以上三个属性才会有效果。border-widthborder-width属性取值是一个像素值。border-styleborder-style属性取值 属性值 说明 none 无样式 dashed 虚线 solid 实线 .

2021-05-04 20:56:51 64

原创 2021-05-03

字体样式字体样式属性 属性 说明 font-family 字体类型 font-size 字体大小 font-weight 字体粗细 font-style 字体风格 color 字体颜色 字体类型(font-family)<!DOCTYPE html><html><head> <title>白鹿为霜</title> <style type="text/css"&.

2021-05-03 20:21:26 126

原创 2021-05-02

CSS引入CSS引入方式想要在一个页面引入CSS,共有三种方式:外部样式表、内部样式表、行内样式表。1.外部样式表所谓外部样式表,就是把CSS代码和HTML代码单独放在不同的文件中,在HTML文档中用link标签来引用CSS样式表。当样式需要被应用到多个页面时,外部样式表时最理想的选择。<!DOCTYPE html><html><head> <title>白鹿为霜</title><link rel="style

2021-05-02 19:57:04 84

原创 Web学习笔记2021-04-30

表单表单标签在HTML中有五种标签:form、input、textarea、select和option。从外观上划分,表单可分为八种:单行文本框 密码文本框 单选框 复选框 按钮 文件上传 多行文本框 下拉列表form标签input、textarea、select、option都是表单标签,必须放入form标签内form标签属性 属性值 说明 name 表单名称 method 提交方式 action 提交地址 target

2021-04-30 21:48:59 298 1

原创 Web前端学习笔记2021-04-29

图片<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>白鹿为霜</title> <style type="text/css"> img{ width: 150px; height: 160px; } </style></head><body> <img src="img/ch

2021-04-29 20:07:28 106

原创 Web前端学习笔记2021-04-27

表格表格基本结构<!DOCTYPE html><html><head> <title>白鹿为霜</title></head><body> <table> <tr><!--表格行--> <td><!--表格列--> 单元格1.1 </td> <td><!--表格列--&g

2021-04-27 20:39:36 121

原创 Web前端学习笔记2021-04-25

列表在HTML中列表有三种:有序列表、无序列表和定义列表。有序列表<!DOCTYPE html><html><head> <title></title></head><body> <ol> <li>列表第一项</li> <li>列表第二项</li> <li>列表第三项</li> </ol>

2021-04-25 21:39:06 320

原创 Web前端学习笔记2021-04-25

水平线标签<hr/><!DOCTYPE html><html><head> <title>白鹿为霜</title></head><body> <p>你迎面走来</p> <p>冰雪消融</p> <hr/> <p>你迎面走来</p> <p>大地微微颤栗</p></body&

2021-04-25 14:29:53 194

原创 用html画出爱心

用html写出的爱心软件:Sublime Text3思想:在一个盒子中嵌套两个矩形,将矩形上部做成圆角,各向左向右旋转45度。代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>白鹿为霜</title> <style type="text/css"> body{ margin: 0;/*外边距 上下 左右*/

2021-04-24 20:01:15 14730

原创 2021-04-24

Web前端学习笔记对于前端开发来说最核心的三个技术:HTML、CSS、JavaScript。HTML超文本标记语言CSS层叠样式表JavaScript嵌入到HTML页面中的脚本语言开发工具选择:Sublime Text3HTML的基本标签html的基本结构标签head标签head标签内只能放置6个标签title标签meta标签link标签style标签script标签base标签title标签用于定义网页的标题该标题显示于网页导航栏,而非网页内部标题。meta标签用

2021-04-24 13:34:03 142

01-贪吃蛇小游戏Javascript.rar

01-贪吃蛇小游戏Javascript.rar

2021-06-16

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除