Guan'Blog

在日常的前端开发过程中，我们经常会碰到列表很长，不可能完全显示出来，所以就要进行分页，每页固定显示几条，然后下面是页数，点到哪页显示哪页的内容。除了常见的分页加载外，还要点击按钮加载，这种加载方法就是不需要点击下一页这种了，直接点击按钮往第一页的后面补上下一页的内容，非常方便。除了以上两种，滚动加载也是用的比较多的一种列表加载方法，下面就这三种方法做一下总结归纳，方便需要的小伙伴们使用。以上就是我在日常开发过程中的用的几种加载的方法，如果有什么问题，欢迎邮箱联系我。

有时候经常在网上看到网页可以读取系统粘贴板的内容，可以显示文字和图片等内容，就挺好奇的，所以就研究了一下。 基本原理 通过监听input的paste事件，获取到clipboardData内容，然后显示到页面上面。 方法实现 html部分 <div class="paste"> <select name="type" id="type"> <option value="text">文本</option> <option value="ri.

通过挂在window对象上的onerror方法，可以很方便的监听js代码的报错信息，下面就一起体验下吧。 准备工作 页面列表显示 <ul class="error"></ul> .error { color: #f00; } 设置错误信息 这样做是保存报错信息，可以随时访问，不至于刷新页面后丢失信息。 function setError () { let errorList = localStorage.getItem('errorList'); if (!.

导语：最近研究了一下网页录制音视频的原理以及实现，现在就目前的实现方法做一个总结。 目录 相关API 方法介绍 实战演练 相关API 要实现这个功能就涉及到两个js api。 getUserMedia MediaRecorder 方法介绍 getUserMedia 通过getUserMedia这个接口来获取设备的摄像头和麦克风，返回一个Promise对象。 语法var stream = navigator.mediaDevices.getUserMedia(constraints); c.

导语: 在日常的开发过程中,跨域是一个令人头疼的事情,也在跨域的过程中学到了不少知识,也吃了不少跨域的亏,一直没有时间整理这部分的知识点,现在就我脑海中的跨域知识以及结合开发过程中遇到的坎进行一个系统的总结。 目录 跨域是什么 跨域解决方法 跨域是什么 说到跨域,就不得不提游览器的同源安全策略。按照MDN所说，同源策略限制了从同一个源加载的文档或者脚本如何和来自另一个源的文档和脚本等资源进...

简介 document.execCommand()方法处理Html数据时常用语法格式如下: document.execCommand(sCommand[,交互方式, 动态参数]) 其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可用...

1.js监测移动设备横竖屏 这个适用于要切换横竖屏的页面，比如视频播放，游戏娱乐等业务场景。 window.addEventListener('resize', () => { if (window.orientation === 180 || window.orientation === 0) { console.log('竖屏'); } if (window.orie...

导语: 在日常的开发过程中,跨域是一个令人头疼的事情,也在跨域的过程中学到了不少知识,也吃了不少跨域的亏,一直没有时间整理这部分的知识点,现在就我脑海中的跨域知识以及结合开发过程中遇到的坎进行一个系统的总结。 目录 跨域是什么 跨域解决方法 跨域是什么 说到跨域,就不得不提游览器的同源安全策略。按照MDN所说，同源策略限制了从同一个源加载的文档或者脚本如何和来自另一个源的文档和脚本等资源进...

导语：网站Ajax技术的出现，使得web开发由1.0走向了2.0时代。并且被谷歌地图和谷歌邮箱应用。后来原生的Ajax请求使用繁琐，便出现了jQuery框架，其中的封装的ajax方法非常方便快捷。之后由于回调地狱的问题出现了promise，一个承诺，一旦状态改变就固定了。之后又出现了generator方法，最后就是同步写法的async await。 目录 原生的Ajax技术 jQuery的a...

导语：今天，来探讨一下ES6中的块级作用域。 全局作用域和函数作用域 在ES5中，只全局作用域和函数作用域。这会导致函数作用域覆盖了全局作用域；亦或者循环中的变量泄露为全局变量。 例如： 函数作用域覆盖了全局作用域,发生了变量提升，函数声明大于var声明的变量，因此函数里面的a提到了前面，在打印a，初始化一个undefined给a,所以打印出了undefined。 var a = '1';...

导语：今天来讲一下ajax的有关知识点。 ajax概念 ajax全称叫Asynchronous JavaScript and XML,意思是异步的 JavaScript 和 XML。 ajax是现有标准的一种新方法，不是编程语言，可以在不刷新网页的情况下，和服务器交换数据并且更新部分页面内容，不需要任何插件，只需要游览器允许运行JavaScript就可以。 而传统的网页（不使用ajax的）如果...