js技术
关注
分享
扫一扫
邱志刚
迷茫，是因为你的技术还配不上梦想！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
递归循环 / 高端 / 大气 / 上档次
循环了这么多获取id，虽然能满足需求，但是可读性很低，最近看到了一段代码头大，先贴出来给大家看。这样看起来是不是就很舒服了。下面写个简单demo。原创 2022-11-03 16:00:43 · 226 阅读 · 0 评论 -
vue pdf文件下载 / 在线预览真是有效！
首先说下下载问题，通过文件地址下载存留问题 无法下载试过a标签搭配文件地址下载，最后发现行不通，一点击下载就直接打开了，不符合需求。通过文件流形式，完美解决，这里通过后端把文件转换文件流的格式传给前端，前端再去转换下载，就OK了第一步，请求接口。...原创 2022-08-31 11:48:24 · 3442 阅读 · 1 评论 -
用正则 截取字符串对应的值
js截取两个字符串之间的内容：var str = "name=qiu&age=18;str = str.match(/name=(\S*)&age/)[1];alert(str);//结果qiujs截取某个字符串前面的内容：var str = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)[1];alert(str);//结果aaabbbcccdddjs截取某个字符串后面的内容：var str = "aaabbbcccdd转载 2022-05-13 09:41:32 · 388 阅读 · 0 评论 -
js 银行卡号四位一空格和去除中间空格
添加空格let val = 62284821482463245;let mont = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& ');// mont = 6228 4820 48...去除空格let val = 6228 4821 4824 6324 5;let mont = val.replace(/\s/g, "")；// mont = 6228482048...原创 2021-02-02 17:00:10 · 1331 阅读 · 0 评论 -
数组扁平化处理常用的俩种方法。 奥利给!
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </body>原创 2020-07-31 09:51:04 · 298 阅读 · 0 评论 -
indexbar 将数组键值转化为字母再通过字母分组，排序。
这段时间需要写一个手机通讯录的功能，后端只给了数据，没有分组，也没有字母分类，下面将实现这个功能。效果图首先新建俩个js文件。pinying.jsexport const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u原创 2020-07-22 16:11:36 · 5224 阅读 · 0 评论 -
原生js实现京东商品放大镜。
js 放大镜原创 2020-05-08 17:40:39 · 560 阅读 · 0 评论 -
jquery 实现模块拖拽效果，
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽demo</title> <style> </style></head><style> *{ margin: 0; padding: 0; } .conta原创 2020-05-08 17:37:26 · 580 阅读 · 0 评论 -
h5视频，获取视频第一帧当视屏封面图片。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>capture screen</title></head><style> #video{ width: 300px; height: 30...原创 2020-04-30 17:24:26 · 6805 阅读 · 5 评论 -
你真的了解字符串吗？它的千变万化你真的了解吗？
今天把字符串的方法整理了一遍，记录一下，希望能帮到大家。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-04-30 17:18:53 · 171 阅读 · 0 评论 -
js 获取当前时间和指定时间之间有多少分钟或小时
获取当前时间转化时间格式转化前转化后 var today_time = new Date(); // 获取当前时间 let time2 = formatDate(today_time); // 时间转换 function formatDate(datetime) { // 获取年月日时分秒值 slice(-2)过滤掉大...原创 2020-04-19 23:23:06 · 3181 阅读 · 0 评论 -
js更改返回数据键名--超级简单。
1原创 2020-04-10 12:19:36 · 912 阅读 · 0 评论 -
数组去重主要的5种方法，
数组去重的方法一、利用ES6 Set去重（ES6中最常用）var arr = [1,1,8,8,12,12,15,15,16,16];function unique (arr) { return Array.from(new Set(arr))}console.log(unique(arr)) //[1,8,12,15,16]不考虑兼容性，这种去重的方法代码最少。这种方法还无...原创 2020-01-06 16:22:05 · 55940 阅读 · 12 评论 -
超级简单的99乘法表。
超级简单的99乘法表送给你们，让我想起上学那会老师让背乘法表。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...原创 2020-01-03 09:39:18 · 590 阅读 · 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-12-31 15:43:53 · 538 阅读 · 2 评论 -
前端如何防范外来攻击
一、XSS(Cross Site Scripting)跨站JS脚本攻击，如何防范？针对接口进行 XSS攻击，即把js脚本或者带恶意js脚本的html标签，作为GET或者POST参数提交到服务器，然后服务器解释并响应，在响应结果里把脚本或者html标签原样返回明显示和执行。这明显是很有问题。防范方式：1）提交数据前前端要做数据校验，对用户输入的信息(js代码及dom节点)进行过滤。2）对重要的co...转载 2019-12-25 11:13:03 · 504 阅读 · 0 评论 -
前端面试题整理
1.Get和post的区别是什么1. Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。2. Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。3. Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。4. Get执行效率却比Post方法好。...翻译 2019-12-14 17:47:12 · 202 阅读 · 0 评论 -
事件冒泡原理（阻止事件冒泡完整案例)
事件冒泡：子集触发事件同时也会触发父集的事件，又触发父集的父集，层层递进触发就形成了事件冒泡。方法1 e.stopPropagation(); 方法2 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ){ //因此它支持W3C的stopPropagation()方法 ...原创 2019-12-14 16:41:24 · 903 阅读 · 1 评论 -
html rem自适应移动端
随着窗口的大小来改变字体大小。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-12-12 14:36:12 · 361 阅读 · 0 评论 -
模块化小基础
今天整理下模块化，从基本运用到实践。直接双击打开会报错，需要在服务器下运行。import 存在于变量提升。导出模块如果内容有定时器更改，外面引入内容也会更改。import 语法 不能写入if()语句之类中的。use strict 默认严格模式。基础1.01.jsexport const a = 1;export const b = 12;export const c = 115...原创 2019-11-21 17:12:52 · 121 阅读 · 0 评论 -
滚轮事件（判断鼠标滚动方向）
最近查资料时，感觉简书主页导航栏挺有意思，就模仿了一个，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-11-18 11:49:07 · 1320 阅读 · 1 评论 -
es6 判断(isFinite ,isInteger , isNaN )
isFinite 判断是不是数字，如果是数字，就返回true，不是就返回false。let a = 5; //isFinite 判断是不是数字，如果是数字，就返回true，不是就返回false。 console.log(Number.isFinite(a)) // 结果 trueisInteger 判断是不是整数，如果是整数就返回true...原创 2019-11-18 11:25:11 · 1911 阅读 · 0 评论 -
es6新增知识（trim()，new Set(), parseFloat ,toFixed() ）
零碎整理，主要用于自己回顾记忆，希望能给你带来帮助。parseInt // 取整数parseFloat // 取代小组数点。 let arr = '123.12abcd'; console.log(parseInt(arr)) // 取整数 结果123 console.log(parseFloat(arr)) // 取代小组数点。123.12...原创 2019-11-18 11:19:55 · 569 阅读 · 0 评论 -
前端的几种循环，map forEach等
今天给大家分享一些前端的基础知识，循环forEach循环 let arr = ['node','java','php','go']; // 一般俩个参数 可以加上原数组 val每一项，index索引，arr原数组。 arr.forEach((val,index,arr) => { console.log(val,index,arr)...原创 2019-11-15 18:22:45 · 4589 阅读 · 0 评论 -
localStorage存储小demo带你搞懂存储
<!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-U...原创 2019-11-13 17:35:30 · 281 阅读 · 0 评论 -
promise的基本使用和讲解
Promise的基本使用！ <script> var a = 10; let promise = new Promise(function(resolve,reject){ if(a == 10){ resolve('成功') // 成功状态 }else{ rejec...原创 2019-11-13 17:25:12 · 417 阅读 · 0 评论 -
点名小案例！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ ...原创 2019-11-12 14:47:58 · 202 阅读 · 0 评论 -
async基本原理
<script> async function async1(){ console.log('我是小小'); await async2() // async 函数返回一个 Promise 对象， console.log('13465') //当函数执行的时候，一旦遇到 await 就会先返回，等到触发的异步...原创 2019-11-12 14:45:45 · 400 阅读 · 0 评论 -
jquery怎样来获取select框当前的value值来显示隐藏。表单通过性别涮选。，
jquery怎样来获取select框当前的value值来显示隐藏<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body><se原创 2018-12-05 18:46:52 · 540 阅读 · 0 评论 -
如何透过上层div点击下层的元素
相信大家都会在开发中都会遇见这种问题，都为头层数的问题，下面这是一篇实例，你们可以研究一下。 Document ```有没有感觉我帅的，来来，点击一下，留个评论。。。。...原创 2018-12-14 18:38:37 · 2708 阅读 · 10 评论 -
实现瀑布流的简单流程
近段时间小啊刚再找工作时遇到了一个小问题，那就是瀑布流，再次分享给大家，` &amp;lt;/head&amp;gt;&amp;lt;body&amp;gt; &amp;lt;div id=&quot;box&quot;&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;翻译 2019-03-15 11:58:28 · 339 阅读 · 0 评论 -
一键分享案例
最近在工作中用到一键分享这个小东西，所以趁此分享给大家，希望能帮助大家！首先大家·可以自定义样式，访问此网站 http://www.bshare.cn/help/installQQ然后点击查看更多样式，接着第二步3.第三步我们选择排序，此时我们就可以把想要的分享链接加进去，大功告成。可以直接复制<div class="bshare-custom icon-me...原创 2019-04-12 12:02:43 · 401 阅读 · 0 评论 -
## 点击获取手机验证码的那些事
点击获取手机验证码的那些事最近在做项目时遇到这个问题，下面是我的代码希望能给各位带来帮助。// 验证码---倒计时 window.function(){ let button1=document.getElementById("drcocor1"); button1.innerText="免费获取验证码"; let timer1=null; ...翻译 2019-04-10 09:38:38 · 242 阅读 · 0 评论 -
Cookie的原理、作用，使用
cookie 的应用存储，删除，// key : cookie 名// value : cookie 值// options : 可选配置参数// options = {// expires : 7|new Date(), // 失效时间// path : "/", // 路径// domain : "", // 域名// secure : true // 安全连...转载 2019-07-10 11:19:13 · 158 阅读 · 0 评论 -
Cookie的存储，缓存cookie,sessionStorage,localeStorage用法及区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js缓存</title></head><body> <script> /* 一.什么是...原创 2019-07-19 17:22:45 · 455 阅读 · 0 评论 -
vue中如何使用scss
第一步，创建vue项目，vue init webpack myvue第二步，安装scss，项目运行cmd中输入npm install sass-loader --save-devnpm install node-sass --sava-dev第三步，在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loader...原创 2019-07-22 10:25:40 · 405 阅读 · 0 评论 -
正则表达式 QQ 手机号 身份证...
废话不多说 ，上菜！有其他问题可以在评论区留言，看到第一时间回复！手机号！ /^[1][3,4,5,7,8][0-9]{9}$/身份证号/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9xX]$/qq邮箱/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\....原创 2019-08-17 10:57:55 · 750 阅读 · 0 评论 -
input复选框，返回选中状态的的value值
个人常用的，方法很多，这只是其中一种。首先创建一个数组，把每次选中的值添加到这个数组中，然后返回出来。<div class="layui-input-block" id="ag_redaio"> <input type="checkbox" name="ag_rd" value="1" lay-skin="primary" title="广联达"> ...原创 2019-08-29 17:04:47 · 1263 阅读 · 0 评论 -
jquery中input框val值 点击当前val框，其他禁用val并清空，
<div class="layui-form-item"> <div class="layui-inline"> <p class="ag_guzhu"><i style="color: red;">*</i> 雇主报价</p> <label class="ag_gu_label">...原创 2019-09-04 10:03:14 · 462 阅读 · 0 评论 -
jquery动态添加的元素怎样添加点击事件
<div class="ag_shen1"> </div><script src="../../js/jquery-1.11.3.min.js" type="text/javascript"></script><script> let arr = [ {name:' 北京市 '},{name:' 天津市...原创 2019-09-17 09:40:52 · 684 阅读 · 0 评论