JavaScript
文章平均质量分 71
javaScript相关问题总结
jcat_李小黑
下凡渡劫中~~~坐标北京,有合适工作可推~
展开
-
vue+H5实现扫码条形码及二维码功能
前言需求:尽在H5使用Js 完成扫码功能,不依托客户端支持;思路:使用video吊起后台摄像头 + 条形码解析插件;本文使用的框架有Vue + Vant + @zxing/library ,提示this.$message等方式不必使用Vant可以用自己框架;npm install Vue Vant @zxing/library -S效果代码<template> <section class="section"> <div class="pag原创 2021-09-15 16:51:49 · 6897 阅读 · 19 评论 -
localStorage设置过期时间
https://www.cnblogs.com/ricolee/p/localstorage-expiretime.html前言浏览器端需要存储一个用户的标识和cookie一样需要过期时间,但是用的是localStorage存储。而localStorage一经存储除非手动删除是不会过期的。那就需要自己实现过期机制。网上找了几种简单的方法。方案一:ES5扩展Storage思路很简单,存储的值加一个时间戳,下次取值时验证时间戳。注意: localStorage只能存储字符,存入时将对象转为json字符转载 2021-04-30 17:02:29 · 1026 阅读 · 1 评论 -
2021前端知识总结-部分解答-持续更新
一、h5c3部分1.css实现垂直水平居中的方式?行内元素,父元素设置:div{ height:60px line-height:60px; text-align: center; }块级元素,已知宽度div { width:100px; margin:0 auto;}块级元素,未知宽度-- flex/定位,flex布局div{ display: flex; justify-content: center; align-items: ce原创 2021-03-12 15:50:38 · 1264 阅读 · 0 评论 -
前端js使用promise循环多个异步请求并发,并处理其结果
前言在实际开发中,碰到参数不同,接口相同,需要发送多个请求拿到数据后统一做处理的情况,例如:模块总退出功能,点击退出按钮,调用多个模块的退出接口,全部成功后退出到登录页;代码//数组+异步请求const datas = ['小明','小红','小李']async function login(array){ const promise = array.map(i=>{ const url = 'http://197.1.1.1/login?user='+i return new P原创 2021-01-18 23:10:12 · 7599 阅读 · 0 评论 -
本地环境中使用js完成中英文切换的双语页面开发(jq插件附代码)
前言前端本地如何支持中英文切换的双语页面?这个的方法可以延展很多,常见的是i18n,最粗暴的解决方法写两个页面。但是各有利弊,使用i18n请求本地json数据在谷歌中会报跨域,必须请求服务器端。此篇就是解决下:如何在本地开发中英文切换!正文页面功能:默认进入页面为中文,点击中英文切换数据;效果:代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" />原创 2020-11-18 17:54:10 · 2431 阅读 · 3 评论 -
js点击按钮模拟F11完成打开和关闭全屏功能& 使用js模拟键盘调用事件
一、打开全屏function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "undefined" && rfs) {原创 2020-09-04 17:55:23 · 7027 阅读 · 2 评论 -
前端和后台进行WebSocket长连接和axios轮询的方法(vue框架)
前言WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒)...原创 2019-04-26 16:09:49 · 25395 阅读 · 8 评论 -
前端如何实现加密与解密的密码传输——crypto-js 的 aes
前言项目中 经常有修改密码的功能,但是前端要求在密码传输过程中使用密文,使用明文展示。网上很多都不完整,这里写一下,我亲测有用的一个方法正文配置:crypto-js aes 加解密首先我们要引入 crypto-js ,crypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-...原创 2019-04-08 17:06:29 · 6345 阅读 · 1 评论 -
常用正则校验
请勿输入空格开头:/^\S+/输入项大于0的数值:/^[1-9]\d*$/用户名只包含中文,数字,字母,下划线:/^[\u4E00-\u9FA5A-Za-z0-9_]+$/密码,以字母开头,长度在6~18之间,只能包含字母、数字和下划线:/^[a-zA-Z]\w{5,17}$/InternetURL:/[a-zA-z]+://[^\s]*/ 或/ ^http://([\w-]+\.)+[...原创 2019-03-19 11:08:04 · 191 阅读 · 0 评论 -
前端开发随记
开发中遇见的常见问题和解决方法,记录一下,方便以后查阅原创 2019-07-18 17:36:56 · 278 阅读 · 2 评论 -
js常用对时间的处理,字符串转时分秒,毫秒值与年月日互换。
做项目经常会用到的3种时间处理,都已经做好封装,直接调用传值即可毫秒数转年月日时分秒toDate(str) { let times = new Date(str); let Y = times.getFullYear() let M = times.getMonth()+1<10?'0'+(times.getMonth()+1):times.get...原创 2019-01-30 10:03:07 · 2698 阅读 · 0 评论 -
一张图告诉你MVC 与 MVVM 之间的联系区别
Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别MVC 主要是后端的分层开发思想;MVVM是前端页面的分层开发思想主要关注于 视图层 分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , ViewModel为什么有了MVC还要有MVVM?一张图告诉你:...原创 2018-11-03 15:08:26 · 670 阅读 · 0 评论 -
jQuery 完成简单又好看的 五角星带评分功能~
1.引入jQuery <script src="./js/jquery.min.js"></script>2.代码总结其实就是换背景图。。html <div class="statsBox clearfix"> <div class="formItemDiff formItemDiffFirst"></di...原创 2020-02-23 23:35:24 · 576 阅读 · 0 评论 -
深度理解Promise(03)--手写实现promise
上一篇介绍了promise的概念和方法01如何使用promise实现ajax02这一篇介绍使用纯原生js实现promiseclass NewPromise { constructor(executor) { if (typeof executor !== 'function') { throw new Error('Executor must be a function...原创 2019-08-14 11:22:12 · 317 阅读 · 0 评论 -
JavaScript异步编程是什么? 异步编程都有哪些解决方案?
异步编程是什么?https://blog.csdn.net/li123128/article/details/80650256异步编程都有哪些解决方案?回调函数(callback)–例:ajax优点:是简单、容易理解和实现。缺点:是不利于代码的阅读和维护,各个部分之间高度耦合,使得程序结构混乱、流程难以追踪(尤其是多个回调函数嵌套造成回调地狱的情况),而且每个任务只能指定一个回调函数...原创 2019-08-14 17:34:45 · 637 阅读 · 0 评论 -
Javascript中!!(两个感叹号,双感叹号)的含义
JavaScript类型转化我们知道JavaScript是一门弱类型的语言,但是,在使用中有时需要强制转化为相应的类型。所以,!!() ,这种写法有将弱类型转化为强类型的作用。这里提到类型转换不得不提两个概念:显式转换和隐式转化。显式转化:const a = parseInt(‘1111111111111’);const b = Obj.toString();隐式转化:var a =...原创 2019-08-20 17:55:21 · 16627 阅读 · 1 评论 -
写在前面的话&前端日常面试问题合集
写在前面的话:我开始记录博客的原因?对转行IT行业从业者的浅显建议;记录自己日常思考和收集的前端面试问题和解决思路。原创 2019-08-30 09:40:09 · 373 阅读 · 0 评论 -
js高阶函数——Map/ reduce /Fileter/From...
前言每次看到大佬在处理数据的时候,es6789加各种高阶函数一顿操作,3行代码就解决了自己哼哧哼哧下来写了十几行代码才能完成的功能,就在心里暗自流泪,默默发四有一天我也一定要成为大佬,终于。。。这一天要来临了!正文一、高阶函数——Map首先认识一下map函数是什么?MDN官方介绍:map()方法是一个数组的高阶函数,接受一个带有返回值的函数,使得数组的每一个元素都会调用这个指定的方法...原创 2019-08-30 16:40:17 · 738 阅读 · 0 评论 -
系统理解javascript中的数据类型、堆内存栈内存、js的垃圾回收机制、深拷贝浅拷贝原理
前言本身在面试博客里只是想整理一下js的类型,突然越联想越感觉这块的知识体量比较大,扩展很多,但网上的很多理解繁杂还不太清晰,故此专门记录一下这几个点。正文js中的数据类型基本类型:number ,string,null,Boolen,undefined,symbol引用类型:object (Array,Function,Date,Regxp在es6中规定都是object类型)两...原创 2019-09-19 17:58:17 · 1297 阅读 · 0 评论 -
深度理解Promise(01)--Promise的特点和方法详解
什么是promise?所谓Promise(承诺),在程序中的意思就是承诺我过一段时间(通常是一个异步操作)后会给你一个结果,是异步编程的一种解决方案。从语法上说,原生Promise 是一个对象,从它可以获取异步操作的消息,ES6 规定,Promise对象又是一个构造函数,是用来生成Promise实例。promise的特点(1)对象的状态不受外界影响promise有三种状态 pending...原创 2019-08-09 14:35:13 · 1387 阅读 · 0 评论