防抖与节流
防抖与节流一直是一个老生常谈的问题,主要运用于避免多从短时间内多次触发事件而造成的资源浪费但总是将两个概念混淆每每忘记所以决定写下来
防抖(debounce)个人理解:防抖可以简单的从生活中理解来看,就像大家平时追剧没开VIP被迫强制看广告,每每当广告到最后几秒的时候结果手一抖划出去了再次点开,恭喜恭喜再次喜得30s广告,直到某一次手不贱了忍着看完了广告,正片才开始了
总得来说就是在一段时间内也就是上述的广告时间未结束前,你手贱了,那你的看广告记录清零,只有下次你忍着看完广告,然后才播放正片
核心:断定时器是否存在,若存在则废弃上一个定时器,开启新的定时器代码实现:12345678910111213function debounce(fn, timeout) { let timer = null; return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() =& ...
小黑的逃离日记 —— 猫德败坏!!!
前言在叙述本案件之前先让我们熟悉本案的凶犯——小黑
名字: 小黑
年龄: 6岁+
爱好: 干饭,以及干更好吃的饭
性格: 沉默寡言,一整天你都可能听不见它叫(饿了除外
犯罪案件: 非法逃离!且抛家弃子!!!
犯罪经过案件发生地: Dawson的家
案件发生时间: 2024年8月9日 06:41:35
案件经过:
小黑在2024年8月9日,在Dawson在家的情况下,非法逃离了Dawson的家,并前往了未知的角落,目前小黑以及缉捕归家。
案件详情:
在扶养人都在家的情况下,由于某位扶养人突然回来拿点东西,所以便没有关门而是留了一点缝隙,
并前往了未知的角落,从早上6点42左右逃离,到晚8.30左右于建筑层楼底地基被缉捕归案
由衷感谢为案件提供重要帮助的一位陌生女子,以及其刚出生未满一周的孩子
监控录像:
它转身就走了,像下定了某种决心
片段一:
片段二:
片段三:
上述画面为犯罪嫌疑猫的犯案录像不难看出是的它就这么水灵灵的走了
然后抛家弃子,孜然一身,离开了这个养它喂它的家庭
其心可诛,罪无可恕,并且遗留下了一些列问题
如:
是的,这些刚出生不满一个周的小猫的喂养 ...
前端面试系列 —— 这条路向来都是单行道,不进则退
前言前端八股多而杂,且知识点比较散乱
大家备战面试想要寻求一些统一归纳整理的面试题库考点文章也无从下手
以下是bakptr找到并推荐的一些网站,日后会进行归纳补充
前端面试题库web前端面试 - 面试官系列 针对基础知识,覆盖较全面
前端面试题汇总 简要的介绍补充了一些重要的知识,覆盖广泛
每天一个小知识点 大佬的面试覆盖很广,自身技术能力也很强,大家可以看看
LeetCode 力扣,建议大家每天花点时间刷刷算法题,虽然是前端但是算法也很重要的
题目集锦 一个算法题归纳?可能是这样
Sunny’s blog 对前端工程化有一个很好的归纳总结
大厂面试每日一题 我们自己以后会不会是大佬不一定,但这个网站的作者已经是了…..
掘金前端面试题合集 掘金虽然是中厂,但是人家也是中厂啊!!
fe-interview 手把手教你前端面试之路!
尾言 后续发现好的网站会继续补充
插件!让你的Vscode强大起来 —— 人生总不能一直是一片荒野
前言Vscode是一款非常强大的编辑器,特别是对于前端开发而言,
但如果我们只是使用默认的配置,那么Vscode的功能就非常的有限,甚至可以说是鸡肋
无论是为了更好的开发体验,或者是进行更快捷的开发
一些好用方便的插件可谓是必不可少的,以下是我在前端开发时常用的插件!
插件推荐1. Live ServerLive Server可以让你在开发过程中实时预览你的代码,非常方便。
2. Prettier - Code formatterPrettier能在保存时自动格式化你的代码,保持代码的一致性。
3. ESLintESLint可以让你在开发过程中实时静态的检查你的代码,发现潜在的问题。
4. Error LensError Lens可以让你在开发过程中实时查看错误信息并且红色标记,方便你快速定位问题。
5.Chinese (Simplified) (简体中文)虽然大家都是开发者习惯了英文操作界面,但中文的方便性不言而喻
6. Color Highlight这个插件可以让你在开发过程中实时查看代码的颜色,方便你了解代码的样式。
7. indent-rainbowindent-rainbow ...
吉尔伽美什的宝藏
前言前端一向被认为学习的东西多且杂,无可否认,是这样的
多样化的需求也导致了我们需要使用各种各样的工具,但奈何各种各样的工具也很繁多
所以便想着整理一些可能会用到的工具,方便大家使用
介绍框架客户端渲染
Vue 框架:https://vuejs.org/
Vue.js 是一个用于构建用户界面的渐进式框架。它被设计为可以自底向上逐层应用,
从简单的单个组件到完整的应用架构都可以胜任。Vue 的核心库只关注视
图层,易于上手,同时也非常灵活,可以轻松地与现有的项目整合或逐步采用
React 框架:https://reactjs.org/
React 是一个用于构建用户界面的 JavaScript 库,最初由 Facebook 开发并在 2013 年开源。
React 的设计哲学强调可复用的组件和数据流的单向性,这使得构建和维护大型应用变得更加简单和高效
服务端渲染
Next.js:https://nextjs.org/
Next.js 是一个用于构建现代化 React 应用的框架,由 Vercel 开发并维护。
它最初被设计为简化服务器端渲染(Server-Side Rendering,简 ...
博客搭建完成
博客搭建历时 3 个月我的博客终于搭建完成了,这一路走来满是心酸!!!其实与其说是三个月,不如说是近一个周,总得来说整个开发过程分为三个阶段对!三步走战略!
起义初始阶段:最开始搭建博客的时候,也没有什么参考,也没有太多的规划,只是想写一个博客出来
然后技术栈主要选取的是 React + Tailwindcss + Next.js + Typescript + Mongodb
后面研究了一段时间的 framer motion 花了大半天时间来做了一个还算有趣的卡片( 额……,不过事后看来也就那样吧)
最后的成品如图,嗯…….. ⊂(°Д°⊂⌒ `つ ≡≡≡(´⌒; ; ; ≡≡≡
虽然成品很简陋,但也算小有成就吧
然后开始考试月,博客这件事就抛之脑后了
大迈进阶段:
随着考试结束,暑假到来,我又开始重操旧业了 ( 请不要怀疑,我绝对不是连抖音都刷够了没事干了才开始重新写博客的
然后进入了大迈进阶段,人民渐渐站起来,国家富强了,然后开始重新写博客,几乎全部重写了
中途遇见了很多曲折坎坷如:
实现双端布局,样式各种错乱
mongoose 配置传输文件
各种杂七杂八的适配问题
以及我 ...