前端
怪只怪满眼尽是人间烟火
尚未佩妥剑 转眼已江湖
展开
-
JavaScript实现网页截图功能
【代码】JavaScript实现网页截图功能。原创 2022-12-19 14:29:39 · 570 阅读 · 0 评论 -
js获取指定年月的周一和周末
指定月份:指定年份:原创 2022-06-14 14:25:12 · 625 阅读 · 0 评论 -
node多版本切换、node版本更新及降低版本
一、安装gnvm1、要用管理员权限启动cmd;2.确保node是空闲的(将使用中的node关闭)2、安装gnvm: gnvm下载地址:32-bit|64-bitGithub (1)下载完以后会有一个gnvm.exe文件 (2)将gnvm.exe文件放在Node.js所在的文件夹,3、验证gnvm是否可用: 使用指令 gnvm version4、这时候就可以使用gnvm指令管理node版本了二、gnvm相关指令1、安...原创 2021-12-10 14:59:07 · 8389 阅读 · 1 评论 -
vscode配置live-server转发代理
首先安装live-server,然后点击设置:原创 2021-06-21 10:22:41 · 2939 阅读 · 1 评论 -
Layui中设置公共的全局变量接口
1.新建一个http.js文件在js文件夹下的lay-module文件夹中新建一个http文件夹,并新建一个http.js文件http.js/** 扩展一个http模块**/ layui.define(function(exports){ //提示:模块也可以依赖其它模块,如:layui.define('layer', callback); var obj = { api:"http://localhost:8090/" //根据自己项目的端口而定 .原创 2021-01-08 16:44:12 · 5843 阅读 · 1 评论 -
js引用最外部的js中的文本信息
新建一个最外部的js。名字随便起可以叫:http.jswindow.globalConfig = { "api": "http://10.xx.xx.xxx:8080"}内部js引用的时候。$(function(){ var httpPort=window.globalConfig.api; alert(httpPort);})这样ajax调用的时候就可以直接修改外部的地址,不用一个一个修改ajax地址了...原创 2020-12-25 10:50:42 · 221 阅读 · 1 评论 -
localStorage.setItem()前后端分离情况下使用
localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 属性是只读的。前后端分离情况下,可以将后端返回的数据保存到localStorage中:localStorage.setItem("user",JSON.stringify(res.data.user));然后系统跳转页面 读取用户信息: var userString = localStorage.getItem("user");点击退出登录后,删除loca..原创 2020-09-10 15:27:14 · 2952 阅读 · 0 评论 -
echarts图表大小随着外部div大小变化
首先在外部新建一个chart数组。var chartsArr=[];把需要进行大小响应的chart图放进去。myChart1.setOption(option1);chartsArr.push(myChart1); myChart2.setOption(option2);chartsArr.push(myChart2);然后是修改div大小的点击事件:function bigEcharts() { $(".righthidden").css({"width":..原创 2020-08-03 15:21:39 · 1150 阅读 · 0 评论 -
修改滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shado...原创 2020-07-09 16:07:38 · 580 阅读 · 0 评论 -
模仿百度搜索框,进行联想搜索
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>input自动补全</title> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> </head> <style> #searchFo.原创 2020-07-07 18:45:05 · 391 阅读 · 0 评论 -
js实现算法--割字符串
function fenGeString(str,num) { //每num位就添加一个逗号 //先将str转换为数组 var strToArr =str.split(''); for (var i =num ;i<str.length;i+=num+1){ strToArr.splice(i,0,','); } return strToArr.join(''); } var s.原创 2020-05-25 15:13:34 · 211 阅读 · 0 评论 -
根据key值相同,把对应的value相加。
window.onload = function() { $.ajaxSettings.async = false; var startData = []; var animalNum = 0; var cardNum = 0; var startShengName; $.getJSON("jspro/course1.json", function(data) { var sorted = groupBy(data, function(item) {...原创 2020-05-15 12:38:27 · 1506 阅读 · 0 评论 -
页面加载完成之后,开始显示内容
//监听加载状态改变document.onreadystatechange = completeLoading; //加载状态为complete时移除loading效果function completeLoading() { if (document.readyState == "complete") { document.getElementById("about").style.display="block";//显示 }else{ .原创 2020-05-14 18:08:45 · 434 阅读 · 0 评论 -
js将json数据保存到本地
<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.js"></script><input type="button" id="export" value="保存"/> <script> var button = document.getElementById("export"); button.addEventListener("click", saveHa.原创 2020-05-14 18:07:19 · 1994 阅读 · 0 评论 -
echarts中x轴文字过长换行处理和倾斜处理。
1.换行处理axisLabel: { formatter: function (val) { console.log(val); var strs = val.split(''); //转化为字符串数组 console.log(strs); var str = '' for (var i = ...原创 2020-04-28 11:20:49 · 2865 阅读 · 0 评论 -
X-Frame-Options防止自己的网页放被在别人iframe中
在你不想被引用的页面上写入如下标签和内容:<meta http-equiv="X-Frame-Options" content="SAMEORIGIN">其中content参数有多个:(1)DENY:不能被嵌入到任何iframe或frame中。(2)SAMEORIGIN:页面只能被同源的页面嵌入到iframe或者frame中。(3)ALLOW-FROM http:/...原创 2019-11-18 15:21:56 · 420 阅读 · 0 评论 -
frame框架点击链接或者按钮跳转整个页面以及别的frame框架
如何在内部跳转和整个页面跳转:下面这个top.location.href = "login.html";可以跳转整个页面。$(function(){ $("#quit").click(quit);})function quit(){ var r=confirm("您确定要退出系统") if (r==true) { top.location.hr原创 2017-09-20 10:54:08 · 9051 阅读 · 1 评论 -
Normalize.css :一种用于重置默认的CSS样式的样式工具
官网地址:http://necolas.github.io/normalize.css/引用地址:<link rel="stylesheet" href="https://necolas.github.io/normalize.css/latest/normalize.css"/>github地址:https://github.com/necolas/normalize.css...原创 2019-06-13 10:09:35 · 1286 阅读 · 0 评论 -
鼠标移动到div上,div中的img放大
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>鼠标移动到div上,div中的img放大</title> <style> #photo1{ overflow: hidden; width: 41...原创 2019-06-10 18:30:19 · 1688 阅读 · 0 评论 -
position的四种属性
值 描述 static(默认) 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 relative(相对定位) 生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 absolute(绝对定位) ...原创 2019-06-17 11:46:14 · 836 阅读 · 0 评论 -
全局处理ajax请求时session超时
$.ajaxSetup({ contentType : "application/x-www-form-urlencoded;charset=utf-8", complete : function(XMLHttpRequest, textStatus) { var sessionstatus = XMLHttpRequest.status; if (sessionstatus == ...原创 2019-09-17 14:53:43 · 253 阅读 · 0 评论 -
div模仿复选框
<!DOCTYPE html><html lang="en"><head> <title>div模仿复选框</title> <meta charset="UTF-8"/> <style></style><style> .fuxuankuang{ ...原创 2019-09-25 22:50:51 · 695 阅读 · 0 评论 -
百度地图后台拿数据绘制多边形
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" ...原创 2019-04-09 10:33:48 · 2017 阅读 · 5 评论 -
NATAPP.CN 内网穿透教程
1.先注册账号。2.点击购买隧道,先选择免费隧道,试用一下。3.配置隧道4.然后下载客户端,客户端不能双击打开,需要在进行配置。windows ,点击开始->运行->命令行提示符 后进入 natapp.exe的目录,运行下面文字,注意“=”后面是你自己authtokennatapp-authtoken=9ab6b9040a624f4...原创 2018-05-22 09:43:42 · 2560 阅读 · 5 评论 -
javascript中函数和方法的区别
函数(function) 函数是一段代码,需要通过名字来进行调用。它能将一些数据(函数的参数)传递进去进行处理,然后返回一些数据(函数的返回值),也可以不返回数据。方法(method)是通过对象调用的javascript函数。也就是说,方法也是函数,只是比较特殊的函数。当将函数和对象和写在一起时,函数(function)就变成了方法(method)。...原创 2018-02-28 15:00:03 · 5199 阅读 · 0 评论 -
js页面上的excel导出
js页面上的excel导出这里的代码是网上转别人的感觉还不错,可以试试。 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; //ie if (explorer.indexOf("MSIE") >= 0) { return转载 2017-11-21 17:33:29 · 617 阅读 · 0 评论 -
仅限iE浏览器导出WORD
仅限iE浏览器导出WORD首先呢看看代码 测试HTML导出内容至WORD var oWD = new ActiveXObject("Word.Application"); var oDC = oWD.Documents.Add("",0,1); var oRange =oDC.Range(0,1原创 2017-11-21 17:31:37 · 1268 阅读 · 0 评论 -
jquery插件导出WORD
jquery插件导出WORD首先引入三个js文件js链接地址: 测试HTML导出内容至WORD jquery插件导出WORD 名次 姓名 总分原创 2017-11-21 17:23:14 · 2425 阅读 · 0 评论 -
利用js弹出select下拉选中option的内容
直接贴代码,很简单!首先引入jquery<script type="text/javascript" src="js/jquery.js" ></script>接下来是body里面内容 一个很简单的下拉选 <body> <select> <option>1</option> <o...原创 2017-10-27 14:24:41 · 6223 阅读 · 0 评论 -
bootstrap时间控件
首先看一下效果首先新建一个html ,引入相应的js,附件里面有!bootstrap-datetimepicker.zh-CN.js 这是js是本地汉化,一定要引入。如果想换别的语言,链接换成别的就行。下面的代码是第一个展示图片的代码: Date Picking原创 2017-09-16 21:14:18 · 6580 阅读 · 0 评论 -
JS的三种消息提示框alert confirm prompt
首先来看看alert的效果:代码为:$(function(){ $("#quit").click(quit);})function quit(){ alert("消息提示框里面的内容")}接下来看看confirm的效果:代码为:原创 2017-09-20 09:38:18 · 968 阅读 · 0 评论 -
div/span强制不换行
div/span强制不换行首先看一下效果:接下来看下代码:不需要引入任何文件。div/span强制不换行.main1{display:inline-block;width:500px;height:100px;border:1px solid #000;}.main2{display:inline-block;width:500px;he原创 2017-09-18 11:34:24 · 7263 阅读 · 0 评论 -
按照百分比分割页面
今天写一个最轻松的,怎么把一个页面按照百分比分割?首先来看下效果:接下来看看代码:按照百分比分割页面body{margin:0 auto; padding:0; height: 100%;}html { margin:0 auto; padding:0; height: 100%;} #原创 2017-09-25 18:11:08 · 1178 阅读 · 0 评论 -
Vue写hello world
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>hello world</title> <script type="text/javascript" src="js/vue.js"原创 2018-05-28 09:57:02 · 762 阅读 · 0 评论 -
Vue开发todolist
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" >&原创 2018-05-28 10:22:33 · 469 阅读 · 0 评论 -
echarts地图json实现
echarts3.0以后取消了内置地图,可以用百度地图或者json或者js。本文章用的json首先导入jquery和echarts。 只要输入每个城市或者省份的json就行。这个是全国各省市 json资源:https://download.csdn.net/download/weixin_38959210/10543965因为用到了ajax,所以必须有服务(静态页面上看不到地图的)才能...原创 2018-07-16 14:32:05 · 12839 阅读 · 8 评论 -
Springboot注册Filter
第一步:先写一个Filter配置类public class filterconfig implements Filter{ @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletEx...原创 2019-04-12 11:25:37 · 2098 阅读 · 0 评论 -
echarts定时加载动画数据
首先看看效果:接下在看看代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script type...原创 2019-03-25 11:49:19 · 3554 阅读 · 0 评论 -
zTree-简单的树
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../../ztree-css/demo.css" ty原创 2019-03-10 14:08:32 · 530 阅读 · 0 评论 -
GitHub Pages搭建属于自己的静态网站,并绑定个人域名
1.首先登录Github,新建一个项目,项目的名称为:xxxxxx.github.io xxxxx为自己的用户名2.在项目中上传一个,index.html,类似下图。因为默认只读取index.html文件3.点击 Settings4.先确认一下 这个名字是否正确。之后下拉 一直到GitHub Pages5.然后操作如下:6.这时候你会发现,x...原创 2019-02-21 10:58:38 · 1610 阅读 · 0 评论