有时候我们需要在用户离开页面的时候,做一些上报来记录用户行为或者埋点,又或者是发送到服务器的ajax请求。那如何保证请求能够正确的送达就是一个很关键的点。下面我们就来介绍下应该如何操作:首先,要做事件监听浏览器有两个事件可以用来监听页面关闭,beforeunload和unload。beforeunload是在文档和资源将要关闭的时候调用的, 这时候文档还是可 ......
350
0
0
2022-03-30
前言在实际工作中,我们很少会遇到一次性需要向页面中插入大量数据的情况,但是为了丰富我们的知识体系,我们有必要了解并清楚当遇到大量数据时,如何才能在不卡主页面的情况下渲染数据,以及其中背后的原理。对于一次性插入大量数据的情况,一般有两种做法:时间分片虚拟列表最粗暴的做法(一次性渲染)我们先来看看最粗暴的做法,一次性将大量数据插入到页面中:我们对十万条记录进行循 ......
411
0
0
2022-03-30
Promise的作用它是异步编程的一种方式,它比传统的异步回调和事件更合理也更优雅!从Promise的使用中能看出什么?首先我们手写一个常见的使用方式//demo1 new Promise(function (resolve, reject) { resolve('123') }).then(function (value) { return ......
397
0
0
2022-03-30
本内容是《Web前端开发之Javascript视频》的课件,请配合大师哥《Javascript》视频课程学习。计时器:Javascript是单线程语言,但它允许通过设置超时和间歇时间值来调度代码在特定的时刻执行;其是通过setTimeout()和setInterval()两个window对象的全局函数实现的,用来注册在指定的时间之后单次或重复调用的函数;se ......
387
0
0
2022-03-30
一名 JavaScript 开发人员,JSON.stringify() 应该是我们经常用于调试的最常见函数。它的作用是什么呢,难道我们不能使用 console.log() 来做同样的事情吗?让我们试一试。首字母缩略词 Json 在木板上//初始化一个 user 对象 const user = { "name" : "Zhangsan", "age" ......
406
0
0
2022-03-30
前言介绍一款 markdown富文本编辑器源码https://gitee.com/pingfanrenbiji/markdown-nice 这里要感谢一些开源作者 这位大佬的微信公众号是本地启动yarn start http://localhost:3000/ 编译打包yarn build 编译之后的静态文件将项目静态文件上传到w ......
421
0
0
2022-03-30
什么是跨域 ?跨域这个问题大家并不陌生,这也是面试的高频问题,很多人都背过,什么因为同源策略啊,CORS 啊等等,跨域的标致就是浏览器控制台出现 Access to XMLHttpRequest at 'https://xxx.xxx.com' from origin 'https://xxx.xxx.com' has been blocked by COR ......
1565
0
0
2022-03-30
介绍今天要介绍的库名称为interact.js,具有惯性和捕捉功能的JavaScript拖放,调整大小和多点触摸手势库,兼容IE9+浏览器。Githubhttps://github.com/taye/interact.js基本特性免费和开源强大的捕捉和限制修饰惯性投掷多个同时互动触摸和鼠标事件的统一API自动滚屏支持HTML和SVG与大多数拖放库相比,int ......
386
0
0
2022-03-30
jsonjson是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。javascript自定义对象:var oMan = { name:'tom', age ......
389
0
0
2022-03-30
还记得第一次用UI框架的时候吗?那时候你们用的什么呢?那时候学习过Java,做一个电子购物商城,它的后台用的就是easyUI,那时候easyUI还没有现在的UI框架好用,用起来很繁琐,当然也没有现在的好看,但也不得不用。后来再弄一个电影站点的时候,发现了LayUI,入门简单,使用起来更方便,后台界面的开发快速而又美观。直到现在适合于各种开发的UI框架相应而生 ......
550
0
0
2022-03-30
目录一、EasyUI二、DWZ JUI三、HUI四、BUI五、Ace Admin六、Metronic七、H+ UI八、Admin LTE九、INSPINIA十、LigerUI十一、FineUI十二、其它UI1. AdminLTE2. vue-Element-Admin3. tabler4. Gentelella5. ng2-admin6. ant-desig ......
455
0
0
2022-03-29
最近我一直在思考纯JavaScript的功能。这是一门在过去几年里有显著发展的语言。许多流行的库(如模块加载器)和框架(如Angular,Vue.js和React)被创建,以解决原始的、过时的实现中存在的缺陷和差距。随着ECMAScript 6 / 2015,我相信这些限制大部分已经消失了。许多重要的功能都是开箱即用的,例如:支持模块和动态加载。拦截和管理r ......
301
0
0
2022-03-29
今天给大家带来的是 几个大厂的前端代码规范。前端代码规范代码千万行,安全第一行;前端不规范,同事两行泪。腾讯包含内容也挺多的:PC端专题:快速上手、文件目录、页面头部、通用title、通用foot、统计代码、兼容测试移动端专题:快速上手、文件目录、页面头部、REM布局、通用foot、统计代码、分享组件、兼容要求双端官网:快速上手、页面跳转tgideas.qq ......
338
0
0
2022-03-29
最近做一个购物项目,未登录时候跳转到登录界面登录,采用了window.open,最近才发现很几种浏览器都拦截了,需要点击放行才可以,我了个去,这对于有洁癖的码农来说是绝对不的。被拦截的原因,百度了一下:在浏览器没有任何鼠标操作的时候,window.open会被当成广告被拦截,也就是你需要通过鼠标这类点击同步触发才可以,所以ajax这种异步回调时候打开窗口也会 ......
288
0
0
2022-03-29
前端开发最重要的部分之一是通过发出HTTP请求与后端进行通信,我们有几种方法可以异步地在Javascript中进行API调用。几年前,大多数应用程序都使用Ajax发送HTTP请求,Ajax代表异步Javascript和XML。但是现在,开发人员通常会决定在fetch() API和Axios之间进行选择。在本文中,我想比较这两种方法,并简要介绍一下基本知识和语 ......
383
0
0
2022-03-29