- 博客(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">
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基础
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
原创 求出任意五个数最大值
<!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)
<!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
原创 百度首页还原
<!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
ajax中http状态修改不成功
2021-09-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人