个人网页
wang_9909
每天进步一点点,成长足迹看得见。
展开
-
如何将个人网站,免费的以https开头(腾讯云、阿里云)
免费领取SSL证书,为自己的个人网站添加https原创 2022-02-09 12:33:28 · 1420 阅读 · 0 评论 -
获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现
获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现原创 2021-12-14 15:05:04 · 713 阅读 · 3 评论 -
vue路由 无法给router-link添加点击等事件的解决方案
我们在开发过程中有时需要给router-link 标签添加事件如@click 、@mouseover。譬如v-for遍历选项卡时设置点击事件<div class="nav" ><router-link v-for="item in routes" :key="item.id" v-text="item.text" :to="item.path" :class="{ on: navName == item.text }" ...原创 2021-10-26 17:56:35 · 744 阅读 · 0 评论 -
uni云函数返回html页面,以城市的当前天气为例
uni云函数除了能跨域返回JSON格式的数据外,还支持返回html页面。下面就以uni云函数返回一个城市的天气为例。返回这样的页面不仅有利于页面碎片化的拼接,而且还可以避免一些数据被直接暴露。首先,我们需要使用Hbuilderx关联一个uniclound数据库写云函数对一些API进行跨域操作,如果不知道的可以点我下面的这个链接进行查看。实现代理跨域方法:通过uni云函数实现跨域_wang_9909的博客-CSDN博客然后,就可以对自己找到的API获取到的数据进行处理,使用..原创 2021-10-08 20:32:20 · 505 阅读 · 0 评论 -
JavaScript代码禁止H5页面的缩放
话不多说直接看代码//禁止页面缩放 window.addEventListener('mousewheel', function(event){ if (event.ctrlKey === true || event.metaKey) { event.preventDefault(); } },{ passive: false}); //firefox window.addEventListene.原创 2021-09-15 20:21:35 · 300 阅读 · 0 评论 -
uni-app npm方式引入video.js教程 支持H5播放m3u8、mp4等格式视频文件
在uni-app中引入video.js有两种方式1.通过cdn的方式引入<link href="//cdn.bootcss.com/video.js/7.0.0-alpha.1/alt/video-js-cdn.css" rel="stylesheet"><script src="//cdn.bootcss.com/video.js/7.0.0-alpha.1/video.min.js"></script>2.就是通过npm下载到项目的node-modul原创 2021-09-05 18:12:07 · 14837 阅读 · 39 评论 -
JavaScript使用数组的every与forEach方法实现 全选以及取消全选功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.原创 2021-08-20 09:27:58 · 844 阅读 · 0 评论 -
使用FormData对表单(文本框、下拉框、密码框、单选框、多选框等)数据进行获取,简单高效
当我们需要对表单数据进行上送时,经常会使用一些dom操作获取每个input的内容,原创 2021-08-17 21:34:58 · 1644 阅读 · 0 评论 -
监控鼠标与键盘事件 js
//鼠标点击document.addEventListener('click', function (e) { console.dir(e)})//鼠标右键菜单document.addEventListener('contextmenu', function (e) { e.preventDefault() //取消鼠标右键菜单})//禁止鼠标选中事件document.addEventListener('selectstart', function (e) { e.preventDe原创 2021-08-01 19:33:57 · 599 阅读 · 0 评论 -
跨域以及跨域的解决方法
解决方法1.后端修改请求头“Access-Control-Allow-Origin”,“8”2.使用jsonp获取回调3.Nginx实现跨域原创 2021-06-21 16:20:52 · 279 阅读 · 0 评论 -
使用setInteval制作倒计时。
var endTime = new Date('2025-12-12 00:00:00').getTime();//设置倒计时的结束时间时间戳 var time=setInterval(()=>{ var nowTime = new Date().getTime();//获取当前时间的时间戳 let mms = endTime - nowTime; if(mms>0){ let days= parseInt(mms/(1000*60*60*24));..原创 2021-03-16 22:26:01 · 201 阅读 · 0 评论 -
设置跨域后报 [WDS] Disconnected!
有时我们需要进行跨域访问,这时就有可能出现这个错误这时我们就要注意了,我们就需要看看config文件下的index.js里面host是否为localhost若是这时我们就要将localhost修改为127.0.0.1最后重新运行下项目 npm run dev 就可以了...原创 2021-02-27 00:15:42 · 810 阅读 · 0 评论 -
uni-app项目在uniClound中前端托管进行登录时报跨域错误 已拦截跨源请求:同源策略禁止读取位于***** 的远程资源。(原因:CORS 请求未能成功)
111原创 2021-02-22 19:54:32 · 2669 阅读 · 5 评论 -
js判断打开网页的设备是移动端还是PC端
console.log(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))当输出为true时,说明为移动端,当输出为false时,说明为其他设备(如PC端)想判断特定的设备只需将添加特定的设备型号即可Android:安卓webOS:webOS(LG手机)iPhone/iPod:苹果BlackBerry:黑莓手机…...原创 2021-02-21 18:19:11 · 390 阅读 · 0 评论 -
vue的dialog(模态框)和div,切换时自动刷新内容
<div..............:key="new Date().getTime()"></div><dialog.........:key="new Date().getTime(0"><dialog>这个就适合解决延迟等疑难杂症页面出现问题了,不妨试试这个原创 2020-12-24 19:14:48 · 1001 阅读 · 1 评论 -
使用vue-qr插件生成二维码,从下载到使用简单只要几分钟就能生成出你需要的二维码
1.下载vue-qrnpm install vue-qr --save2.下载好后前往需要生成二维码的项目目录的node_modles下查看,是否已有3.再去看看package.json中,vue-qr是否配置了版本号(有些人是从别人那里拿过来的vue-qr文件,如果没有设置版本号,会出现白板效果 )切记!!!!版本号一定要配置好,特别是用内网开发的朋友,不能用npm下载就特别难受了。4.配置好后,我们就可以进行在页面中调用vue-qr生成二维码了<template>原创 2020-12-03 20:50:25 · 1190 阅读 · 0 评论 -
vue刷新当前页面,非F5刷新,解决了刷新时出现空白页面的问题
Vue作为目前最流行的前端框架之一。当用户进行操作后需要刷新当前局部的页面时,如果使用location.reload();与this.$router.go(0);这2种刷新,原理分别是F5类刷新以及跳转至当前页面的刷新,虽然也能刷新,但是会造成当前全部页面刷新。如果用户网络不好时,就会出现空白页面的情况。所以我们需要一种全新的页面刷新方式,局部刷新页面1.我们先在APP.vue中使添加下列代码<template> <div id="app"> &原创 2020-10-15 19:01:21 · 3142 阅读 · 0 评论 -
visual Studio Code(VS code)软件中HTML超级好用的一个插件 liveserver,vs code浏览网页
这个插件可以让我们在visual Studio Code中自己浏览html网页安装教程:1.点击左侧的这个2.在搜索框输入liveserver点击install安装即可。3.配置本地VS code浏览网页点击选择 扩展设置找到这个,如果勾上就能使用VS code浏览本地网页了。...原创 2020-10-04 23:28:46 · 1846 阅读 · 0 评论 -
服务器的java包临时启动与永久启动
当我们开发HTML网页时,需要启动后台的java包。这时,我们可以选择临时启动与永久启动临时启动当我们测试时,可以选择临时启动一个java包。启动命令:首先我们需要进入服务器存放java包的目录然后java -jar ***.jar等待运行。温馨提示:临时启动的java包,不能退出本地与服务器的链接(比如:xshell或者ssh)或者在链接窗口进行其他操作。不然,java包的临时链接可能就会终止。优点:不启动时,不占用服务器的内存。缺点:需要时需要重新启动永久启动当我们的java文原创 2020-10-04 23:02:45 · 704 阅读 · 0 评论 -
服务器ubuntu上传个人网站,需要安装的东西及个人网页所存放的地方。
想将写好的个人网页存放在服务器里,并且随时查看,但是不知道怎么做?你只需要这几步就行了,个人网页随时查看。1.你需要购买一个服务器,个人推荐ubuntu。2.在服务里安装apache2。cmd或者使用xshell软件登录服务器cmd使用命令:ssh 账号@服务器公网ipxshell登录后使用命令:apt install apache2等待安装,安装完后测试下,查看当前apache2状态,service apache2 status,查看其是否运行。apache2的其他命令原创 2020-08-16 23:02:45 · 718 阅读 · 0 评论