![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
ThatMonth
星光不问赶路人,时光不负有心人。
展开
-
Axios实现前后端异步通信(代替Jquery)
IDEA中javaScript必须设置为ES6标准cdn方式引入axios的js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></script>cdn方式引入vue的js文件<script src="https://cdn.staticfile.org/vue/2.5.21/vue.min.js"></script>data.json...原创 2022-05-28 11:02:39 · 325 阅读 · 0 评论 -
ElementUI+Vue创建一个简单的前端工程
ElementUI用在Vue2上ElementPlus用在Vue3上1.新建一个Vue2项目vue create elementuistudy2.安装vue-router路由组件cnpm install vue-router --save-dev版本过高需要降cnpm install vue-router@3.2.03.安装ElementUI组件vue2使用:cnpm i element-ui -svue3使用:cnpm install element-plus原创 2022-05-30 19:20:11 · 307 阅读 · 0 评论 -
vue-router路由怎么使用以及怎么传递参数
安装vue-routercnpm install vue-router --save-dev如果浏览器报错app.js:271 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function,原因是版本太高,需要降低版本npm install vue-router@3.2.0演示代码:main.jsimport Vue from 'vue'...原创 2022-05-30 13:39:32 · 275 阅读 · 0 评论 -
Webpack前端打包工具
安装webpacknpm install webpack -gnpm install webpack-cli -g查看版本webpack -vwebpack开始打包:1.把idea设置为管理员启动2.编写webpack.config.js文件(文件名不能写错)3.idea控制台输入webpack命令4.打包完成写一个index.html页面测试一下效果...原创 2022-05-30 11:44:41 · 230 阅读 · 0 评论 -
手把手教你在实际开发中怎么创建第一个Vue3程序
1.安装Node.js(点击下方地址)下载 | Node.js2.安装npmnpm install cnpm -g3.版本要对应npm选择指定的版本npm -g install npm@6.12.04.查看npm的地址npm config list4.npm安装vue-clinpm install -g vue-cli...原创 2022-05-30 11:45:11 · 413 阅读 · 0 评论 -
Vue的slot插槽怎么使用
demo.html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <todo> <todo-title slot="mytodo-title" ...原创 2022-05-28 12:19:00 · 194 阅读 · 0 评论 -
Vue的计算属性
demo.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p>时间戳1:{{currentTime1()}}</p> &l...原创 2022-05-28 11:32:46 · 57 阅读 · 0 评论 -
Vue组件,怎么样自定义标签
demo.html中自定义fdw标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!--传递给组件的值怎么接收 v-bind:接收参数="遍历参数"-->...原创 2022-05-27 11:21:14 · 546 阅读 · 0 评论 -
Vue的双向数据绑定
v-model原创 2022-05-27 10:42:16 · 52 阅读 · 0 评论 -
史上最简单的Vue入门教程,Vue基础语法
Vue简介:IDEA中安装vue插件demo.html(cdn引入vue.js)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> {.原创 2022-05-27 10:03:46 · 328 阅读 · 0 评论 -
最原生的ajax是怎么写的
原创 2022-04-28 11:38:47 · 69 阅读 · 0 评论 -
JavaScript写三层层级联动表单
Index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" h原创 2021-03-06 17:55:55 · 543 阅读 · 0 评论 -
JavaScript里的数组和sort排序方法
数组的创建方法一:var arr =[12 ,45,"aa",26];方法二:var arr = new Array(12,45,"aa",26);数组的sort排序方法方法一:按字母顺序arr.sort(){for(i=0;i<arr.length;i++){document.writeln(arr[i]);}方法二:按数字从小到大 arr.sort(function compare(x,y){return x-y; }); for(i=0;i原创 2020-11-27 21:29:33 · 249 阅读 · 0 评论 -
JavaWeb中关于table标签
table标签介绍HTML表格由table标签以及一个或多个tr、th或td标签组成:table标签用来定义表格,整个表格包含在<table>和</table>标签中;tr标签用来定义表格中一个行,它是单元格的容器,每行可以包含有多个单元格,由<tr>和</tr>标签表示;td标签和th标签用来定义单元格,所有单元格都在tr标签内,每个单元格由一对<td>和</td>标签或一对<th>和</th>原创 2020-11-21 16:08:43 · 3600 阅读 · 1 评论 -
JavaWeb的EL表达式
EL表达式要配套JSTL标签库一起使用写一个EL表达式的JSP例子文档结构HelloServlet类package fdw;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import jav..原创 2020-11-19 18:39:54 · 96 阅读 · 0 评论 -
javaWeb中JSP的指令和语法
原创 2020-11-16 17:52:45 · 61 阅读 · 0 评论 -
JSP的九大内置对象
JSP的九大内置对象JSP中一共预先定义了9个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception1、request对象 request 对象是 javax.servlet.httpServletRequest类型的对象。 该对象代表了客户端的请求信息,主要用于接受通过HTTP协议传送到服务器的数据。(包括头信息、系统信息、请求方式以及请求参数等)。request对.原创 2020-11-16 17:24:03 · 90 阅读 · 0 评论 -
JavaWeb四种属性范围(作用域)
四种属性范围举例说明写一个Servlet项目文档结构HelloServlet类package fdw;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServlet原创 2020-11-15 13:54:36 · 564 阅读 · 0 评论 -
Eclipse写web项目怎样使文档结构变简洁
文档结构变简洁了原创 2020-11-14 17:11:49 · 174 阅读 · 0 评论 -
Servlet中的response对象
原创 2020-11-14 16:18:06 · 128 阅读 · 0 评论 -
Servlet中Request的方法
1.获得请求参数req.getParameter("name");(得到的是字符串)req.getParameters("name");(得到的是字符串数组)2.获得项目部署名req.getContextPath();3.获得所有请求头信息req.getHeaderNames();4.cookiereq.getCookies();5.获得请求类型(get或post)6.获得文件上传内容7.url?后面跟的内容8.服务器的原创 2020-11-14 16:04:41 · 363 阅读 · 0 评论 -
Eclipse写一个Servlet小程序
Eclipse实用快捷键1.快速导包快捷键:ctrl+shift+O2.提示代码:alt+/3.函数自动生成:alt+shift+s原创 2020-11-14 13:09:52 · 514 阅读 · 0 评论 -
Eclipse中server里没有tomcat选项怎么办
安装这几个Server里有tomcat了原创 2020-11-11 18:49:48 · 5190 阅读 · 0 评论 -
Eclipse安装Web环境
安装web环境等它安装好,重启原创 2020-11-11 18:01:48 · 461 阅读 · 0 评论 -
如何写JavaWeb中Servlet小程序
写一个Servlet小程序(没有html文件)1.创建web项目2.写java类继承HttpServlet类3.写注解4.重写方法5.写xml文档6.加载项目(点击Properties旁边的Servers可以看到tomcat)7.启动项目8.运行结果最好不要重写service方法Servlet生命周期在服务器启动时初始化(load-on-startup数值越小越早调用)也可以...原创 2020-11-11 17:20:36 · 164 阅读 · 1 评论 -
Javaweb的Servlet基础
tomcat的文件结构Eclipse创建Web项目原创 2020-11-10 15:48:23 · 52 阅读 · 0 评论 -
JavaWeb入门-2
在classes里写一个类写好之后要对程序进行配置可以用注解进行配置,但先用原始方法配置。原创 2020-11-08 16:11:28 · 110 阅读 · 3 评论 -
JAVA EE环境变量配置
JAVA_HOMECLASSPATHpath原创 2020-11-08 15:21:50 · 245 阅读 · 0 评论 -
Tomcat一闪而过的原因
Tomcat一闪而过打不开的原因:没有配置环境变量 JAVA_HOME!配置了就可以打开了原创 2020-11-08 14:59:33 · 195 阅读 · 0 评论 -
JavaWeb入门
JavaScript这门语言是性价比非常高的,可以做很多东西。ES6非常重要,变化很大,让JS变得像一门新的语言一样。Apache主要提供php的环境Tomcat主要提供jsp的环境可以把tomcat安装成一个windows的服务。手动在tomcat上部署项目...原创 2020-11-08 14:56:48 · 100 阅读 · 0 评论 -
Javascript面对对象-2
用prototype和不用的区别定义类自定义类问题:有必要每次都创建show()方法吗?伪包模拟继承<script> function A(name){ this.name = name; }A.prototype.showA = function(){ alert(this.name);}function B(name,age){ this.name = name; this.age = age;...原创 2020-11-08 13:12:24 · 69 阅读 · 1 评论 -
JavaWeb-Ajax的基本技术
xml是用来传递数据的,但是我们现在不用xml来传递数据了,我们一般用JSON,因为JSON比xml更适合用来传递数据。ajax例子<script src="jquery-1.11.1.js"></script><script> //ajax没有页面跳转,与后台进行数据交互 //普通提交:一定有页面跳转//jquery中的ajax://$.ajax({...})//$.get(),$.post()...原创 2020-11-08 13:11:31 · 132 阅读 · 0 评论 -
Jquery插件-1
$. 表示工具&.each()和each()的区别重点:$('div')选出来的是一个div数组,他包含了所有的div。<div>1111</div><div>2222</div><script src="jquery-1.11.1.js"></script><script> $(function(){ //$.each()和each() var arr = ['aa','bb'原创 2020-11-08 12:25:53 · 123 阅读 · 0 评论 -
JQuery的应用
JQuery的应用向上传递,冒泡阻止冒泡动态增加元素操作对象不同原创 2020-11-05 16:55:36 · 73 阅读 · 0 评论 -
JQuery基础-1
JQuery普通JS的缺点一般用JQuery1.11以后的版本。下面这种方式更好,代码可以写在里面!JQuery选择器原创 2020-11-05 16:23:19 · 65 阅读 · 0 评论 -
Javascript面对对象-学生信息管理系统
<body> <center> <h1>学生信息管理系统</h1><hr> <button onclick="add_btn(this)">增加 >> </button> <button onclick="Delete(this)">删除 >> </button> <button onclick="change_btn(this)">修改 &..原创 2020-11-04 17:37:43 · 1283 阅读 · 0 评论 -
JavaWeb浏览器对象-2
浏览器对象2id是唯一的,name不是唯一的,是可以是一样的。弹对话框的使用用open会被当成广告给拦截Document对象History对象测试history这是location.html这是history.htmlDOM对象,非常重要!!!到这里我才终于明白了javascript是干什么的:对body里的元素进行动态控制和操作。不可思议!dom对象挺麻烦的,但是还是要会原创 2020-11-04 17:32:26 · 116 阅读 · 0 评论 -
JavaWeb浏览器对象
<button type="button">按钮</button>这个type建议一定要写上,否则就是默认"submit",会提交的!两种给按钮增加事件的方式 <button type="button" onclick="show1()">按钮1</button><br> <button type="button" id="btn2">按钮2</button><script type="tex原创 2020-11-04 15:20:56 · 110 阅读 · 0 评论 -
JavaWeb中的DOM对象
其他事件debugger调试event,获取事件触发的位置原创 2020-10-19 22:03:34 · 160 阅读 · 0 评论 -
JavaWeb的事件冒泡
Java事件冒泡3 2 1依次冒泡弹出修改一下阻止事件冒泡原创 2020-10-19 21:29:04 · 242 阅读 · 0 评论