- 博客(195)
- 收藏
- 关注
RSS订阅转载 Typescript实现栈的方法示例
在TypeScript中实现栈（Stack）可以通过使用数组来模拟栈的行为。方法来实现栈的基本操作。这个类使用了TypeScript的泛型，这意味着它可以存储任何类型的数据。你可以根据自己的需求对这个类进行扩展，比如添加异常处理、实现更复杂的操作等。类使用了一个私有成员。（添加元素到栈顶）和。
2024-09-17 00:24:12
89
转载 如何通过Nginx设置限制并发请求和请求速率？
请注意，出于安全和隐私的原因，一些浏览器可能会限制跨域视频的元数据访问。如果你需要在客户端获取视频时长，并且视频链接是在线的，上述方法是可行的。但如果视频链接是本地的或者你无法直接访问，那么你可能需要使用服务器端的解决方案。在实际应用中，你可能还需要考虑错误处理和视频加载失败的情况，以及在不需要视频元素时从DOM中移除它以避免内存泄漏。此外，如果你在服务器端使用Node.js，并且想要获取视频时长，你可能需要使用像。在JavaScript中，获取视频链接的视频时长通常涉及到创建一个。属性，然后监听视频的。
2024-09-05 14:54:09
63
转载 CC攻击如何防御 如何利用百度云防护拦截CC攻击
在实际操作中，可以结合百度云防护的配置，如创建防护模板、开启CC防护、设置访问频率限制、区域黑名单等，来有效防御CC攻击。例如，可以通过百度云防护的控制面板设置超级严格的CC防护策略，或者针对特定IP或UA进行拦截，以及封禁海外区域的访问（如果网站不需要海外访问的话）。CC攻击，全称为Challenge Collapsar，是一种常见的网络攻击方式，它通过模拟大量用户请求来耗尽服务器资源，导致网站无法正常提供服务。：百度云防护的CDN特性可以加速网站，减轻服务器压力，同时提供SEO优化。
2024-09-04 09:06:13
59
转载 JS如何通过视频链接获取视频时长
请注意，出于安全和隐私的原因，一些浏览器可能会限制跨域视频的元数据访问。如果你需要在客户端获取视频时长，并且视频链接是在线的，上述方法是可行的。但如果视频链接是本地的或者你无法直接访问，那么你可能需要使用服务器端的解决方案。在实际应用中，你可能还需要考虑错误处理和视频加载失败的情况，以及在不需要视频元素时从DOM中移除它以避免内存泄漏。此外，如果你在服务器端使用Node.js，并且想要获取视频时长，你可能需要使用像。在JavaScript中，获取视频链接的视频时长通常涉及到创建一个。属性，然后监听视频的。
2024-08-31 18:20:27
121
转载 在Vue3中处理异步API调用并更新表单数据的方法示例
在Vue 3中，处理异步API调用并更新表单数据通常涉及到使用组合式API（Composition API），它提供了一种更灵活的方式来组织组件逻辑。首先，假设我们有一个表单，需要从API获取一些数据并填充到表单中。等响应式API来处理异步API调用并更新表单数据的一个示例。生命周期钩子来确保在组件挂载后调用这个函数。是一个异步函数，用于调用API并更新。来创建一个响应式的表单数据对象。，用于存储从API获取的数据。函数返回，以便在模板中使用。在这个示例中，我们使用了。请注意，这个示例使用了。
2024-08-29 10:15:03
76
转载 解决typescript项目报错:找不到模块“xxx”或其相应的类型声明问题
在TypeScript项目中遇到"找不到模块’xxx’或其相应的类型声明"的错误，通常意味着TypeScript编译器无法找到你尝试导入的模块，或者没有为该模块提供类型定义。：如果模块是一个第三方库，可能需要安装相应的类型声明文件。：有时候，清理TypeScript编译器的缓存并重启你的开发服务器可以解决问题。：确保你导入的模块名称是正确的，并且与你的文件系统中的模块名称一致。：确保你的Node.js版本与你的TypeScript项目兼容。：确保你正在导入的模块使用了正确的导出方式，比如。
2024-08-24 23:49:09
286
转载 使用高防CDN隐藏服务器IP却总被查到源服务器
原来是客户的源服务器在部署SSL证书的时候泄漏了源服务器IP，在某些情况下，服务器IP如果没有部署SSL证书的话，会默认把服务器的第一个网站的SSL证书部署到IP上，这个时候用HTTPS访问服务器IP，就会暴露出这个IP绑定了哪个域名。最近，主机帮接了一位客户接入百度云防护，服务器更换了新IP，用了百度云防护CDN隐藏起来，结果没两天服务器又被DDOS了。以前的宝塔面板后台没有部署SSL的时候，就会出现CDN暴露IP的情况，目前宝塔都是可以设置SSL了，安全多了。成功部署后，果然查不到最新换的IP了。
2024-08-21 18:43:58
28
转载 成功防御350G DDOS CC攻击的策略
上周说过，客户被黑客攻击超过300G，导致客户业务严重受影响，为此我们特地用两个高防IP，然后使用腾讯云IGTM智能DNS自动切换功能，黑客安静了一周后，今天周末又来了，这次打了346.54G的峰值。因此，我们想了个办法，直接接入腾讯云EO安全CDN当备用，当两个高防IP都挂了，再切腾讯云EO，这样我们的资源储备就相当丰富了，想要通过DDOS IP来解决客户不是行了。过了一会后，这个黑客眼看DDOS行不通了，又想通过CC攻击来破坏网站访问，但是我们的高防IP是不怕CC攻击的，可以通过精准防御策略进行拦截。
2024-08-19 09:37:03
31
转载 被DDOS攻击超300G的防御经历
所以，在主机帮的建议下，我们采用了容灾切换模式，采用多个高防IP进行备用切换，当主高防IP被攻击超量后，就自动切换成另一个备用高防IP，虽然攻击切换IP还是有短暂的影响，但影响不大，可以尽量减少损失。通过腾讯云IGTM检测两个高防IP的可用度，当检测到一个高防IP不可用后，IGTM会自动切换至可用的高防IP上，最大限度提高网站可用度。由于连续的超量攻击，使得高防IP刚恢复就被封禁，被机房延长了解封时间，解封时间高达半小时，对客户业务造成了严重影响。目前，已经成功部署，黑客没有再进行攻击，期待后期效果。
2024-08-14 22:00:48
27
转载 vue3项目typescript如何export引入(imported)的interface问题
首先，在你的 TypeScript 文件中定义一个或多个接口。例如，创建一个types.tsid: number;
2024-08-10 00:47:02
167
转载 在组件外(.js文件)中使用pinia的解决方法
Pinia 是 Vue 3 的状态管理库，它提供了一种简单而灵活的方式来管理 Vue 应用中的状态。通常情况下，Pinia 与 Vue 组件紧密集成，允许你在组件内部直接使用 Pinia 来管理状态。然而，有时你可能需要在组件外部使用 Pinia，例如在 Node.js 环境中或者在 Vue 组件之外的 JavaScript 文件中。如果你需要在组件外部使用 Pinia，以下是一些可能的解决方法：使用 Pinia 的插件系统：Pinia 允许你编写插件来扩展其功能。你可以创建一个插件来处理在组件外部的状态管
2024-08-07 15:19:25
113
转载 Angular项目如何使用拦截器 httpClient 请求响应处理
在Angular中，拦截器（Interceptor）是一种用于拦截和处理HTTP请求或响应的机制。模块提供了一种方便的方式来创建拦截器，以便在发送请求或接收响应之前或之后执行一些操作。通过使用拦截器，你可以集中处理HTTP请求和响应的逻辑，使代码更加模块化和易于维护。以下是如何在Angular项目中使用。
2024-08-04 13:43:15
48
转载 vue3中使用keepAlive缓存路由组件不生效的问题解决
缓存路由组件时，可能会遇到一些问题导致缓存不生效。属性需要指定组件的名称，而不是路由的名称。在 Vue 3 中，组件的名称可以通过。如果多个路由使用同一个组件，可以通过动态修改组件的名称来解决缓存问题。这样可以确保每个路由的组件实例都有唯一的名称，从而正确缓存。中使用的是组件的名称，而不是路由的名称。通过以上方法，可以解决 Vue 3 中使用。在多层嵌套路由中，可以通过将所有。中，并通过插槽传递组件。这样可以实现嵌套路由的缓存。缓存路由组件不生效的问题。在 Vue 3 中，使用。
2024-07-29 21:22:45
1059
转载 WordPress分类页的url规则怎么改？
在WordPress中，更改分类页（Category Pages）的URL规则通常涉及调整永久链接（Permalinks）的设置或利用插件和代码进行更复杂的自定义。对于高级用户或开发者来说，还可以通过编辑WordPress的主题文件（如functions.php）或使用过滤器（Filters）和钩子（Hooks）来进一步自定义URL结构。注意：上述代码是一个示例，它可能需要根据您的具体需求进行调整。对于更复杂的URL结构或需要额外功能的场景，您可以使用WordPress插件来扩展URL的自定义能力。
2024-07-20 23:57:27
85
原创 微软蓝屏事件：揭示微软对全球Windows系统的实际控制能力
微软蓝屏事件发生在2024年7月19日，波及了多个国家和地区，包括美国、日本、澳大利亚、欧洲等。从个人用户到大型企业，无一幸免，造成了广泛的影响和损失。
2024-07-20 10:22:08
452
1
转载 Electron去掉窗口边框并添加关闭按钮的实现步骤
如果你需要更详细的设置或遇到问题，你可能需要查看Electron的官方文档或寻求社区的帮助。: 在Electron中，你可以使用HTML和CSS来创建自定义的关闭按钮，并使用JavaScript来添加点击事件，以便关闭窗口。中，我们使用HTML和CSS创建了一个自定义的关闭按钮，并使用JavaScript添加了一个点击事件来关闭窗口。: 如果你还没有创建一个Electron应用，你需要先初始化一个新的Node.js项目，并安装Electron。进程的代码中设置窗口的样式。: 在Electron中，
2024-07-19 15:44:09
161
转载 百度智能云CDN域名被攻击者盗刷流量导致帐号大量欠费
一般CDN服务商看你欠费少，可能会给你减免，要是欠费非常大的话，这就难说了，毕竟CDN服务商的流量是有成本的，CDN服务商搭建的边缘节点都是跟当地电信机房合作的，结算是按请求流量来算的，也就说当你流量被消耗流量后，CDN服务商就需要支付边缘节点的流量费，那CDN服务商会亏本给你填这个账单吗？这里扯得有点远，现在我们来考虑下该如何防止因被刷CDN流量导致帐号欠费问题，主机吧的答案使用套餐型的CDN，一些套餐型的CDN只需要付套餐费，后期没有后付费的问题，所以不用担心欠费。，可以更好的保护网站被恶意攻击问题。
2024-07-18 23:45:51
109
转载 Electron去掉窗口边框并添加关闭按钮的实现步骤
通过以上步骤，你可以在Electron中创建一个无边框窗口，并添加自定义的关闭、最小化和最大化按钮。这些按钮会通过IPC通信与主进程交互，执行相应的窗口操作。）中，添加HTML元素来模拟窗口控制按钮（最小化、最大化、关闭）。中，监听渲染进程发送的窗口控制事件，并执行相应的窗口操作。在Electron的渲染进程文件（通常是。在Electron的主进程文件（通常是。，以创建一个无边框窗口。
2024-07-17 09:39:56
90
转载 React中使用dnd-kit实现拖曳排序功能
在Vue 3中是首选的方式来访问DOM元素，因为它是响应式的，并且与Vue的组合式API紧密集成。如果你需要在组件的生命周期钩子中访问DOM元素，你可以在。是一个响应式且可重用的引用对象，它允许你访问Vue组件中的DOM元素。以下是如何在Vue 3中使用。方法，当按钮被点击时，这个方法会被调用，并且使用。在组件的逻辑中，你可以访问这个。在这个示例中，我们定义了一个。在Vue 3中，你可以使用。来获取DOM元素并调用它的。来获取DOM元素的引用。属性将DOM元素与定义的。，它被用来获取模板中的。
2024-07-15 15:29:53
174
转载 vue3中使用ref获取dom的操作代码
在Vue 3中是首选的方式来访问DOM元素，因为它是响应式的，并且与Vue的组合式API紧密集成。如果你需要在组件的生命周期钩子中访问DOM元素，你可以在。是一个响应式且可重用的引用对象，它允许你访问Vue组件中的DOM元素。以下是如何在Vue 3中使用。方法，当按钮被点击时，这个方法会被调用，并且使用。在组件的逻辑中，你可以访问这个。在这个示例中，我们定义了一个。在Vue 3中，你可以使用。来获取DOM元素并调用它的。来获取DOM元素的引用。属性将DOM元素与定义的。，它被用来获取模板中的。
2024-07-13 19:40:14
131
转载 vue3+vite+移动端webview打包后页面加载空白问题解决办法
在使用Vue3、Vite以及移动端Webview进行开发时，打包后页面加载出现空白的问题可能是由于多种原因造成的。通过上述方法，你可以尝试解决Vue3、Vite以及移动端Webview打包后页面加载空白的问题。确保Webview的配置正确，没有阻止JavaScript的执行或资源的加载。属性，以正确设置基础路径，使得构建后的资源能够从正确的相对路径加载。如果资源是从不同的域加载的，确保服务器配置了正确的CORS策略。确保打包后的资源文件没有损坏，并且所有依赖都已正确加载。在所有环境中都是可用的。
2024-07-13 09:29:16
468
转载 Vue点击在弹窗外部实现一键关闭的示例代码
请注意，这只是一个基础示例，实际项目中可能需要根据具体需求进行调整和优化。点击弹窗外部的遮罩层时，会触发。组件的显示状态，当点击按钮时，设置。属性来控制弹窗的显示与隐藏。是一个弹窗组件，它接收一个。
2024-07-13 01:06:09
172
转载 前端虚拟滚动列表实现代码
虚拟滚动列表是一种性能优化技术，用于只渲染可视区域内的元素，而不是渲染列表中所有的元素。这在处理大量数据时非常有用，可以显著提高应用的性能和响应速度。以下是使用JavaScript和CSS实现虚拟滚动列表的一个基本示例。
2024-07-10 14:51:52
34
转载 前端实现浏览器自定义滚动条写法实例
首先，使用CSS来定义滚动条的样式。这包括滚动条的轨道（track）和滚动条的滑块（thumb）。/* 全局滚动条样式 */body {/* 仅适用于 Firefox *//* 滚动条颜色和背景色，也仅适用于 Firefox *//* Webkit 浏览器（如 Chrome, Safari）滚动条样式 */width: 8px;/* 滚动条宽度 *//* 滚动条轨道样式 *//* 轨道颜色 *//* 滚动条滑块样式 *//* 滑块颜色 *//* 滑块圆角 *//* 滑块边框 */
2024-07-07 13:04:03
95
转载 在Vue项目中使用自定义字体的操作步骤
（如果需要）：如果你的Vue项目使用的是Webpack作为构建工具，你可能需要配置Webpack来正确处理字体文件。：如果你的字体文件存储在CDN或外部服务器上，确保服务器配置了适当的CORS（跨源资源共享）策略，以允许你的Vue应用加载字体文件。：在浏览器中打开你的Vue应用，检查是否正确加载并使用了自定义字体。：考虑使用字体子集化和加载策略，比如仅加载用户需要的字符集，或者使用。：将字体文件复制到你的Vue项目中。：首先，你需要拥有你想要使用的字体的文件。：在你的Vue组件中，你可以使用。
2024-07-07 00:45:46
304
转载 使用Vue3和Plotly.js绘制动态3D图表的示例代码
Vue 3 是一个用于构建用户界面的渐进式 JavaScript 框架，而 Plotly.js 是一个基于 D3.js 的图表库，它提供了丰富的图表类型，包括动态的 3D 图表。下面是一个简单的示例代码，展示如何在 Vue 3 应用程序中使用 Plotly.js 来绘制一个动态的 3D 散点图。请注意，这只是一个基本示例，你可以根据需要调整数据和配置选项来创建更复杂的图表。此外，Plotly.js 还支持许多其他类型的图表和交互功能，你可以查阅官方文档来获取更多信息。对象来定义图表的数据和样式，一个。
2024-07-07 00:43:49
107
原创 HTML5 WebSocket技术使用详解
这意味着客户端和服务器可以同时发送和接收数据，而不需要像传统的 HTTP 请求那样进行多次请求和响应的轮询。WebSocket 允许更实时的交互，非常适合需要快速、连续数据交换的应用场景，如在线游戏、实时通讯和股票行情更新等。请注意，WebSocket 连接是持久的，但它们可能会因为多种原因而断开，例如网络问题、服务器重启或客户端关闭。WebSocket 还支持子协议，允许客户端和服务器之间协商使用特定的通信协议。在某些情况下，可能需要实现自动重连机制，比如在连接断开时尝试重新连接。当连接关闭时，会触发。
2024-07-04 14:59:22
385
转载 服务器带宽 CPU满了是升级带宽CPU还是使用安全CDN？
今天主机吧就亲身经历了这个问题，昨晚由于测试，主机吧从百度云防护切到了百度智能云的普通CDN加速，由于没有防御，所以今天下午突然发现网站打开好慢，登陆宝塔后，发现服务器带宽、CPU都满了。这个价格可以差不多买到两年的百度云防护专业版了，而且不知道升级4核后还会不会满，因为目前这个状态很明显是有恶意请求的，因此，主机吧干脆切回百度云防护得了。主机吧想着要不要升级一下服务器配置，查询腾讯云升级配置后，发现升级四核的轻云服务器贵得离谱(主机吧服务器还有两年到期)。切回半小时后，服务器果然恢复了。
2024-07-04 14:47:02
26
转载 国内技术型网站快完蛋了
目前国内很多网站都流行这么搞，百度打击过几次，效果不大，原因是百度老权重站太照顾了，这些站基本都是一些老域名，有一定权重的站，他们可以通过大批量导入热门词内容，只要百度收录，基本都会有排名，主机吧查了下PHP中文网站的权重，目前高得吓人。所谓泛流量就是发布一些与网站主题毫无相关的热点内容，而由于这些网站本身有一定的权重，所以发这些内容往往会得到不错的排名，从而得到不错的流量。原因是技术型的网站快死了，目前百度的搜索模式对技术型的网站并不友好，网站如果长期不更新，不仅没有流量，以前的词排名也可能受到影响。
2024-07-02 10:24:25
143
转载 知乎宣布推出独立AI搜索平台「知乎直答」
周源将「知乎直答」定位为一个生产力工具和发现世界的连接器，强调其帮助用户通过提问来探索世界的能力。产品负责人表示，「知乎直答」将通过技术驱动和产品驱动两种模式并行发展，未来计划推出App版本，并引入多模态能力，与知乎社区深度融合，同时探索对外合作。「知乎直答」基于知乎丰富的问答数据，提供简略和深入两种答案生成方式，支持用户快速找到所需内容或专家。「知乎直答」的推出，不仅为知乎社区带来新的活力，也为整个问答领域提供了新的发展方向，预示着问答社区将进入一个更加智能和个性化的新时代。
2024-07-01 15:02:53
35
转载 360网站卫士今日正式下线
然而，今日，这一陪伴无数网站走过多年的守护神宣布正式下线，标志着一段历史的结束，也预示着新时代的到来。360网站卫士自推出以来，凭借其强大的防护能力和稳定的性能，成为了众多中小型网站的首选。它不仅提供了防黑客攻击、防恶意软件、防DDOS攻击等多重安全保障，还通过智能加速技术，优化了网站的访问体验，使得网站的运营更加顺畅。在这样的背景下，360网站卫士的下线，或许正是在为更加先进、高效的安全解决方案让路。总之，360网站卫士的正式下线，是一个时代的落幕，也是新时代的开端。
2024-06-30 20:23:28
47
转载 欧洲杯期间国内相关网站DDOS攻击剧增
涉及到BC的攻击自然就多了，而且量都不小，据主机吧了解，近一个月阿里云CDN、腾讯云CDN都受到了不同程度的DDOS攻击，大范围的CDN节点受到了影响，如果你有使用他们家的CDN，发现突然CDN节点变少了，那可能是那些节点有受到了DDOS攻击的影响下线了。如果您的网站遭受到DDOS攻击，或者受CDN影响的，推荐你使用独享的高防IP，高防IP的好处是独享，不受别人攻击影响，而且受攻击黑洞后，恢复快，可以有效清洗DDOS攻击流量。原因是一些与足球相关的网站使用了这些CDN，而每年足球又是BC的重灾区。
2024-06-29 13:42:46
25
转载 PHP将敏感文字内容替换为星号的操作方法
请注意，这种方法可能需要根据你的具体需求进行调整，例如，如果你的敏感词列表非常长，或者敏感词在文本中出现的形式非常多样，你可能需要一个更复杂的算法来确保所有敏感词都被正确替换。如果敏感词可以出现在文本的任何位置，并且可能有多种变体，你可能需要一个更复杂的函数来处理所有情况。在PHP中，将敏感文字用星号替换通常涉及到字符串的搜索和替换操作。函数用于生成一个由星号组成的字符串，其长度与被替换的敏感词相同。函数用于确定最长敏感词的长度，以便替换时使用相应数量的星号。函数将这些敏感词替换为相同长度的星号字符串。
2024-06-27 15:35:49
21
转载 网站提升速度的方法
并且图片的格式，最好是JPG，PNG的格式。Content Delivery Network（CDN），它是一种用于分发内容的网络，主要作用是把网站的图片，css，JS等文件部署到CDN，当用户访问时，则离用户最近的服务器将提供站点内容，来减少服务器的负载，加快加载速度，从而用户可以快速访问。缓存头设置，允许浏览器存储网站的图片，CSS，JS等文件，当用户再次访问时，就可以直接从本地缓存中加载这些资源，而不需要重新从服务器中下载，这样就可以减少页面加载时间和服务器带宽的使用，网页的加载速度就会很快。
2024-06-25 00:51:22
25
转载 PHP获取文件属性方法
这些是PHP中常用的文件操作函数，您可以根据需要选择合适的函数来获取文件的属性。- 打开文件，读取内容，写入内容，关闭文件。- 在打开文件资源上获取文件状态信息。- 检查给定的文件名是否为一个文件。- 检查给定的文件名是否为一个目录。- 将文件内容读入一个字符串。- 获取文件的元数据改变时间。- 检查文件或目录是否存在。- 获取文件的最后访问时间。- 将文件读入一个数组中。- 返回文件大小的字节数。- 获取文件的修改时间。- 将字符串写入文件。- 获取文件状态信息。
2024-06-25 00:28:44
71
转载 python的def函数用法
Python中的def关键字用于定义函数。函数是一段可以重复使用的代码块，它接受输入（称为参数），执行一些操作，并且可以返回输出（称为返回值）。下面是def。
2024-06-23 11:07:42
116
转载 网站一晚上被CC攻击了8次
由此可见，网站部署安全防御是很有用的，说不定哪天网站就遇到那些难缠的CC攻击，一晚上不停的攻击你，如果没有云防护拦截的话，那网站面临长时间无法访问的情况，对业务造成损失，也影响搜索引擎排名。有需要百度云防护的同学，可以咨询主机吧购买。主机吧查询了下，攻击最高的一次第一次攻击的时候，7分钟攻击了46万余次，算是一次中型的CC攻击了。晚上11点打到凌晨两点，8点又开始打，每次打的时间都很短，就十几分钟左右，而且间隔时间很短。还好网站并没有受什么影响，百度云防护稳稳定的拦截下来了，所以主机吧也就安心的睡了。
2024-06-22 22:56:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人