- 博客(65)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 js一些常用方法
将对象数组按照对象的某个属性字段进行排序对象数组 深拷贝转颜色借助three.js的一些方法计算p1,p2,p3三个点确定的夹角（p2为顶点）
2022-06-09 16:41:53
451
原创 使用cmd命令运行class文件提示“错误：找不到或无法加载主类“
有时候我们需要直接用jdk提供的java命令来执行class文件让软件运行起来，特别是很多初学者，但经常会发现如下提示：用eclipse或用ant则没有问题。其实原因很简单，我们忽略了2个细节。1.java指令默认在寻找class文件的地址是通过CLASSPATH环境变量中指定的目录中寻找的。2.我们忽略了package的影响。第一个问题好解决：我们直接在CLASSPATH环境变量中加入“.;”即可。“.”的意思是搜索当前目录第二个问题看下面分析：看下面两个类类A类B类A和类B的
2021-05-21 11:04:34
3498
4
原创 bootstrap实现轮播图 --设置图片大小等于父容器大小
运行前需要首先引入bootstrap 和jquery文件并修改图片路径<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="../../css/bootstrap.min.css"&g
2021-01-30 18:09:05
6144
原创 Javaweb ---- Ajax
Ajax的原理Ajax使用异步传输技术异步与同步的区别：地址栏：同步传输会发生改变，改变为要请求的地址；异步传输时，地址栏不会改变，仍旧为原来的地址是否可局部刷新：同步是页面跳转（全局刷新）；异步是局部刷新浏览器可操作性：同步传输，在页面跳转中，浏览器属于卡死状态（不可操作）用户体验感较差；异步传输，发送Ajax请求时，用户无法感知，依旧可以与服务器发生交互获得数据，实现实时更新，并且页面属于可操作性状态，用户体验感较好同步：同步传输时，在服务器给出反馈之前，用户不能进行任何操作。（浏览器发
2021-01-29 18:52:27
93
原创 框架小白白白白的进阶之路 --- （六）插槽与路由
插槽（slot）匿名slot当子组件模板中只有一个没有属性的slot时，父组件整个的内容都将插入到slot所在的位置，直接替换掉slot标签。需要注意的是，匿名slot最多只能有一个，多个匿名slot会导致程序报错。我们也可以在slot标签中添加任何内容作为默认值，如果父组件中是有需要插入的内容时，这些默认值会被替换掉，只有当父组件里面没有内容时，才会显示这些默认值。<div id="box"> <aaa></aaa> </div&g
2020-08-10 12:59:59
137
原创 框架小白白白白的进阶之路 --- Vue（五）组件之间的通信
组件通信父组件与子组件之间的通信父子组件:组建中定义组件,形成组件嵌套的时候，就是我们所说的父子组件了。子组件调用父组件的数据：<div id="box"> <aaa></aaa> </div> <template id="aaa"> <div> <h1>11111</h1> <bbb :m="msg">&l
2020-08-06 17:21:03
105
原创 框架小白白白白的进阶之路 --- Vue（四）自定义指令和组件
自定义指令全局自定义指令Vue.directive('red',function(el){ <!-- red是自定义指令的名字 参数el代表的是调用该指令的对象 --> el.style.background='red' <!-- 将背景颜色改为红色 -->})<!--调用 --><p v-red>aaaa</p>自定义指令传参<!DOCTYPE html><html> <head>
2020-08-05 17:09:52
129
原创 框架小白白白白的进阶之路 --- Vue（三）方法、计算属性和监听器
方法和计算属性methods：方法正如他的名字一样，它们是挂载在对象上的函数，通常是Vue实例本身或Vue组件。computed：计算属性是计算属性，但不是方法（写法与方法类似），它可以用来监视对data数据（与其关联的数据）的改变，当data中的数据发生改变时，会触发与其关联的计算属性注意事项计算属性是属性，不是方法，调用时不能写（）计算结果会缓存到 Vue对象中（存储在计算属性里）计算属性内部不能调用自己（this.***），会发生递归死循环当计算属性内涉及到的data值发生改变时，
2020-08-04 10:37:33
112
原创 框架小白白白白的进阶之路---Vue（二）条件渲染指令和循环指令
条件渲染指令v-ifv-if主要用来控制代码的显示或隐藏条件值为true，代码显示（代码生效），为false时，代码隐藏（代码无效） <div id="app"> <p v-if="msg">msg</p> <p v-if="info">info</p> </div> <script type="text/javascript"> let vm=new Vue({ el:"#app"
2020-08-03 16:49:39
109
原创 框架小白白白白的进阶之路---Vue（一）
框架简介：美化用的框架（html5+css3）：bootstrap、ElementUIJavaScript框架：jquery、VueJavaScript与jquery使用传统js思想（操作dom）进行开发Vue采用MVVM开发模式VueMVVM开发模式：M:Modle 数据V:View 视图VM：viewModle数据发生改变时会先通知viewModle，然后viewModle会去改变View一个简单的实例<!DOCTYPE html><html> &l
2020-07-30 12:32:50
158
原创 Javaweb ---- EL表达式(${表达式})和jstl
在页面动态输出，动态打印与<%= %>功能类似EL表达式在jsp中使用，可以替代JSP页面中的脚本表达式jstl使用：导入jar包 （jstl.jar和standar.jar）jsp 题头加入 taglib<%@ taglib prefix="c" uri="http:/java.sun.com/jsp/jstl/core"%>jstl中的加强for循环<c:foreach items="${sessionScope.arrayname} " var=
2020-07-24 11:50:36
133
原创 java面试题整理
Continue 和break的区别：Break和continue都起到跳出循环的作用。Continue用在循环中，在需要结束当前循环并且继续进行下一层循环的时候使用。在多层循环中可以使用continue lable结束多层当前循环并继续进入下一次循环。Break也用在循环中，在需要结束当前循环并 跳出当前循环时使用。在多层循环中可以使用break lable跳出多层循环。Break还可以用在switch语句中，跟在case语句块之后，结束当前循环，如果不加break，会继续执行下一个case语句块
2020-07-24 09:52:11
156
原创 javaweb ---- servlet会话跟踪(附三天免登录示例)
什么是会话跟踪：前提：HTTP 是一种“无状态”协议,我们需要记录用户的访问状态，可以使用会话跟踪技术会话跟踪技术是一种在客户端与服务器间保持HTTP状态的解决方案，管理浏览器客户端和服务器端之间会话过程中产生的会话数据。从开发角度考虑，是使上一次请求所传递的数据能够维持状态到下一次请求，并且辨认出是否相同的客户端所发送出来的。需要技术：session：有一个jsessionid属性，可以标志访问者（在服务器端创建）cookie：在服务器端产生，发送到浏览器端，并保存在浏览器，可以通过cookie
2020-07-21 17:05:39
371
原创 Javaweb ---- 状态码
状态码是服务器返回给浏览器的HTTP状态码可分为如下5种类型：1**，表示信息，服务器收到请求，需要请求者继续执行操作；2**，表示请求已成功被服务器接收、理解、并接受；3**，表示需要客户端采取进一步的操作才能完成请求。通常，这 些状态码用来重定向，后续的请求地址（重定向目标）在本次响应的Location域中指明；4**，表示客户端错误，请求包含语法错误或无法完成请求；5**，表示服务器在处理请求的过程中有错误或者异常状态发生，也有可能是服务器意识到以当前的软硬件资源无法完成对请求的处理；
2020-07-21 15:50:33
201
原创 Javaweb ---- servlet请求转发与重定向问题
请求转发与重定向问题请求转发地址栏不发生改变浏览器与服务器交互了一次服务器内部跳转会发生request（请求）传递响应重定向地址栏改变浏览器与服务器交互了两次服务器外部跳转request在重定向时无法传递请求转发代码：request.getRequestDispatcher("url").forward(request,response);//url为要转发到的路径响应重定向代码：response.sedRedirect("url");//url为重定向后要访问
2020-07-20 16:24:47
207
原创 Javaweb ---- request中文乱码和response中文乱码
什么是request乱码和response乱码：request乱码指的是：浏览器向服务器发送的请求参数中包含中文字符， 服务器获取到的请求参数的值是乱码;response乱码指的是：服务器向浏览器发送的数据包含中文字符，浏览器中显示的是乱码;乱码产生的原因：不管是request乱码还是response乱码,其实都是由于客户端(浏览器)跟服务器端采用的编码格式不一致造成的。以request乱码为例：浏览器向服务器发送请求，因为浏览器与服务器之间的通信实质上是socket流，所以要先将请求参数（字符）
2020-07-17 18:26:02
118
原创 Javaweb技术
Javaweb技术技术范围：使用servlet技术实现相应功能接收前台信息给前台相应应用软件：3. 浏览器：Chrome、Firefox4. 服务器：Tomcat5. 安装java的 jdk、jre6. 编程语言:java7. 编程软件：eclipse集成Tomcat（前端使用Hbuilder X）Hbuilder X写的前台代码先更新到eclipse中，再有eclipse更新到Tomcat中8. 数据库：mysql项目开发步骤将Tomcat集成到eclipse中创
2020-07-17 13:57:05
89
原创 javaweb ----创建项目并发布到服务器
创建新项目，选择Dynamic web project输入项目名，然后一路next直到最后一个页面，勾选上生成web.xml核心配置文件，点击finish，项目创建完成可以看到如下目录开发环境中：Java Resources/src下是后端java代码；WebContent下是前端代码web.xml在WebContent下的WEB-INF下服务器中：后端代码在前端代码在代码编写完成后，将web项目发布到Tomcat服务器中5.1 在服务器上单击右键，点击a..
2020-07-17 11:28:35
151
原创 javaweb---tomcat服务器的搭建
Eclipse集成Tomcat1.打开eclipse，打开server窗口2.点击server下面的
2020-07-17 09:01:00
110
原创 JQuery
jQuery与js的对比：1.关系：jQuery是js的封装，jQuery将js中一些常见的复杂功能进行封装，方便我们使用2.window.onload 初始化事件 与jQuery的.ready区别 可以定义次数不同 window.onload只能定义一次 jquery 的.ready可以定义多次加载时机不同 jquery 的.ready 快 .window.onload慢jquery 的.ready dom节点加载结束就可以执行window.onload d
2020-06-13 15:14:00
62
原创 web前端之bootstrap框架--2020-06-06
引入bootstrap（v3）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- 引用bootstrap必须设置可视窗 --> <ti
2020-06-06 17:05:48
163
原创 web前端--响应式布局
根据浏览器大小，很多实际情况是受入力设备大小影响，根据屏幕大小调整页面显示效果一般在考虑 设备或者浏览器大小首先：设置可视窗<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> 然后，设置条件(屏幕最大宽度为500（小于500时间生效）)@media screen and (max-width:
2020-05-23 16:15:12
147
原创 web实训项目遇到的 杂七杂八
HTML中有个font-size属性 默认是16px此时 进行移动端开发时 1rem(em)=16px若对HTML的font-size属性进行更改如：<style type="text/css"> html{ font-size: 10px; }</style>此时 进行移动端开发时 1rem(em)=10px！important：多个属性发生覆盖时，以被！important修饰的属性为准要设置页面高度为100% 现将HTML高度设置为heig
2020-05-16 11:56:16
519
原创 JavaScript学习笔记 模块化
示例逻辑说明：test4.html中引用了外部js文件 test4index.jstest4index.js 中调用了 test4util.js 中的模块（变量 函数 类）HTML文件：test4.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="test4index.js" t
2020-05-10 17:05:35
85
原创 JavaScript学习笔记 继承关系
es5原型链的继承 <head> <meta charset="utf-8"> <title>继承关系</title> <script> //es5原型链的继承 //Animal是父类 Person是子类 function Animal(name){ this.type='动物'; this.say=function(){ console.log('你好，我是'+name); }
2020-05-10 15:41:07
126
原创 JavaScript学习笔记 创建对象
es5中没有类的概念，但是可以通过构造函数创建对象function Point(x, y) { this.x = x; this.y = y;}//es5中给point方法重写或添加一个tostring方法 使用prototype（原型）Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};//创建对象pvar p = new Point(1, 2);//通过p
2020-05-10 11:49:01
82
原创 JavaScript学习笔记 --原型 prototype与__proto__ 2020-05-10
es5中没有类的概念，但是可以通过构造函数创建对象function Point(x, y) { this.x = x; this.y = y;}//给point方法加上一个tostring方法Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};//创建对象pvar p = new Point(1, 2);//通过p调用tostring方法console.log(
2020-05-10 10:08:11
143
原创 记住--前端页面实时显示系统当前时间
<html><head><meta charset="utf-8"><script>function settime( ){var date=new Date();var year=date.getFullYear();var month=date.getMonth()+1;month=month<10?('0'+mont...
2020-04-25 15:21:28
1286
原创 前端 checkbox的全选与取消全选的实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form name="theForm"> <dl> <dd><...
2020-04-25 15:15:36
195
原创 记住--隔行换色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{ border: 1px black solid; border-collapse...
2020-04-25 15:09:10
94
原创 记住--省市二级联动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>省市二级联动</title> </head> <body> <select id="province" onchange="changeprovince(thi...
2020-04-25 15:06:19
80
原创 JavaScript学习笔记 es6标准--2020-04-25
var 和 let的区别let 定义的变量前面有一个暂时性死区let没有变量提升问题var有变量提升问题var作用域为整个函数let作用域为所在代码块var可以定义相同名字的变量let在同一代码块中不能重复定义名称一样的变量const:const声明一个只读的常量。一旦声明，常量的值就不能改变基本数据类型下使用const定以后不能修改值，引用数据类型（数组）下可以改变里面的值...
2020-04-25 15:03:44
119
原创 JavaScript学习笔记 DOM编程 --2020-04-19
常用鼠标事件：onclick:单击（鼠标按下并松开触发 可以拆分为：onMouseDown：鼠标按下去触发 onMouseUp：鼠标松开自动弹起触发）ondblclick:双击onMouseOver:悬停onMouseOut:鼠标悬停后离开简书–js键盘监听事件对应键码...
2020-04-19 11:48:31
109
原创 JavaScript学习笔记 操作DOM --2020-04-19
操作DOM<body><span>开始</span><div id="box" title="标题" class="bbb"> <p>测试Div1</p> <p>测试Div2</p> <p>测试Div3</p></div></body>...
2020-04-19 11:12:12
101
原创 JavaScript学习笔记 --DOM 2020-04-18
DOM元素的属性：tagName：标签名innerHTML：innerText：id：title：style：css样式className：获得class属性特殊记window.onlod=function（）{}:js中 等待页面的dom结点及图片视频加载完才调用jQuery中页面的dom加载完就调用getAttribute（）获取元素中某个属性的值getAttribut...
2020-04-18 16:58:47
144
原创 JavaScript学习笔记 BOM --2020-04-12
forms 所有form表单对象组成的数组，可以通过过forms[n]调用不同的表单对象anchors 获得所有的锚点（a标签必须有name属性）可以返回数组数组中包含了文档中所有的锚点只能返回包含了name属性的 a标签创建的锚点不能反悔只包含id属性的a标签links 获得所有的链接可以返回数组数组中包含了文档中所有的链接可以返回只包含id属性的a标签 但是必须包含 hr...
2020-04-18 10:17:59
100
原创 JavaScript学习笔记--对象 2020-04-12
创建对象//方法一var boy1=new Object();boy1.name='tom';boy1.age=20;console.log(boy1);//方法二var boy2={ name:'tom', age:20}console.log(boy2);console.log(boy2.age);console.log(boy2.name);//使用对象时 可以使...
2020-04-12 16:46:16
86
原创 JavaScript学习笔记-- 数组 2020-04-12
创建数组方法 //创建数组方式一 var arr1=new Array("aaa","bbb","ccc"); //创建数组方式二 var arr2=new Array(3); arr2[0]="aaa1"; arr2[1]="aaa2"; arr2[2]="aaa3"; //创建数组方式二(扩展) var arr3=new Array();...
2020-04-12 10:17:00
130
原创 CSS学习笔记 初识CSS
后代选择器:a b{} (中间用空格分隔)例:(em标签包含在 p标签中 em就是p的后代)//html: <h1>祖国的首都<em>北京</em></h1>//css h1 em{ color:red; }并集选择器:a,b{}(中间用逗号分隔)例:(就是将列出来的所有标签都选中)//...
2020-03-21 16:22:47
111
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人