需求整理
关注
分享
扫一扫
子化诗理
这个作者很懒，什么都没留下…
展开
-
使用js将多个相关联的excel数据文件整合到一起并筛选出需要的数据的整理
最近，因为业务需要遇到一个整合筛选excel数据的项目。两个excel文件，一个是按获奖人名整理的获奖数据（分老师和学生两种身份，获奖类型分一、二、三等奖），另一个是按报送学校整理的数据（学校类型分为高职和中职），报送的学校要比获奖的学校个数多，业务需求是按学校类型统计获奖学校的老师和学生每一个获奖类型的个数。首先推荐一个把excel转为json的在线网站 http://www.bejso原创 2017-09-27 09:24:11 · 2262 阅读 · 0 评论 -
移动端滑动时出现一段时间之后消失的提示性模块
<style>/*回到首页样式*/.goBackIndex{ max-width:750px; position:fixed; width:100%; height:1.16rem; background-color:rgba(255,255,255,0.9); bottom:0px; left:50%; trans...原创 2019-07-15 15:24:32 · 529 阅读 · 0 评论 -
滑块横幅轮播
<!-- banner --><div class="banner-wrap"><div class="cai-slider"><style>.banner-wrap{width: 1100px;height:300px;padding:0 10px;margin: 0 auto;margin-bottom: ...原创 2019-06-13 17:44:24 · 484 阅读 · 0 评论 -
轮播插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-04-25 15:31:47 · 748 阅读 · 0 评论 -
替代即将淘汰的Flash
视频播放（Play Video）解决方案：在移动端设备上，使用HTML5的video标签基本没有问题。 在PC上，IE低版本(IE8-)浏览器上除了Flash目前没有其它办法 在PC上，IE9+和其它现在浏览器，采用HTML5标签。 综合来说，可以统一用以下一段代码实现兼容：<video width="400" height="300" controld> <...原创 2019-02-15 15:54:58 · 2735 阅读 · 0 评论 -
登录页表单验证
$(".login-btn").on("click", function () { return check() }) function check() { var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-...原创 2018-07-06 13:58:21 · 2037 阅读 · 0 评论 -
原生JS实现移动端判断滑动到底部还是顶部并实现懒加载功能
window.onscroll = function () { var scrollT = document.documentElement.scrollTop || document.body.scrollTop;//滚动条的垂直偏移 var scrollH = document.documentElement.scrollHeight...原创 2018-06-20 10:01:09 · 5165 阅读 · 1 评论 -
带回车的字符串实现段落区分和展开、收起（默认收起）功能
1、段落区分 利用正则表达式 .replace( /(^\s*)|(\s*$)/g,"")将带回车的字符串按段落分开，放入p标签里，最后一段用span包裹。2、展开收起功能function init() { var wordsNum = 60; //默认显示字数 var ctn = document.getElem...原创 2018-06-20 09:43:25 · 344 阅读 · 0 评论 -
封装ajax请求
/* 封装ajax函数 * @param {string}opt.type http连接的方式，包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求，true为异步的，false为同步的 * @param {object}opt.data 发送的参数，格式为对象类型 * @param...原创 2018-06-11 14:43:19 · 525 阅读 · 0 评论 -
移动端适配的解决方案—rem
rem（font size of the root element）是相对长度单位。相对于根元素（即html元素）font-size计算值的倍数。方案一、固定换算倍数100设置rem，实现的效果是在PC端浏览器里不用点击toggle device toolbar(切换设备工具栏)也可以和移动端屏幕基本一致的效果体验，设置的默认宽度为750px（可以根据你的图纸修改默认宽度），在默认屏幕宽度下1re...原创 2018-04-27 11:18:14 · 1863 阅读 · 0 评论 -
判断页面的打开方式是安卓还是IOS,是微信还是其他浏览器，并执行不同的跳转
$.ready = function () { var urlpath = location.search.slice(1);// 根据地址栏id信息判断下载那个app if (getUrlArguments("id") == 1 || getUrlArguments("id") == null) { $('title').text("空间微信-世界大学城"); //改...原创 2018-03-01 10:12:05 · 1371 阅读 · 0 评论 -
eCharts使用总结：属性解释+修改+效果展示+多个图表切换
最近做统计图表使用的是echarts插件，简单解释一下用到的每个配置项是干什么用的，以及效果展示在什么位置；实现了多个图表切换的功能；本人是入门级小白，有什么错误的地方请大神指示，最全最详细的解释还是去看官网的配置吧！配置项都在这里了http://echarts.baidu.com/option.html#title，function weekSumShow (){ v原创 2018-01-25 11:24:44 · 14621 阅读 · 2 评论 -
滑轮滑动+小圆点触发全屏上下滚动并实现不同浏览器窗口下的缩放
css准备：模块宽度设置为100%；高度设置为100vh；内容区域设置为1000*800，居中显示；js:$(function(){ //初始化页面置于顶部 $("html,body").animate({scrollTop:0},300); var page = 0; //浏览器当前窗口可视区域宽度 var viewWidth=$(window).原创 2017-11-21 13:53:22 · 1094 阅读 · 0 评论 -
利用jquery的animae属性优化锚点跳转太快的问题
1、声明跳转函数(可改变跳转时长)function jump(sel) { $("html,body").animate({ scrollTop: $(sel).offset().top }, 800);}2、点击标签调用跳转函数$(".btn").on("click", function () { jump("#title");});原创 2017-09-27 16:29:49 · 2471 阅读 · 0 评论 -
table表格的相关设置（边框合并、隔行变色、添加内边框、单独设置某一列）
1、为table表格设置边框合并table{ border-collapse:collapse; border-spacing:0;}2、隔行变色和添加内边框function addColor() { var tbodyTrList = $(".table tbody tr"); var tdList = $(".table td");原创 2017-09-27 15:08:43 · 5054 阅读 · 0 评论 -
转载 [原生JS]实现移动端的上拉加载&下拉刷新
<body> <div id="app"> <header id="header"> <input type="text" id="input"> <input type="submit" id="submit"> </header> <article id="art...转载 2019-07-12 16:04:53 · 2282 阅读 · 0 评论