我在修改以前的项目时,前辈居然使用了ajax同步属性,使我大为震惊。因为使用同步后,页面无法任何操作,只能等请求完成才能执行其他函数,这个问题让我好找啊! ajax同步属性 什么是ajax同步属性 我们使用ajax都是看中它是异步请求,但有时候,项目需要先ajax获取到数据后再执行其他函数,这时就需要ajax同步,但现在都是使用async、await,所以ajax使用同步属性浏览器会报警告。 下面…
js可选表格择字段导出excel 纯前端实现可选字段导出。 插件链接:js可选表格择字段导出excel 如果想要后端获取数据在可选字段导出,只需要把要导出的字段传给后端,后端直接生成一个excel文件,前端下载文件就行,下载代码如下: // xlsx下载 download(fileName, fileData) { if(this.isIosOrAndroid() == 1){ let a = d…
设置rem (function() { // 以下是定义rem的基本单位的代码 var remSwitch = true; var oW = null; var timer = null; // 初始化 reset(); // 监听页面变化 window.addEventListener("orientationchange", function() { reset(); }); window.a…
浏览器本地存储有三种:cookie、localStorage和sessionStorage。三种个有优缺点,下面我将会一一介绍。 浏览器本地存储 cookie 本来啊,我想详细的说说cookie的,当没想到我查资料的时候找到了非常详细的网站:cookies。这里介绍的非常详细了,不仅介绍了cookie还封装了取值、赋值和检测 cookie 是否创建三个函数。 我需要…
图片懒加载就是页面先请求1k甚至更小的模糊图片,当页面滚动到或快滚动到可视窗口的时候,加载高清图片,虽然加载模糊图片,增加了http请求次数和流量,但使得首次打开速度加快。网站图片很多使用后用户体验翻倍! 图片懒加载 html <img src="./img/模糊图片.png" alt="" data-src="./img/高清图片.png"> js function lazyLoad…
我在写完Promise、async、await之后我发现,有一个“绕”点,异步和同步分不清。所以我单独写一篇文章,来讲讲我对js的异步同步的理解。 看看官方图解 日常生活 这个问题我问了我同学:你对异步同步的理解。 同学A说: 统一步伐是同步。声音和画面是同步。 同学B说: 你知道我不吃姜,并且告诉其他人是同步。 同学C说: 先做语文作业,然后做数学作业,再做英语作业,是异步。如果…
对于更深入学习前端的我,看到Promise,头就大的,到处查资料,都说是异步编程,然后巴拉巴拉一堆专业术语。对于我这种刚接触的,看着就是蒙。 我是一个粗人,花里胡哨的文案理解不了,随着我看的案例多了,渐渐的,有了自己的理解,在这里我总结一下。本文章会持续完善更新 js中Promise的用法 自己的理解: 大家都应该看过火影忍者吧,对鸣人的分身术应该膜…
这篇文章我纠结了很久,你问我为什么纠结?因为async、await这一组修饰符的用法我觉得太简单了,根本不用介绍。但配合Promise,再加上exports,又不简单。 async、await 为什么说简单 先看看官方怎么解释的 async: 是 ES7 才有的与异步操作有关的关键字,和 Promise , Generator 有很大关联的。 await: 操作符用于等待一个 Promise 对象…
js时间格式化 我在开发vue后台项目的时候,订单一个时间格式,预约一个时间格式,发布一个时间格式...... 后端传的都是时间戳,而时间戳又有10位和13位混着来。 于是我封装了一个函数: // 时间格式 date_format(time,data='ymdhms'){ var reg = /^\d{4}-(?:0\d|1[0-2])-(?:[0-2]\d|3[01])( (?:[01]\d|2…
es6新增的export 和 export default 有什么区别 相同: 1.export与export default均可用于导出常量、函数、文件、模块等 不同: 1.在一个文件或模块中,export可以有多个,export default仅有一个 2.通过export方式导出,在导入时要加{ },export default则不需要 用法: (1) 输出单个值,使用export defa…