Web
关注
分享
扫一扫
梦想不断超越
Web开发、App、游戏
展开
-
Javascript滚动条翻页数据动态加载
Javascript Ajax滚动条翻页数据动态加载原创 2022-12-08 13:53:34 · 1499 阅读 · 1 评论 -
通过文件流的方式解决PDF.js的跨域问题
最近在使用PDF.js的过程中，需要让PDF.js预览url的pdf文件，本地文件是通过直接传入文件名的形式可以直接获取的，但是url的话会发生跨域问题，笔者这边尝试了许多方法，随后使用文件流的方式解决了，做一些分享。原创 2022-08-25 10:50:37 · 9585 阅读 · 5 评论 -
IDEA Springboot前端热部署解决
等，刷新页面会发现页面并没有发生变化，这是由于没有启动热部署导致的。在Springboot项目中，如果改动某个前端文件，例如。执行以下操作即可打开。原创 2022-08-19 13:38:33 · 1330 阅读 · 1 评论 -
[Thymeleaf] th:fragment局部刷新具体代码实现
th:fragment局部刷新具体代码实现原创 2022-06-20 15:13:27 · 1039 阅读 · 0 评论 -
[html] window.location.href跳转失败解决方案
window.location.href跳转失败解决方案原创 2022-06-17 16:28:49 · 3619 阅读 · 0 评论 -
Springboot参数传递多个数组
Springboot参数传递多个数组原创 2022-06-16 17:50:21 · 2114 阅读 · 0 评论 -
bootstrap弹窗模态框代码分享
bootstrap弹窗项目目录结构html的全部代码原创 2022-06-16 15:55:32 · 315 阅读 · 0 评论 -
ChartJs多图表重影问题解决
ChartJs在创建多个图表，并且图表在同一个位置的时候，会发生重影的问题，有两种解决办法html部分<div id='canvas_parent'> <canvas id='chart'></canvas></div>第一种：在每次创建图表的时候去掉旧的图表 var pre_chart = null; if (count > 0) { delete(Chart.instances[count-1]);原创 2022-02-11 15:17:54 · 718 阅读 · 0 评论 -
thymeleaf th:text ${}嵌套解决方法
需要将${map.get(X)}中的X替换成另一个${e.name}错误方法：直接加在中间，会报错<span th:text="${map.get(${name})}"></span>正确方法：在外面再加一层，同时通过th:with来进行变量添加<th:block th:with="name=${e.name}"><span th:text="${map.get(name)}"></span></th:block>.原创 2022-01-14 13:31:59 · 1219 阅读 · 0 评论 -
【vue部署项目】前后台完全从零指南（超详细）实现简易登录跳转
最近笔者在做一些vue的开发工作，想要部署一下环境，在网上找了很多，无奈有很多错误的，所以我整合了一下全部的流程，以及自己的一些心得体会，完全从零开始并且包括前后台的教程，欢迎各位指正1.安装环境1.1 安装Node.js在官网进行下载安装即可http://nodejs.cn/download/1.2 安装vue-cliwin+R ，输入cmd，打开DOS命令板，输入命令npm install --global vue-cli我们可以用命令行npm -v或node -v查看安装的.原创 2021-07-13 20:47:03 · 1005 阅读 · 3 评论 -
thymeleaf 循环每次迭代两个以及多个
每次迭代两个，通过奇偶变换<th:block th:each="e, state : ${list}"><div th:if="${state.even}"> <a th:href="@{${e.url}}">1</a></div><div th:if="${state.odd}"> <a th:href="@{${e.url}}">2</a></div></th:blo原创 2021-07-09 14:14:15 · 1463 阅读 · 0 评论 -
设置浏览器滚动条不显示，谷歌和ie
设置滚动条不显示，谷歌和iebody { /*Chrome*/ overflow-x: hidden; overflow-y: hidden; /*IE*/ -ms-overflow-style: none;}原创 2021-07-06 14:00:38 · 925 阅读 · 0 评论 -
Mybatis在SpringBoot中返回null字段会自动过滤问题
Mybatis在SpringBoot中返回null字段问题解决Map接收–会出现过滤null字段问题在SpringBoot的yml文件中添加如下配置mybatis: configuration: call-setters-on-nulls: true原创 2021-07-06 13:58:42 · 795 阅读 · 0 评论 -
从零搭建Linux服务器以及部署Web项目指南
在Web项目开发中，服务器搭建是非常重要的，同时部署web项目也是经常需要进行的事情，下面对一系列流程工作进行阐述。1.搭建服务器首先需要一台服务器，在服务器中安装好CentOS操作系统，并请安装7.2以上的系统。（1）公司购买在资金充足的情况下，可以购买云服务器，在购买时可以直接自行指定服务器的操作系统。下面以阿里云服务器为例做下介绍。首先进入到阿里云ECS购买页面，如下图所示：（阿...原创 2019-02-11 10:29:40 · 11080 阅读 · 0 评论 -
JavaScript改变元素的id
改变元素下的id /** * 改变id * @param element */ function changeId(element) { element.find("span[id*='wastesList'],input[id*='wastesList']").each(function () { var oldId...原创 2019-01-29 15:11:31 · 925 阅读 · 0 评论 -
Bootstrap多模态框无法点击滑动解决方案
多模态框，先前模态框无法滑动增加以下语句即可解决// 覆盖Modal.prototype的hideModal方法$.fn.modal.Constructor.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { ...原创 2019-01-29 15:09:59 · 695 阅读 · 0 评论 -
JS猜数字游戏
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>16</title></head><body> <script type="text/javascript"> while (true) { var numRdm = Ma原创 2017-01-21 11:26:30 · 1659 阅读 · 0 评论 -
JS猜数字游戏改良版
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>guess</title><script type="text/javascript"> game(); function game() { num1 = randomNumber();原创 2017-01-27 11:00:25 · 1015 阅读 · 0 评论 -
JS页面时钟
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>win01</title></head><body> <input type="text" size="30" id="one" /><br/> <input type="button" id="two"原创 2017-01-28 12:07:16 · 267 阅读 · 0 评论 -
JS-checkbox多选框之全选、反选、不选
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>win01</title><body> <form method="post" action=""> 请选择您的爱好:<br/> <input type="checkbox" nam原创 2017-02-01 09:50:12 · 424 阅读 · 0 评论 -
JS好友列表
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>win01</title><style type="text/css">/*使用display属性: 如果取值为none就是隐藏标签*/table td div { display:none;}.open {原创 2017-02-02 09:27:47 · 1516 阅读 · 0 评论 -
JSP&Servlet购物车例子
购物车起始页面 list.jsp 首页很简单，创建了6个物品，并添加图片和超链接，加入购物车后并不转向别的页面，而是重定向到当前页面继续购买。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DT原创 2017-04-11 10:50:45 · 2209 阅读 · 0 评论 -
JSP&Servlet 验证码登录
效果展示 登录页面 login.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html原创 2017-04-13 11:28:39 · 696 阅读 · 0 评论 -
【JSP&Servlet】Cookie 记住用户名密码
效果展示 首页 login.jsp<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/原创 2017-04-13 11:36:12 · 4382 阅读 · 0 评论 -
JavaWeb&Tomcat环境配置（Intellij IDEA）
首先我们需要下载IDEA编译器 下载地址：http://www.jb51.net/softs/527945.html其次是服务器，下载Tomcat9 下载地址：http://tomcat.apache.org/download-90.cgi 创建项目 3.1 首先打开IDEA 3.2 创建工程 3.3 选择Web工程 注意这边上面的jar地址选择你系统内的，不要用内置jar，否则服务器会原创 2017-04-15 11:38:10 · 552 阅读 · 0 评论 -
[Web]removeChild删除子节点只删除一半解决方法
今天在做js删除子节点的时候发现每次删除只删除一半，遂查明后原来如此。错误代码： var minuss = document.getElementsByClassName("minus"); // 原来的是从0到length进行遍历 for (var i = 0; I < minuss.length ; i--) { minuss[i].parentNode.r原创 2017-05-24 09:38:16 · 1134 阅读 · 3 评论 -
Session猜数字游戏
inputGuess.jsp<%-- Created by IntelliJ IDEA. User: matt Date: 2017/4/23 Time: 上午9:37 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charse原创 2017-04-23 09:59:16 · 2171 阅读 · 0 评论 -
全栈(FullStack)工程师指南
在这篇文章里，我不准备讨论哪一个网站或者代码训练营有最好的开发培训项目，但是我会提供明确的指南，说明哪些是我相信成为全栈web开发者所需要的最重要技能，并且帮助那些从来没做过编程工作的人找到工作。我会以下面这三件事 为依据。 1. 2017年培训学生最多的内容组合。 2. 我个人的经验来自于过去在多家公司对开发者岗位求职者的面试，以及现在我公司全栈开发者岗位求职者的面试。 3. 来自于那些转载 2017-08-14 11:57:02 · 909 阅读 · 0 评论 -
selectpicker下拉框在克隆后出现重复问题解决
用selectpicker插件做下拉框可以自带一个搜索栏及其方法，但是在克隆这个下拉框时，在控件的地方会多出来一个从上一个下拉框复制又封装而成的按钮，需要将其删除在克隆行的时候添加如下三行即可$('.selectpicker').data('selectpicker', null); $('.bootstrap-select').find("button:first").remove(); ...原创 2018-10-24 15:20:21 · 2848 阅读 · 7 评论 -
Bootstrap selectpicker下拉设置下拉框方向问题详解
在使用Bootstrap中的selectpicker组件时，对于selectpicker的下拉框方向问题无法更改其下拉方向，其方向会随着浏览器的高度随之变化，解决方法是增加一行：dropupAuto: false具体代码如下：$('.selectpicker').selectpicker({ language: 'zh_CN', // 设置下拉方向始终向下 dropup...原创 2018-11-13 15:31:48 · 4969 阅读 · 1 评论 -
JS打印99乘法表
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>16</title></head><body> <script type="text/javascript"> document.write("<table border=1>");原创 2017-01-21 10:52:27 · 637 阅读 · 0 评论