前端 常见 方式 动画
js中三种URI编码方式比较
一、实例比较 数据传递常需要编码后传递，接收还需反编译，定义url： var url = "https://www.cnblogs.com/?username='小森森'&password='666666'"; escape 与 unescape console.log(escape(url));/ ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载； 优缺点： ● 优点：能达到下载跨域文件的目的； ● 缺点：不适用于大文件，大文件体验较差； 示例： 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
Unreal入门，Timeline动画02，动态材质
这里动态材质效果主要是利用Timeline生成随时间变化的颜色插值来实现 1. 创建动态材质实例变量，用于控制材质动态效果 将返回值提升为变量MI_Frame 注意这里都是在ConstructionScript中完成的 回到事件图表，添加颜色插值以实现动态材质变化 注意这里的变化参数来自于门框材质的 ......
海康萤石C6C摄像头RTSP连接方式
海康萤石C6C摄像头RTSP连接方式 1. 概述 通过RTSP获取海康萤石C6C摄像头的码流。 测试型号为：萤石C6C 2K+ 星光增强版 400万极清 2. 开启RTSP连接 萤石摄像头默认是没有激活RTSP连接的，需要手动开启，开启步骤如下： 1. 打开萤石官方的App - "萤石云视频"，在底 ......
centos7 安装 mysql8 ,yum方式
1、添加yum库 sudo yum install -y https://repo.mysql.com/mysql80-community-release-el7-3.noarch.rpm 2、导入 mysql GPG公钥 失效的：sudo rpm --import https://repo.mys ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......
Unreal入门，Timeline动画01，开关门
1. 准备一张新地图 选择基本地图即可 导入第三人称资源包 这里选择Third Person 创建基于BP_ThirdPersonGameMode和BP_ThirdPersonCharacter的蓝图BP_MyThirdPersonGameMode和BP_MyChar 修改当前地图的默认GameMo ......
window本机搭建https环境(两种方式)
一、（方式一）通过openssl 安装ssl证书搭建https 1.下载openssl http://slproweb.com/products/Win32OpenSSL.html2.安装之后配置环境变量 OPENSSL_HOME …\bin Path变量末尾加;%OPENSSL_HOME%3. 创 ......
实现线程的三种方式
一、继承Thread类 Thread 类中创建线程最重要的两个方法为： public void start(); public void run(); 采用 Thread 类创建线程，用户只需要继承 Thread，覆盖 Thread 中的 run 方法，父类 Thread 中的 run 方法没有抛出 ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
添加一个SQL Server身份验证方式
关键几步如下，特别是最后一步，记得勾选SQL Server和Windows. 参考网址： 如何在SQL SERVER的windows身份验证添加一个SQL Server身份验证方式_sqlserver windows身份验证 添加-CSDN博客 ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
前端(js)实现图片一次全部下来后，在调图片显示
前端实现图片一次全部下来后，在调图片显示 var imgsrc=[ "http:/XXX01.jpg", "http://XXX02.jpg", "http://XXX0.jpg" ]; var imgArr = [] for (var i = 0; i < imgsrc.length; i++){ ......
软件测试/测试开发|常见软件测试框架类型：TDD、BDD、DDD、ATDD、DevOps介绍
前言 当今软件开发领域中，测试是确保代码质量和功能稳定性的关键步骤。而测试框架是在软件开发过程中使用的工具，有助于组织、管理和执行测试。在这篇文章中，我们将介绍几种常见的测试框架类型：TDD（测试驱动开发）、DDT（数据驱动测试）、BDD（行为驱动开发）和ATDD（行为驱动开发）以及 DevOps， ......
django 常见错误
问题： You have 18 unapplied migration(s). Your project may not work properly until you apply 解决方案：按下ctrl+c退出terminal运行的程序，输入 python manage.py migrate ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
Content-Type常见类型
什么是Content-Type？Content-Type是HTTP协议中的一个头部字段，用于指示请求或响应中所传输的实体的媒体类型。 为什么使用Content-Type？使用Content-Type可以告知接收方如何解析和处理传输的数据，确保数据能够正确地被解析和处理。 Content-Type有哪 ......
移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题 ......
1_C#字符串常见输出
C#字符串输出 namespace Hello { internal class Program { static void Main(string[] args) { Console.WriteLine("Hello, World!"); string name = "Hello, World!" ......
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
2023-12-28 js深拷贝的一些常见写法与业务场景
为什么要用深拷贝？ 如果你有一下场景，那么就很需要用到深拷贝： var a = [1,2,3]; var b = a; b.push(4); console.log(a,b); 可以发现2个数组都是[1,2,3,4]，为什么b发生改变会影响到原数组a呢？ 原因：二者是属于浅拷贝的一种关系，引用了同一 ......
【秀米教程7】SVG点击展开推文，手机横屏下拉效果动画
效果展示 效果展示：点击图片展开推文内容 效果图 操作步骤 点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果 点击下拉效果图的边框 - 点击【编辑】 显示内容：显示当前编辑下的内容，但不能编辑 点击【转场设置】 ①解释说明：【转场设置】下方有“转场淡出(0.5秒)+展开(13秒)” ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
Unreal入门，开关04，蓝图通讯的几种方式（总结）
1. 直接调用，一开始做的开关就是这种方式，在地图编辑的时候给开关对象设置好关联的灯的引用，触发的时候直接调用灯提供的开关函数即可 1.1 给ActorSwitch添加一个Object Reference成员 1.2 在地图编辑器中初始化这个成员，关联到ActorLight 1.3 在Overlap ......
使用Element.animate()实现动画
Element.animate()实现 <div id="app"> <button @click="startAmi">开始</button> <p>{{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. ......