前端文章
红孩儿2011
这个作者很懒,什么都没留下…
展开
-
前端工作流全解析
随着 web 应用越来越复杂,项目的结构和代码量也变的愈加庞大,前端人员越来越需要在工程化的层面提高开发效率,前端开发是一个飞速发展的领域,市面上现在有各种各样的工具来辅助我们开发,比如说我们在开发过程中就可能会用到下面这些工具: 1.包管理器 npm 我们在开发项目的过程中,会引入各种各样的依赖,比如说: JS 框架:react CSS 框架:Semantic-UI,Bootstrap 如果你的代码风格偏向函数式编程,你可能会用到 Lodash 或者 underscore 如果你的项目涉及到数据交互,你还原创 2020-09-11 14:59:53 · 1473 阅读 · 0 评论 -
sessionStorage、localStorage和cookie的区别
共同点:都是保存在浏览器端、且同源的 区别: 1、cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下 2、存储大小限制也不同,cookie数据不能超过4K,同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据,如会话标识。sessionStorage原创 2020-09-07 11:33:31 · 330 阅读 · 0 评论 -
防抖与节流
转载 前言 js防抖和节流函数不仅是前端面试中经常问到的问题,也是我们平常开发中频繁处理dom事件时会用到的。 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数频繁调用,会加重浏览器的的负担,导致用户体验非常糟糕。此时,我们就可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 一、函数防抖 函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发原创 2020-09-04 15:46:56 · 80 阅读 · 0 评论 -
函数防抖与函数节流
函数防抖与节流是很相似的概念,但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 概念 函数防抖(debounce) 函数防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。 简单的说,当一个动作连续触发,则只执行最后一次。 如果有人进电梯(触发事件),那电梯将在10秒钟后出发(执行事件监听器),这时如果又有人进电梯了(在10秒内再次触发该事件),我们又得等10秒再出发(重新计时) 函数节流(throttle) 限制一个函数在一定时间内只能执行一原创 2020-09-04 15:35:10 · 123 阅读 · 0 评论