水印 效果 网站
夭寿啦！我的网站被攻击了了735200次还没崩
记得有一个看到鱼皮的网站被攻击，那时候我只是一个小小号，还在调侃，没想到我居然也有那么一天！ 突袭 一个风和日丽中午，我正在和同事吃饭，一个内存oom，我的小破站崩溃了。 虽然天天被攻击吧，给我干oom了多少是不是有点离谱？？ 一个小小博客，值得这么攻击吗？我觉得肯定是不值得的。肯定玩玩就放弃了。洗 ......
记一次 .NET 某游戏网站 CPU爆高分析
一：背景 1. 讲故事 这段时间经常有朋友微信上问我这个真实案例分析连载怎么不往下续了，关注我的朋友应该知道，我近二个月在研究 SQLSERVER，也写了十多篇文章，为什么要研究这东西呢？ 是因为在 dump 中发现有不少的问题是 SQLSERVER 端产生的，比如：遗留事务，索引缺失 ，这让我产生 ......
Three.js 进阶之旅：物理效果-碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......
为Jekyll静态网站添加PlantUML插件
前言 突然想起来要好好整理一下自己的博客空间，已经荒废很多年，如果再不捡起来，等到自己知识老化的时候再去写东西就没人看了。 使用Github Pages + Jekyll把博客发布为静态网站，给人感觉比较私密，似乎所有的控制权都抓在自己手里的样子。 但是作为一个技术博客，如果写东西没有PlantUM ......
Web 页面如何实现动画效果
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......
不用Blazor WebAssembly，开发在浏览器端编译和运行C#代码的网站
本文中，我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”，核心的技术就是用C#编写不依赖于Blazor框架的WebAssembly以及Roslyn技术。 一、 为什么要开发这样的工具？ 对于编程初学者来讲，开发环境的安装配置是一个令人头疼的事情，如果能让初学者不用做任 ......
AR Engine毫秒级平面检测，带来更准确的呈现效果
近年来，AR版块成为时下大热，这是一种将现实环境中不存在的虚拟物体融合到真实环境里的技术，用户借助显示设备可以拥有真实的感官体验。AR的应用场景十分广泛，涉及娱乐、社交、广告、购物、教育等领域：AR可以让游戏更具互动性；商品通过AR展示更真实；使用AR进行教育教学让抽象事物更形象等，可以说AR技术已 ......
React中实现keepalive组件缓存效果
背景：由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到详情页面，再返回表格页面，会重新请求数据，搜索条件也将清空，用户得重新输入搜索条件，再次请求数据，大大降低办公效率，如图： ......
利用WordPress搭建属于自己的网站
怎么用WordPress给自己搭建了一个网站？可能很多人都想拥有属于自己的网站，这篇文章就找你怎么利用WordPress搭建属于自己的网站。如果你也正好有搭建个人网站的想法，那么本文会给你一个参考，我尽量写的比较详细，给自己做一个记录，也给大家一个参考。 写在前面 在教程之前，先给大家show 一下 ......
详解前端缓存，解决前端换包之后环境中仍会出现旧版效果
前端项目修改了很多东西：比如bug啊，样式啊。当你把前端项目打包之后满心欢喜的在 Nginx（测试环境）换上它，然后在 Jira 上修改bug状态@测试人员复测。然后测试人员开始找你battle了，你的bug怎么还是没修改啊，但是你明明换上了最新的版本，中间到底出现了什么问题。打开控制台的 netw ......
对于async和await的使用方式、作用效果不怎么理解 ?没关系，初步看这篇就够了
结论 同步还是异步，区别如下： 同步：你使用 await 修饰符去调用一个异步（async）方法（是异步方法，不过是阻塞式的，可简单理解为同步）； 异步：你获取异步方法返回的 Task，就是异步（后文有代码示例）； 可以实现多任务执行顺序执行且不阻塞。 概述 async（C# 参考） async 是 ......
自适应且不可删除的水印蒙层
##canvas自适应文字长度，旋转角度生成水印背景图 设置canvas字体大小后，通过ctx.measureText(text).width获取两行文字的宽度text1，text2，取最大宽度为文本框宽度textWidth 设置两行文字间距，可得文本框高度:textHeight=2*fontsiz ......
分支路径图调度框架在 vivo 效果广告业务的落地实践
使用基于有限有向图的调度框架，可以控制在线服务中异步调度的流程，但这对分支路径的管理不够友好，随着节点增多，调度流程会越来越复杂而难以控制。因此我们实现了支持分支路径的图调度框架，解决普通图调度框架可扩展性差的问题。 ......
如何用3D流体实现逼真水流效果？
华为应用市场在2022年HDC大会期间发布了一款3D水流主题，基于华为HMS Core Scene Kit服务能力，展现立体灵动的水流岛屿，可跟随用户指尖实现实时流体波动效果，既趣味又解压。 让变幻莫测的物质来实现我们在影视和游戏等多种应用场景中的奇思妙想，从早期步骤繁重的特效制作演变到如今，已经有 ......
开局一张图，构建神奇的 CSS 效果
假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假设，我们有这样一张图： 只需要一个标签即可 <div clas ......
现代 CSS 高阶技巧，完美的波浪进度条效果！
本文是 CSS Houdini 之 CSS Painting API 系列第三篇。 现代 CSS 之高阶图片渐隐消失术 现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！ 在上两篇中，我们详细介绍了 CSS Painting API 是如何一步一步，实现自定义图案甚至实现动画效果的！ ......
边玩边学！交互式可视化图解！快收藏这18个机器学习和数据科学网站！⛵
机器学习算法理论比较枯燥乏味，但有许多有趣且有用的网站，您可以像游戏一样交互式操作，并同时学习机器学习概念、模型和应用知识。以下是 ShowMeAI 为大家整理的18个交互式机器学习网站，学起来！ ......
.NET 6使用ImageSharp给图片添加水印
.NET 6 中，使用System.Drawing操作图片，生成解决方案或打包的时候，会有警告，意思是System.Drawing仅在 'windows' 上受支持。微软官方的解释是： System.Drawing.Common NuGet 包现在被归为 Windows 特定的库。 在为非 Wi ......
除了 filter 还有什么置灰网站的方式？
大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样： 当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。 像是这样，我们仅仅需要给 HTML 添加一个统一的滤镜即可： html { filter: grayscal ......