- 博客(20)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 移动端 顶部折叠导航 a标签锚点位置偏移
效果如下：点击某个导航后，会跳转到本页面a标签锚点位置。PC端a标签锚点href="#id"方式，在移动端或者angular下不管用，解决方法如下
2020-09-15 10:06:03
574
原创 swiper轮播+动画+蒙版特效
实际效果非常棒，此版本兼顾了PC端和移动端。贴了所有代码供参考。。。1、上层添加蒙版图片2、底层是swiper轮播图3、每个轮播图在切换前由左向右移动
2020-08-05 16:55:29
1418
原创 DevTools failed to load SourceMap 警告处理方法
报类似错误，解决方法如下根据上面出现的路径去找对应的文件，通常在文件末尾，然后删除红色框框的内容就可以了
2020-08-05 09:06:16
26369
5
原创 公司活动抽奖平台--纯前端
本程序参考了之前网上搜索到的一个版本，但是解决了存在的bug，并进行了功能扩展，可方便在此基础上根据需求进行二次开发。功能如下：1、可左右切换一等奖、二等奖、三等奖，或者多个分公司的地址信息。2、实时显示还有多少人参与，会删掉已经中奖的人，每次抽奖结束后更新。3、支持设置一次抽取人数，从1开始，理论上面无限添加，如果一次抽取人数超过实际人数不能抽奖。4、可以查看抽奖名单，我的例子中设置了3个分公司，每个分公司名单不同。如果只有一个公司，删掉多余数据即可。随中奖人数增加而变化（主要为了考虑
2020-06-12 14:39:14
483
原创 页面随鼠标滚动，侧边导航栏固定位置，链接跳转到页面指定位置
上一篇文章中详细介绍了a标签锚点的使用，实现链接跳转到指定位置功能，重点解决了当网页header固定fixed的情况，跳转位置有所偏移的问题，需要的同学可以查看https://blog.csdn.net/liuminyi1987/article/details/105787187本篇介绍如下左侧导航栏固定，且每个链接是a锚点。HTML代码：<div class="mprobedx-left reagent-left" id="scrolldiv" > <u
2020-05-27 10:39:42
4755
转载 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
2883
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
2075
原创 node pm2 + nginx 部署websocket项目解决方案--超详细总结
经过了几天捣鼓，加上请教大牛，将自己走过的这个坑总结如下。以下代码亲测有效，工程使用的node express框架需求分析： 因为nodejs是单线程，在实际项目运行时，一旦遇到错误，会导致整个系统崩溃，因此需要使用node的多进程模型，比如简易使用的pm2进程管理工具。在常规的http服务中，pm2直接启动工程即可（下文附上简单pm2介绍），可是一旦server中集成了sock...
2019-01-18 10:48:31
3303
原创 vue+fetch+springMVC实现数据交互
经过3天的努力，网上参考了各种方法，终于误打误撞的解决了前后台数据交互的问题，虽然还有很多地方不知其所以然，但还是先写出解决方法，还请大牛们指教。1、首先新建vue工程，写代码，我只写了一个简单页面，代码如下：<template> <div class="hello"> <h1>{{ msg }}</h1> <h2...
2018-08-08 14:29:58
1536
原创 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
25327
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
441
转载 JAVA继承关系下构造函数执行时的顺序
原文地址：https://blog.csdn.net/SnailMann/article/details/78665874得到的结论是：先执行父类构造函数，再执行子类构造函数父类：Animal.java[java] view plain copypackage extendsdemo; public class Animal { public int age; publi...
2018-05-08 20:13:03
12282
原创 echarts图表自适应，容器宽度设置为百分数，但是图表显示不全，缩到一起
问题如下：在tab切换的时候发现第二个tab页面的图表显示不全，缩到了一起。添加window自适应方法不管用，如下： mychart.setOption(option); $(window).resize(function() { //重置容器高宽 mychart.resize(); });各种搜索这个问题，找到了方法。先借鉴大牛解释出现这个问题的原因：查了一下echarts源码，发现了这个Pa...
2018-03-22 14:52:58
46192
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
4196
3
转载 给button绑定click事件时，出现ajax请求时，一次点击两次提交的问题解决
原文链接：http://blog.csdn.net/qingche456/article/details/62059433ajax请求时，一次点击两次提交的问题解决原代码<script> $(function(){ $('#jsStayBtn').on('click', function(){ $.ajax({ ...
2018-03-16 10:03:41
8648
原创 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
2533
原创 模态框拖拽可移动
js代码： /** 拖拽模态框*/ var dragModal={ mouseStartPoint:{"left":0,"top": 0}, mouseEndPoint : {"left":0,"top": 0}, mouseDragDown : false, basePoint ...
2018-03-06 09:22:31
2398
原创 文件导入 隐藏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
1747
原创 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
10388
抽奖平台模板.zip
2020-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人