JS纪录篇
文章平均质量分 65
lilly呀
这个作者很懒,什么都没留下…
展开
-
CSDN的ChitGPT初体验,解决npm 报错 parcel
npm 报错 parcel原创 2023-05-06 15:12:41 · 1092 阅读 · 1 评论 -
web网页如何实现响应式导航栏--移动端导航栏
web网页如何实现响应式导航栏--移动端导航栏原创 2023-02-20 17:32:03 · 3842 阅读 · 0 评论 -
【记录】前端如何实现iPhone不上架AppStore,从游览器直接安装测试App
前端实现苹果手机,不上架应用商店,直接跳转游览器下载安装app。原创 2022-11-22 11:00:00 · 2268 阅读 · 1 评论 -
【h5】扫描二维码打开app或点击下载功能的实现
【h5】扫描二维码打开app或点击下载功能的实现原创 2022-11-01 17:02:18 · 6176 阅读 · 0 评论 -
JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较
JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较原创 2022-09-09 15:29:21 · 1072 阅读 · 0 评论 -
【汇总3种】vue项目中【H5】如何处理后端返回的支付宝form表单,如何实现支付跳转?
【汇总3种】vue项目中【H5】如何处理后端返回的支付宝form表单,如何实现支付跳转?原创 2022-08-30 17:39:21 · 9812 阅读 · 3 评论 -
初识JSBridge:从原理到使用(android、ios、js三端互通的工具)
初识JSBridge:从原理到使用原创 2022-08-12 16:44:00 · 5834 阅读 · 0 评论 -
js判断输入是否含有空格
js判断输入是否含有空格原创 2022-03-24 15:36:21 · 5495 阅读 · 0 评论 -
【Echarts】多条折线图 y轴数值与实际值不一致,tooltip提示框--自定义小圆点/formatter分别显示多个数值
【Echarts】多条折线图 y轴数值与实际值不一致,tooltip提示框--自定义小圆点/formatter分别显示多个数值原创 2022-03-03 13:48:44 · 8473 阅读 · 0 评论 -
如何在element-ui中获取select选中的label值
在element-ui中获取select选中的label值原创 2022-03-01 17:13:26 · 5590 阅读 · 3 评论 -
【学习笔记】JavaScript深入之从原型到原型链
JavaScript深入之从原型到原型链原创 2021-12-22 13:40:40 · 150 阅读 · 0 评论 -
js将日期对象转换为日期格式字符串
前言: 将日期对象转成指定格式的日期格式的字符串1.将日期对象转成指定格式的日期字符串:/** * @description 格式化日期函数 */formatDate = (date) => { var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? '0' + m : m; var d = date.getDate(); d = d < 10 ? ('0' +原创 2021-11-30 17:30:14 · 6367 阅读 · 0 评论 -
js获取当前日期
前言: js如何获取当前日期时间function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 &原创 2021-11-30 13:26:55 · 798 阅读 · 0 评论 -
js获取最近7天的日期
前言: 如何根据js获取最近7天的日期呢?function doHandleMonth(month){ var m = month; if(month.toString().length == 1){ m = "0" + month; } return m; }function getDay(day){ var today = new Date(); var tar原创 2021-11-30 11:16:47 · 1569 阅读 · 0 评论 -
Echart图标简单示例
前言: 项目中,我们经常会用到echart图表来显示数据,在此记录一下,使用图表的小例子吧。比如:修改拐点的数据,对应修改tootip,xAxis表示横轴数据,yAxis表示纵轴数据。 下面以vue项目运用举例:<!--图表--><div class="chart-box"> <div class="container-box" v-loading="loading" v-if="dayChart">原创 2021-11-24 14:43:37 · 742 阅读 · 0 评论 -
如何用js将日期转换成时间戳
一、日期转换成时间戳 js字符串转化成时间戳可以使用自带函数Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是yyyy-MM-dd HH:mm:ss的形式,当然,也可以只是yyyy-MM-dd,就是2021-11-22,如下:var date = new Date('2021-11-22'); 此处,会得到一个Date类型的数据,获得时间原创 2021-11-22 10:54:57 · 113479 阅读 · 0 评论 -
JS如何根据今天的日期获取本周的周一和周日的日期
背景: 有时候,我们做需求的时候,会遇到根据用户当前选择的日期,计算出当前日期所在周的星期一和星期日的日期。一、根据所选日期计算周一和周日的日期var now = new Date();var nowTime = now.getTime();var day = now.getDay();var oneDayTime = 24*60*60*1000;//显示周一var MondayTime = nowTime - (day-1)*oneDayTime;//显示周日var SundayTime原创 2021-11-19 18:26:38 · 16236 阅读 · 5 评论 -
JS 用正则表达式,验证密码包含数字和字母的方法
1.必须包含至少一位数字和一位字母,方法如下:function CheckPassWord(password) {//密码必须包含数字和字母 var str = password; if (str == null || str.length < 8) { return false; } var reg = new RegExp(/^(?![^a-zA-Z]+$)(?!\D+$)/); if (reg.test(str)) ret原创 2021-09-15 10:37:56 · 6602 阅读 · 0 评论 -
【转载】6个Async/Await优于Promise的方面
一、async/await快速入门以下有一些关于改特性的简要介绍:async/await是一种编写异步代码的新方法。在这之前编写异步代码使用的是回调函数和promise;async/await实际是建立在promise之上的,因此,你不能把它和回调函数搭配使用;async/await和promise一样,是非阻塞的;async/await可以使异步代码在形式上更接近于同步代码,这就是它最大的价值。二、语法假设有一个getJSON方法,它返回一个promise,该promise会被resol原创 2021-09-01 20:01:10 · 613 阅读 · 0 评论 -
用js实现基于Base64的数据或者图片的编码与解码
背景:公司需要对接第三方的合作商,需要跳转至对方的网站,使用get请求访问对方链接直接跳转,get请求会直接暴露登陆的用户名和密码,我们采用base64编码,对用户信息进行保护。常用的base64转换,有三种方法:①使用第三方插件(或者,他人写好的编码和解码);②游览器就原生提供的base64编码与解码的方法;③node中自带的base64编码与解码的方法。一、js实现基于base64的编码与解码1.使用第三方插件推荐两个第三方的开源插件,引用到项目中就可以直接使用:①使用jquery的base原创 2021-08-26 15:30:10 · 4630 阅读 · 0 评论 -
Object.keys方法记录
一、语法Object.keys(obj);object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历对象时返回的顺序一致。参数:obj 要返回其枚举自身属性的对象;返回值: 一个表示给定对象的所有可枚举属性的字符串数组。描述:Object.keys返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。二、处理对象,返回可枚举的属性数组let person =原创 2021-07-19 20:29:02 · 190 阅读 · 0 评论 -
JS中删除数组中的元素
前言:主要记录一下数组在js中的使用问题。一、基本操作1、数组的创建主要有两种方式:var arr1 = new Array();var arr2 = [",",",","];2、数组赋值arr1.push('value');var arr1 = new Array();var arr2 = ['html','js','jsp','css'];arr1.push('java');arr1.push('db');arr1.push('sql');arr1.push('c#');a原创 2021-07-19 17:24:20 · 2994 阅读 · 0 评论 -
前端video如何转化为canvas
前言:在PC端,IE9+游览器对原生视频的支持还是不错的,然而一到了移动端就会各种兼容性的问题。在移动端,各大游览器厂商对视频会植入许多它们自定义的交互方式(如默认全屏播放、视频不能初始化播放、窗口置顶等),更麻烦的是,这些被植入的交互还无法去掉。移动端的视频行内自动播放看起来确实很麻烦。目前主流的处理移动端的视频播放问题:是使用canvas来替代video;然而,canvas看起来像是完美的,但是经过测试后,其实有些低端的android手机可能会出现卡顿和动画变糊的情况。video转canvas的原创 2021-07-15 15:44:10 · 2649 阅读 · 0 评论 -
vue项目中如何做IE游览器的限制提示
背景:在做vue项目的时候,因为IE9以下的版本,不支持es6的语法,所以在vue中的js无法运行,打开页面显示白屏,控制台会报错。(SCRIPT438:对象不支持"bind"属性或方法/app.js(915,11))。前言:开始看控制台有js报错,首先先尝试解决报错问题,后来发现解决了bind报错,又出现其他语法不支持。看来这不是一个解决问题的好方法。附:解决bind不支持的问题:因为游览器没有提供这个参数的方法,就自己写一个bind,让这个参数生效。// 解决IE10以下不支持Fu原创 2021-06-09 21:54:44 · 1029 阅读 · 3 评论 -
.map() is not a function【js报错】
下面的代码报错TpyeError:data.map is not a function.let nameList = data.map(item => item.name);原因1:data不是数组;解决方法:将data转换成数组let data = Array.from(data);map不能遍历HTMLCollection类型的数据,必须先将HTMLCollection转换成array。 接着使用for循环,发现能正常运行。参考博客:记录React JS TypeError:原创 2021-04-25 10:36:17 · 34430 阅读 · 0 评论 -
通过js判断字符串是否包含某个字符串
前言:有时候,我们在js中需要判断一个字符串中,是不是包含某个字符。可以采用以下方法进行判断。String对象的方法方法一:indexOf() (推荐)var str = "123";console.log(str.indexOf("3") != -1);//true indexOf()方法可返回某个指定的字符串值,在首次出现的位置。如果要检索的字符串值没有出现,则改方法返回-1。方法二:search()...原创 2020-12-02 19:31:33 · 29156 阅读 · 4 评论 -
从面试题入手,如何理解JavaScript中的async/await和promise的执行顺序
前言:关于js的异步执行顺序,宏任务、微任务这些,或者async/await这些概念,相信大家都已经耳熟能详了。现在,我们从一道前端面试题入手,检查一下自己对这些概念理解的程度,用于自查。https://www.bilibili.com/read/cv4058649/https://www.cnblogs.com/fundebug/p/10095355.htmlhttps://segmentfault.com/a/1190000017224799https://segmentfault.co原创 2020-11-20 19:51:30 · 733 阅读 · 2 评论 -
了解一下,JS事件循环机制(event loop)之宏任务、微任务
前言:JavaScript是一个单线程的脚本语言。就是说在一行代码执行的过程中,必然不会存在同时执行的另一行代码。同一时间只能做一件事,为了协调事件、用户交互、脚本、UI渲染和网络处理行为,防止主线程的不阻塞,Event Loop的方案应用而生。一、宏任务和微任务的区别 (1)宏任务 (macro)task,可以理解是每次执行栈执行的代码就是一个宏任务(包括每次从事事件队列中获取一个事件回调并放到执行栈中执行)。 游览器为...原创 2020-11-10 20:11:11 · 589 阅读 · 0 评论 -
在vue项目中添加rem适配方案,使元素随屏幕大小进行自适应
前言:在vue项目中,有时候,我们需要是rem进行适配方案,使得高度、字号、原创 2020-11-03 15:34:13 · 1692 阅读 · 0 评论 -
JS判断客户端是PC端,还是移动端游览访问
前言:有时候,我们打开H5链接,有时会用电脑端访问,有时会用手机端访问,那么,如何判断是用哪种设备访问的呢?有时候,需要根据用不同设备访问,来添加不同的功能。方法一: function isPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"]; var flag = tr原创 2020-10-28 15:57:25 · 785 阅读 · 0 评论 -
pdf.js在angular.js项目中的运用实例
https://www.jianshu.com/p/9cd4840f9323前言:在项目开发中,我们有时候经常会遇到在线解析游览PDF的功能,如果,想实现在线游览pdf,可以使用pdf.js实现该功能。而pdf.js核心部分是pdf.js和pdf.worker.js,一个负责API解析,一个负责核心解析。一、实现pdf预览主要有两种方式: 1.使用pdf.js已经写好的viewer.html页面,需要将pdf.js代码放到服务器上,因为放到本地包有点大(这种方式,展示的pdf较为清晰...原创 2020-09-29 19:55:08 · 1887 阅读 · 0 评论 -
利用js实现,禁用游览器后退
背景:在很多系统,一些界面都是用户手动点击退出按钮的。但是,为了避免,用户误操作点击游览器后退,或者用鼠标手势后退什么的,出现误操作。所以,适当的禁用游览器的后退,是可以很大的提高用户的体验的。一、js代码 这种方法可以消除所有的后退动作,包括:键盘/鼠标手势等产生的后退动作。<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); ...原创 2020-07-24 14:47:04 · 666 阅读 · 0 评论 -
如何用js获取url中的参数
前言:有时候,在代码中的某些参数需要从链接中获取,此时,就需要我们用js方法从中获取。 具体方法如下所示://获取url中的参数function getURLParams(url) { if (url.indexOf("?") == -1) { return {}; } var params = {}; //修复链接分享朋友圈异常 if (url.indexOf("#/") === -1) { retur...原创 2020-06-05 15:47:20 · 631 阅读 · 0 评论 -
正则表达式,如何限定输入的是浮点数,且整数位8位,小数位2位
将这个时间绑定到空间的onblur上function CheckInputFloat(input){ var reg = /\d{1,8}\.{0,1}\d{0,2}/; if(reg.test(input)){ if(input.indexOf('.') > 0){ input = parseFloat(input).toFixed(2); } }else{ return false;原创 2020-05-19 16:52:07 · 1799 阅读 · 0 评论 -
往数组中push对象,会覆盖之前 push的值
一、错误代码var obj = {a:123,b:234,c:345};var array= [];var resultObj = {};for(var i = 0;i<obj.length;i++){ resultObj.name = obj[i]; array.push(resultObj);} 得到的结果:345,345,345;而不是1...原创 2020-04-23 16:23:49 · 2667 阅读 · 1 评论 -
js只能输入数字和小数点的正则
前言:在input输入框,通过正则表达式,控制只能输入数字和小数点的方法。<html><head><meta charset="UTF-8"><title>document</title></head><body><form><input type="text" autocom...原创 2020-04-23 16:06:08 · 13960 阅读 · 4 评论 -
【JS】json.stringify()与json.parse()的区别
前言:JSON的常规用途是同web服务器进行数据交换。再向web服务器发送数据时,数据必须是字符串。通过JSON.stringify()将JavaScript对象转换为JSON字符串,而JSON.parse()可以将JSON字符串转为一个对象。一、JSON.stringify()与JSON.parse()的方法 (1)JSON.stringify()方法用于将JavaScrip...原创 2020-04-02 20:48:47 · 301 阅读 · 0 评论 -
js中的sessionStorage在实际项目中的运用于总结
前言:当我们打开一个页面时,有时需要将一部分数据在当前会话中保存下来,刷新页面(或者跳转第三方链接后,再调回之前的页面)时数据依旧存在。但当页面关闭后,sessionStorage中的数据就会被清空。一、回顾一下sessionStorage的方法 定义:sessionStorage属性允许在游览器中存储key/value对的数据;sessionStorage用于临时保存同一窗口...原创 2020-03-31 16:46:47 · 1274 阅读 · 0 评论 -
js使用媒体查询
前言:有时候,我们需要根据媒体查询,判断用户窗口的改变,从而控制一些代码的变化。样式的改变,通过CSS3的媒体查询;行为和功能的改变使用JS的媒体查询。一、定义和用法 matchMedia()返回一个新的MediaQueryList对象,表示指定的媒体查询字符串解析后的结果。 matchMedia()方法的值可以是任何一个CSS@media规则的特性,如min...原创 2020-03-20 16:07:23 · 4023 阅读 · 0 评论 -
手写JS定时器弹框
在angularjs项目中,直接手写一个系统定时器弹框:JS如下://双录系统定时器弹框var countdown = 11;function settime(){ if(countdown == -1){ window.clearTimeout(timer); reutrn; }else{ countdown--; ...原创 2019-12-09 19:38:38 · 313 阅读 · 0 评论