- 博客(82)
- 收藏
- 关注
RSS订阅原创 vue实现点击列表第一个变色其他不变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: red; } </style></head><body><div id="app"> <h1 v-fo
2020-11-09 21:00:59
1182
原创 vue之v-bind绑定class，通过按钮改变文字样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: red; } </style></head><body><div id="app"> <!--<h
2020-11-08 21:18:46
836
原创 vue-cli3的安装
普通安装vuecli3：npm install -g @vue/cli淘宝镜像安装vuecli3：cpnm install -g @vue/clivue-cli3图形界面cmd界面如下：
2020-09-27 15:19:07
282
原创 vue-cli的卸载
先用npm uninstall vue-cli -g卸载，然后用vue -V测试一下能否输出版本号。如果输出版本号就用cnpm uninstall vue-cli -g 卸载一遍。 未输出版本号则卸载成功
2020-09-27 14:57:20
548
原创 手动搭建vue-uli
用npm方创建1、在D盘创建kkk文件夹2、进入到kkk文件夹，并检查一下里面的内容3、安装依赖npm install 检查目录出现package-lock.json文件4、初始化npm init -f 检查目录5、安装vue-router安装eslint6、检查package.json文件用cnpm方式创建1、在D盘创建kkk1文件夹2、进入到kkk1文件夹中，并运行cnpm install3、初始化cnpm init -f安装其他...
2020-09-27 14:48:14
169
原创 【Vue】报错解决（Module parse failed: Unexpected token (1:0) You may need an appropriate loader）
文件一定要加上.vue后缀
2020-09-27 10:53:21
1846
原创 写SSM项目时URL请求不通
附上大佬链接http://blog.csdn.net/wtdm_160604/article/details/82944119
2020-09-25 16:18:19
264
转载 web 项目无法访问html,但是可以访问jsp
问题简述：可以访问以.jsp为后缀的页面，不能访问.html为后缀的页面检查web.xml中的【url-pattern】的设置<servlet> <servlet-name>spring-mvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- 指定路径 -->
2020-09-25 15:03:42
1145
原创 制作一个表格，显示班级的学生信息。
制作一个表格，显示班级的学生信息。要求：鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff点击添加按钮，能动态在最后添加一行点击删除按钮，则删除当前行<!DOCTYPE html><html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/h.
2020-09-25 14:03:27
892
原创 JS中DOM(二)
访问父节点parentNode获取指定节点的父节点语法：elementNode.parentNode注意:父节点只能有一个。看看下面的例子,获取 P 节点的父节点，代码如下:<div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p></div> <script type="text/javascript"> var mynode= document.getElementBy
2020-09-25 13:48:37
156
原创 JS中DOM(一)
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合，DOM节点有:元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。文本节点:向用户展示的内容，如<li>...</li>中的JavaScript
2020-09-25 08:59:30
165
原创 多选框的全选或者全不选
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <form> 请选择你爱好:&l
2020-09-24 16:28:44
183
原创 js实现操作成功之后自动跳转页面
如图所示样子：制作一个跳转提示页面：要求：1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。2. 如果点击“返回”按钮则返回前一个页面<!DOCTYPE html><html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
2020-09-24 15:22:55
8168
4
原创 Navigator对象,screen对象
Navigator对象Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性:查看浏览器的名称和版本，代码如下:<script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<
2020-09-24 15:19:13
159
原创 JS中的Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。语法:location.[属性|方法]location对象属性图示:location 对象属性：location 对象方法:
2020-09-24 14:40:04
290
1
原创 js中的History 对象
History 对象history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法：window.history.[属性|方法]注意：window可以省略。History 对象属性History 对象方法使用length属性，当前窗口的浏览历史总长度，代码如下：<script type="text/java
2020-09-24 14:34:37
2052
原创 JavaScript 计时器
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次。计时器方法：计时器setInterval()在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间);参数说明：1. 代码：要调用的函数或要执行的代码串。2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回
2020-09-24 11:59:05
2028
原创 某班的成绩出来了，现在老师要把班级的成绩打印出来。
某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图:XXXX年XX月X日 星期X–班级总分为:81 格式要求：1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。2、计算出该班级的平均分（保留整数）。同学成绩数据如下：“小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76”<!DOCTYPE HTML><html ><head><me.
2020-09-24 11:08:23
357
原创 JS中数组排序sort()
sort()方法使数组中的元素按照一定的顺序排列。语法:arrayObject.sort(方法函数)参数说明：1.如果不指定<方法函数>，则按unicode码顺序排列。2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。myArray.sort(sortMethod);注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：若返回值<=-1，则表示 A 在排序后的
2020-09-24 11:05:29
2875
原创 JS中的Array数组对象
Array 数组对象数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的数组定义的方法：定义了一个空数组:var 数组名= new Array();定义时指定有n个空元素的数组： var 数组名 =new Array(n);3.定义数组的时候，直接初始化数据：var 数组名 = [<元素1>, <元素2>, <元素3>...];我们定义myArray数组，
2020-09-24 10:26:24
183
原创 JS中的Math对象
Math对象，提供对数据的数学计算。使用 Math 的属性和方法，代码如下：<script type="text/javascript"> var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);</script>运行结果:3.14159265358979315注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为
2020-09-24 10:13:43
182
原创 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。
提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1； 取值：var = document.getElementById(“id”）.value；任务第一步： 创建构建运算函数count()。第二步： 获取两个输入框中的值和获取选择框的值。提示：document.getElementById( id名 ).value 获取或设置 id名的值。第三步： 获取通过下拉框来选择的值来改变加减乘除的运算法则。提示：使用switch判
2020-09-23 21:19:46
3098
原创 使更改的样式重置
//定义"取消设置"的函数 function reset1(){var message=confirm(“你确定要重置所有设置么？”);if(message==true){mychar.removeAttribute(‘style’);} }<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />.
2020-09-22 16:03:42
82
原创 JavaScript-确认（confirm 消息对话框）
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法:confirm(str);参数说明:str：在消息对话框中要显示的文本返回值: Boolean值返回值:当用户点击"确定"按钮时，返回true 当用户点击"取消"按钮时，返回false 注: 通过返回值可以判断用户点击了什么按钮看下面的代码:<script type="text/javascript"> var mymessage=co
2020-09-22 14:08:03
2769
转载 csss使用技巧
水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子
2020-09-22 11:43:34
430
转载 弹性盒模型
flex属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 技术点的解释： 1、设置display: flex属性可以把块级元素在一排显示。 2、flex需要添加在父元素上，改变子元素的排列顺序。 3、默认为从左往右依次排列,且和父元素左边没有间隙。
2020-09-22 11:13:42
104
转载 css布局模型
清楚了CSS3 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS3 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS3 布局样式或 CSS3 布局模板。如果说布局模型是本，那么 CSS3 布局模板就是末了，是外在的表现形式。CSS3包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（La
2020-09-22 10:40:00
154
转载 css盒模型
使用border为盒子添加边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}上面是 border 代码的缩写形式，可以分开写：div{ border-width:2px; border-style:solid; border-color:red;}注意：1、bord
2020-09-22 09:51:58
147
原创 内联元素，外联元素
内联元素在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。内联元素特点：1、和其他元素都在一行上；2、元素的高度、宽度及顶部和底部边距不可设置；3、元素的宽度就是它包含的文字或图片的宽度，不可改变；
2020-09-21 17:05:29
396
原创 使div具有内联元素的特性
div{ display:inline; }......<div>我要变成内联元素</div><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ display:inline; } </style> </hea.
2020-09-21 17:01:17
571
原创 css给元素分个类 - 元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有：<a>、<span>、<br>、<
2020-09-21 16:53:56
189
原创 权值计算-特殊性
有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢？下面我们一起来看一下代码：p{color:red;}.first{color:green;}<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种
2020-09-21 16:10:57
2049
原创 选择器的优先级
1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ color:red; }
2020-09-21 16:01:42
7232
原创 继承者 - 样式的继承
CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;p{border:1px solid
2020-09-21 15:53:05
99
原创 Spring中BeanFactory和ApplicationContext的作用和区别
作用：BeanFactory负责读取bean配置文档，管理bean的加载，实例化，维护bean之间的依赖关系，负责bean的声明周期。ApplicationContext除了提供上述BeanFactory所能提供的功能之外，还提供了更完整的框架功能：a. 国际化支持b. 资源访问：Resource rs = ctx. getResource(”classpath:config.properties”), “file:c:/config.properties”c. 事件传递：通过实现Applica
2020-09-11 10:08:02
187
原创 两种依赖注入的类型是什么?
两种依赖注入的类型分别是setter注入和构造方法注入。setter注入： 一般情况下所有的java bean, 我们都会使用setter方法和getter方法去设置和获取属性的值，示例如下：public class namebean { String name; public void setName(String a) { name = a; } public String getName() { return name;
2020-09-11 09:38:00
454
原创 关于spring中bean的作用域
在spring2.0之前bean只有2种作用域即：singleton(单例)、non-singleton（也称 prototype），Spring2.0以后，增加了session、request、global session三种专用于Web应用程序上下文的Bean。因此，默认情况下Spring2.0现在有五种类型的Bean。<bean id=”role” class=”spring.chapter2.maryGame.Role” scope=”singleton”/>这里的scope就是用
2020-09-10 19:12:52
1073
原创 关于什么是spring，它有什么特点?
Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。◆轻量——从大小与开销两方面而言Spring都是轻量的。完整的Spring框架可以在一个大小只有1MB多的JAR文件里发布。并 且Spring所需的处理开销也是微不足道的。此外，Spring是非侵入式的：典型地，Spring应用中的对象不依赖于Spring的特定类。◆控制反转——Spring通过一种称作控制反转（IoC）的技术促进了松耦合。当应用IoC，一个对象依赖的其它对象会通过被动的方式传递进来，而不是这个对象自己创建或者查
2020-09-10 18:57:17
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人