
前端开发
AdamShyly
努力学习
展开
-
HTML5兼容HEVC视频格式且支持本地绝对路径访问
通过PotPlayer发现该MP4文件的编码格式为HEVC,而video标签不支持该编码格式的视频文件。而通过绝对路径来寻找本地视频文件则可通过后端(SpringBoot)编写接口进行操作。在HTML文件中首先需要引用libe265.js来负责处理HEVC格式文件。以下是Controller层代码。以下是Sevice层代码。原创 2022-11-23 18:32:23 · 1495 阅读 · 1 评论 -
JQuery AJAX 传输POST JSON数据
$.ajax({ type: "POST", url: "http://demo/bank/account/login", data: JSON.stringify(data), contentType: "application/json;charset=utf-8", // dataType: 'JSONP', // jsonp:"jsonpCallback", // jsonpCa...原创 2022-05-17 22:51:35 · 2518 阅读 · 0 评论 -
原生AJAX post请求访问后端JSON数据接口
function testAvatar() { var data = { "username": "123123", "password": "123" } var xmlHttp = new XMLHttpRequest(); xmlHttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) {.原创 2022-05-16 20:43:06 · 849 阅读 · 0 评论 -
父页面调用iframe内部的方法
document.getElementById("ifame的Id").contentWindow.fun1();//但有时候会出现未定义的报错是因为子页面还未加载完毕原创 2021-12-26 19:03:04 · 684 阅读 · 0 评论 -
iframe和父页面的window.onload加载两次解决方案
var iframe = document.createElement("iframe"); iframe.className = "iframePage"; iframe.id = "childPage"; iframe.frameBorder = "0"; iframe.src = "#"; // var iframe = document.getElementById("childPage"); iframe.style.width = event.currentTarget.scre..原创 2021-12-26 18:23:15 · 1334 阅读 · 0 评论 -
Tomcat server.xml javax.management.InstanceNotFoundException: Catalina:type=Server
<!-- 在Tomcat的conf下的server.xml文件中修改如下 --><Host name="127.0.0.1" debug="0" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"> <!-- <Context path="" docBase="birthday" debug="0" .原创 2021-12-15 18:48:24 · 637 阅读 · 0 评论 -
JS在点击取消关闭页面提示(onbeforeunload)后调用函数
window.onbeforeunload = function (e) { e = e || window.event; var timer = setInterval(function(){ fun1(); clearInterval(timer); }, 1000); if (e) { e.returnValue = '关闭提示'; } return '关闭提示';};window.addEve.原创 2021-12-12 05:07:40 · 2007 阅读 · 0 评论 -
CSS设置元素width=100%失效的一种解决方式(该元素的父元素为body)
window.onload = function(event) { document.getElementById("该元素的id").style.width = event.currentTarget.outerWidth + 'px';}通过获取window对象的event以获取当前窗口的width,将其直接赋值给需要设置width=100%的标签。...原创 2021-12-01 20:14:57 · 2514 阅读 · 0 评论 -
HTML5控制video控件样式
video::-webkit-media-controls-fullscreen-button { display: none; } video::-webkit-media-controls-play-button { display: none; } video::-webkit-media-controls-timeline { ...原创 2021-11-04 01:59:13 · 1383 阅读 · 0 评论 -
div获取style为空的问题
今天写HTML无意中碰到了通过DOM获取DIV原创 2021-11-01 20:15:55 · 636 阅读 · 0 评论 -
DOM中value和innerHTML
对于form中的表单数据获取需要通过元素的value获取,而对于div则需要通过innerHTML获取。原创 2021-10-30 18:18:33 · 117 阅读 · 0 评论 -
用Live Server打开网页Cookie失效
通过vscode的Live Server打开自己写的网页,在刷新了一次页面后就发现cookie并没有被保存,需要通过文件的方式打开就可以解决。原创 2021-10-24 11:49:18 · 2556 阅读 · 0 评论 -
Promise对象中[[PromiseResult]]的取值
我在axios中return参数的时候在另一个JS中接收到了一个promise对象,为了获取其中的[[PromiseResult]]的内容,可使用then()函数。 示例如下: 通过传入箭头函数作为参数,即可在res变量接收到[[PromiseResult]]的值。...原创 2021-10-23 17:55:07 · 11127 阅读 · 2 评论 -
解决在无node.js环境的浏览器下,如何使用node.js中的模块 并进行前后端的数据传递——未使用babel(以axios模块为例)
require语法在JS中显示not defined,以致于导入一些Node.js中的模块出现问题,虽然能在vscode终端使用node xxx.js语法运行,但无法在浏览器运行。为了解决这个问题,我使用了browserify对JS文件进行打包。 首先先安装browserify。npm install browserify -g 以下是需要用到的JS文件以及所属的文件夹(这些JS文件和文件夹命名随意,但需要一个入口JS文件,我这里是以index....原创 2021-10-22 04:26:32 · 1172 阅读 · 0 评论 -
JS require is not defined -- 在无node.js环境的浏览器中使用axios
在vscode中可以在终端通过node XXX.js命令来执行包含require('.../axios')代码的JS文件,然而在浏览器的控制台则会报错而对应的data_interface.js文件的第15行代码如下:这是因为浏览器中没有node.js的运行环境,解释器在执行到require这行node.js代码的时候无法识别。 为了解决这个问题,可 以使用browserify这个工具来对JS文件进行模块化打包。首先需要在vs...原创 2021-10-17 17:43:37 · 6220 阅读 · 1 评论 -
PHP AJAX跨域和跨域重定向问题以及HTML之间的数据通信
1、PHP AJAX跨域问题 我在JS使用AJAX异步与PHP对接做一个页面的登录注册系统的时候就碰到了跨域问题(感觉这个问题很常见),先大致分析一下跨域问题产生的原因:当域名、端口、协议至少有一者不同时,则称两个页面不同源,而由于受同源政策的影响,它们之间的无法进行AJAX请求(cookie、localStorage也无法传递),我的PHP服务端的端口号是3000,而HTML通过Live Server的端口号是3000,二者端口不同,而导致跨域问题的产生。 BUG信息如下...原创 2021-10-14 03:48:50 · 570 阅读 · 0 评论 -
关于新版node.js的import、require语句使用的时候踩的坑
刚开始用node.js做一些与前端交互的脚本就遇到了问题,是关于CommonJS文件与ES6模块转换的冲突。 以下是我的node.js 和 对应node.js自动安装的npm版本信息 我在导入axios包的时候使用了以下的语句...原创 2021-10-14 02:37:31 · 5359 阅读 · 0 评论