- 博客(20)
- 资源 (5)
- 收藏
- 关注
原创 移动端 顶部折叠导航 a标签锚点位置偏移
效果如下:点击某个导航后,会跳转到本页面a标签锚点位置。PC端a标签锚点href="#id"方式,在移动端或者angular下不管用,解决方法如下
2020-09-15 10:06:03
666
原创 swiper轮播+动画+蒙版特效
实际效果非常棒,此版本兼顾了PC端和移动端。贴了所有代码供参考。。。1、上层添加蒙版图片2、底层是swiper轮播图3、每个轮播图在切换前由左向右移动
2020-08-05 16:55:29
1551
原创 DevTools failed to load SourceMap 警告处理方法
报类似错误,解决方法如下根据上面出现的路径去找对应的文件,通常在文件末尾,然后删除红色框框的内容就可以了
2020-08-05 09:06:16
26624
5
原创 公司活动抽奖平台--纯前端
本程序参考了之前网上搜索到的一个版本,但是解决了存在的bug,并进行了功能扩展,可方便在此基础上根据需求进行二次开发。功能如下:1、可左右切换一等奖、二等奖、三等奖,或者多个分公司的地址信息。2、实时显示还有多少人参与,会删掉已经中奖的人,每次抽奖结束后更新。3、支持设置一次抽取人数,从1开始,理论上面无限添加,如果一次抽取人数超过实际人数不能抽奖。4、可以查看抽奖名单,我的例子中设置了3个分公司,每个分公司名单不同。如果只有一个公司,删掉多余数据即可。随中奖人数增加而变化(主要为了考虑
2020-06-12 14:39:14
555
原创 页面随鼠标滚动,侧边导航栏固定位置,链接跳转到页面指定位置
上一篇文章中详细介绍了a标签锚点的使用,实现链接跳转到指定位置功能,重点解决了当网页header固定fixed的情况,跳转位置有所偏移的问题,需要的同学可以查看https://blog.youkuaiyun.com/liuminyi1987/article/details/105787187本篇介绍如下左侧导航栏固定,且每个链接是a锚点。HTML代码:<div class="mprobedx-left reagent-left" id="scrolldiv" > <u
2020-05-27 10:39:42
5080
转载 a标签锚点位置偏移(页面顶部有fix header)
写页面的时候,用到了锚点链接<a href="#section1"></a>,但是发现点击a到对应的section的时候,不能到section的上面,会到section中的某个位置,一开始我以为是元素内容部的margin或者h1的问题,后来通过console.log()输出高度等发现了原因:最上面的nav 加了属性position:fixed的原因———虽然元素被fixed...
2020-04-27 11:47:21
3383
1
原创 node 多页面 传参,前后台 传参
或许我设计的程序有点奇葩,涉及到了复杂的多个页面之间传参。。以下代码亲测有效,使用node express框架。需求场景: a.html页面上,用户输入参数name、path,要传递给b.js,b.js根据name和path读取path下面的文件,并将读取的数据显示到b.html,b.html页面上还需要调用index.js中的xx()方法,需要将name和path传递给xx(...
2019-01-18 13:56:19
2157
原创 node pm2 + nginx 部署websocket项目解决方案--超详细总结
经过了几天捣鼓,加上请教大牛,将自己走过的这个坑总结如下。以下代码亲测有效,工程使用的node express框架需求分析: 因为nodejs是单线程,在实际项目运行时,一旦遇到错误,会导致整个系统崩溃,因此需要使用node的多进程模型,比如简易使用的pm2进程管理工具。在常规的http服务中,pm2直接启动工程即可(下文附上简单pm2介绍),可是一旦server中集成了sock...
2019-01-18 10:48:31
3540
原创 vue+fetch+springMVC实现数据交互
经过3天的努力,网上参考了各种方法,终于误打误撞的解决了前后台数据交互的问题,虽然还有很多地方不知其所以然,但还是先写出解决方法,还请大牛们指教。1、首先新建vue工程,写代码,我只写了一个简单页面,代码如下:<template> <div class="hello"> <h1>{{ msg }}</h1> <h2...
2018-08-08 14:29:58
1606
原创 checkbox类型input获取选中值和设置选中状态
设置选中状态JS代码:var listcheck = document.getElementsByName("btn_check");//获取checkbox列表 for(var i=0;i<listcheck.length;i++){ if(listcheck[i].value == result["personid"]){//判断条件 li...
2018-06-07 15:24:48
25491
2
转载 页面链接location.href用法
可以用在iframe框架里面。*.location.href 用法: top.location.href=”url” 在顶层页面打开url(跳出框架) self.location.href=”url” 仅在本页面打开url地址 parent.location.href=”url” 在父窗口打开Url地址 this.location.href=”u...
2018-06-01 13:54:05
471
转载 JAVA继承关系下构造函数执行时的顺序
原文地址:https://blog.youkuaiyun.com/SnailMann/article/details/78665874得到的结论是:先执行父类构造函数,再执行子类构造函数父类:Animal.java[java] view plain copypackage extendsdemo; public class Animal { public int age; publi...
2018-05-08 20:13:03
12466
原创 echarts图表自适应,容器宽度设置为百分数,但是图表显示不全,缩到一起
问题如下:在tab切换的时候发现第二个tab页面的图表显示不全,缩到了一起。添加window自适应方法不管用,如下: mychart.setOption(option); $(window).resize(function() { //重置容器高宽 mychart.resize(); });各种搜索这个问题,找到了方法。先借鉴大牛解释出现这个问题的原因:查了一下echarts源码,发现了这个Pa...
2018-03-22 14:52:58
46726
5
转载 bootstrap datetimepicker的用法以及小箭头不能显示的问题
使用时间控件时需要把CSS和js引用都加上,加上bootstrap-datetimepicker.zh-CN.js在使用的时候才可以选择使用中文。<script type="text/javascript" src="././js/public/bootstrap-datetimepicker.zh-CN.js"></script>我使用的是bootstrap-dateti...
2018-03-20 15:55:22
4269
3
转载 给button绑定click事件时,出现ajax请求时,一次点击两次提交的问题解决
原文链接:http://blog.youkuaiyun.com/qingche456/article/details/62059433ajax请求时,一次点击两次提交的问题解决原代码<script> $(function(){ $('#jsStayBtn').on('click', function(){ $.ajax({ ...
2018-03-16 10:03:41
8724
原创 js上传照片,预览,压缩后base64编码发送后台,及将后台返回的base64图片显示到HTML
显示效果如下,点击上传,选择任意图片,压缩到设定的图片大小并显示,压缩后发送给后台。HTML:<th align="center" rowspan="4"> <span style="color:red">*</span>照片:<br><input type="file" value="
2018-03-07 15:08:29
2609
原创 模态框拖拽可移动
js代码: /** 拖拽模态框*/ var dragModal={ mouseStartPoint:{"left":0,"top": 0}, mouseEndPoint : {"left":0,"top": 0}, mouseDragDown : false, basePoint ...
2018-03-06 09:22:31
2444
原创 文件导入 隐藏file类型input控件并获取返回值
HTML:实现点击【导入】按钮就能够上传文件,代码如下:<a oppower="Export|导出" class="btn btn-default" iconcls="icon-reload" id="btnExport" group="" onClick="" style="margin-left:4px;"><span cl
2018-03-05 16:48:40
1815
原创 radio类型input获取选中值和设置选中状态
HTML:<td align="left" colspan="3"><input type="radio" style="width:40px" name="h_Live" id="h_Live1" value="独自居住" >独自居住<input type="radio" s
2018-03-05 16:33:44
10542
抽奖平台模板.zip
2020-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人