JS基础编程
关注
分享
扫一扫
主要介绍js基础及剖析js数据类型内置函数功能，并提供部分js特效
杀猪刀-墨林
为了不懒，所以写点东西
展开
-
jquery中的is函数和has函数解析
官方文档有做介绍is()函数用法 ：$(selector).is(selectorElement,function(index,element))，使用jquery获取到目标元素，它自身拥有两个参数，这里我主要介绍一下可能会用到的使用场景，例如判断目标元素的上级是什么标签及操作标签has()函数用法，两者之间有相似性,都是获取选择器表达式，根据选择器/元素/jQuery 对象检查匹配元...原创 2018-12-26 10:50:47 · 537 阅读 · 0 评论 -
规则校验函数
/** * @description 判读是否为外链 * @param path * @returns {boolean} */export function isExternal(path) { const reg = /^(https?:|mailto:|tel:)/; return reg.test(path);}/** * @description 判读是否为图片 * @param path * @returns {boolean} */export functi.原创 2021-07-19 15:38:41 · 279 阅读 · 0 评论 -
css自定义表单复选框
<!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-UA-Compatible" content="ie=edge"> <title>...原创 2021-01-04 11:09:53 · 310 阅读 · 0 评论 -
Vue中文数组根据文字首字母拼音排序、筛选
这里以全国城市作为示例原创 2020-08-06 15:14:36 · 8640 阅读 · 8 评论 -
Javascript求取一个数值数组在两个临界值的需求数组
目录一、业务场景，获得一个数据数组，但不是我们页面中所需要的，需要根据用户操作得到的两个值作为临界值进行过滤.二、谈谈我的实际业务需求一、业务场景，获得一个数据数组，但不是我们页面中所需要的，需要根据用户操作得到的两个值作为临界值进行过滤.这里以一个demo进行介绍，创建revenue数组var revenue = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,.原创 2020-08-06 10:32:46 · 523 阅读 · 0 评论 -
Js基本数据和引用数据类型的复制差异
window.onload = function() {var num1 = 5;var num2 = num1;num2 = 4;console.log(num1); // 5console.log(num2); // 4var obj = {name: "狗子诶"};var objec = obj;objec.name = "江小白";console...原创 2018-12-29 16:53:19 · 225 阅读 · 0 评论 -
xlsx导出表格
引入xlsxjs文件然后获取后台接口数据,最后拼接excel表格数据function downExcel(dataTbale) { // Excel文件名称 var filename = "登录日志.xlsx"; // 数据格式 var data = [ ["访问编号", "用户名称", "登录地址", "登录地点", "浏览器", "操作系统", "登录状态", "操作信息", "操作日期"] ]; // 手动定义表格头部原创 2020-05-11 10:29:45 · 1156 阅读 · 0 评论 -
数组根据内部对象特定字段进行分割成多个数组
引文:后台把所有数据对象信息放到一个数组中传回，已知数组内部对象有一个字段相同，根据这个相同字段进行数组拆分。 var TabArr = [ { id: 1, txt: '1' }, { id: 1, txt: '132' }, { id: 2, txt: '112' }, { id...原创 2020-04-15 11:47:06 · 2230 阅读 · 0 评论 -
Echarts时间轴补刻度
有时候我们Echarts图表可能数据不够，只有一两条时，呈现效果不是很好,比如这样所以我们需要填充数据，让图表就算没有数据看起来横轴也可以接受// 补时间轴数值，数据不足10条时，补足10条,把时间轴刻度往后推 var addTime,y,m,d,Xdata=['2020/04/12'],Ydata=[1500]; if(Xdata.length<...原创 2020-04-12 11:44:14 · 2314 阅读 · 0 评论 -
JS制作音乐播放器并高亮歌词滚动以及按钮暂停播放切歌
简介:高亮歌词这里需要说一个文件，也就是.lrc文件，这个功能制作是将文件中时间与音乐文件中播放的进度作比较，实现文件何时滚动换行以及高亮的，好了看代码（我的歌曲文件是周总的《等你下课》）css代码:.container { width: 340px; height: 500px; border: 2px solid...原创 2019-11-12 15:41:03 · 1336 阅读 · 1 评论 -
Echarts图例控制y轴显示隐藏
<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"> <div id="container" style="heig...原创 2020-08-11 15:39:35 · 4432 阅读 · 1 评论 -
网页数字自动化加载，定时器使用有参函数
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2019-02-26 17:18:17 · 139 阅读 · 0 评论 -
WebSocket
WebSocket 出现前构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。在 WebSocket 出现之前，我们有一下解决方案：传统轮询(Traditional Polling)当前Web应用中较常见的一种持续通信方式，通常采取 setInterval 或者 setT...转载 2019-02-27 09:32:38 · 97 阅读 · 0 评论 -
网页数字展示自动化加减
说说自己的应用场景最近参与一个后台数据管理系统，用于展示大屏数据显示，涉及到首页网页中多个位置模块的数据展示，类似于这种这其中涉及到数据从0到10000这种动态加载，所以自己模拟这些了一个，干货如下：网页元素<body><p id="num">数据总量:<i></i></p><p id="sum原创 2019-03-06 17:31:30 · 439 阅读 · 0 评论 -
元素到窗口边距
JS获取网页高度和宽度网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body....转载 2019-04-10 19:48:56 · 183 阅读 · 0 评论 -
假如苏大强做前端优化(节流、防抖)
// 节流，每隔一段时间执行一次function throttle(fn, wait) { var timer = null; return function() { if (!timer) { timer = setTimeout(() => { fn.apply(this, Array.prototype....转载 2019-04-08 09:49:00 · 150 阅读 · 0 评论 -
requestAnimationFrame兼容
简单兼容if (!window.requestAnimationFrame) { requestAnimationFrame = function(fn) { setTimeout(fn, 17); };}严格兼容if(!window.requestAnimationFrame){ var lastTime = 0; window...转载 2019-04-09 11:09:34 · 321 阅读 · 0 评论 -
酷炫滚动条制作思路
首先将会出现滚动条的模块添加滚动条的伪类::-webkit-scrollbar给其样式display：none;将其隐藏,然后使用js或者jquery，监听这个区块的滚动事件，创建元素节点或者这个区块div内原本就提供一个类似于滚动条的区块i（本身是隐藏状态），当触发滚动事件时，或者当鼠标进入区块div时，将滚动条i释放显示出来。当区块div内部滚动的时候，获取其区块div内部自身滚动...原创 2019-04-03 14:32:34 · 385 阅读 · 0 评论 -
marquee跑马灯的替代方式
随着H5的语义化，marquee标签逐渐被替代，后续可能浏览器不支持这里介绍一下替代方式实现位移的话，可以使用css3的transform配合过渡或者定时器transition、transform、anmiation，使用css3的话，要考虑自己的应用场景，也就是滚动内容的宽度是固定的，因为@keyframe动画是在css中硬编码的，如果想用的话，这个就需要自己去找适合的插件了。在...原创 2019-04-09 16:46:07 · 9038 阅读 · 1 评论 -
Js执行机制
/* js运行时会进行三件事：1语法分析 2.预编译 3.解释执行 *//* 1.语法分析:浏览器对Js全篇预览，判断语法是否失误 *//* 2.预编译的四部曲：1.创建GO/AO对象2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined3.将实参值和形参统一4.在函数体里面找函数声明，值赋予函数体 *//* ------------JS中函数----...转载 2019-04-30 10:56:54 · 101 阅读 · 0 评论 -
JS保留3位小数
今天朋友面试，遇到一道面试题，写一个方法实现传入的参数数字保留三位小数// 保留3位小数function name(params) {let newpar = parseFloat(params);let reg = /^[0-9]+.?[0-9]*$/;if(reg.test(newpar)){let newNum = newpar.toFixed(3);return...原创 2019-02-14 11:28:04 · 19336 阅读 · 0 评论