效果 汽车three js
Vue3实现九宫格抽奖效果
需求与效果 需求： 1、礼品根据后台配置生成 2、跑马灯转动效果 3、结果后台生成并且每个礼物概率不一样（概率这里不讨论） 注意点： 1、布局如何排列，是按照跑动排列还是从左至右自上而下排列 2、点击按钮如何插入，DOM结构如何生成 3、跑马效果如何实现，速度如何控制 4、接口如何处理，包括接口报错 ......
Vue3实现转盘抽奖效果
1、实现转盘数据动态配置（可通过接口获取） 2、背景色通过分隔配置 3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始 4、当动画停止后在对应事件中自定义生成中奖提示。 5、本次中奖概率随机生成，也可自定义配置 实现代码 html <template> <div class="gra ......
js笔记
一、js 数字前面自动补零 num传入的数字，m需要的字符长度 function PrefixInteger(num, m) { return (Array(m).join(0) + num).slice(-m); } 二、JS截取字符串 stringObject.slice(start, end) ......
uniapp 封装一个类似js-cookie可时效性存储token的方法
贴代码 cache.js /** * 存储数据 * key: 缓存的键名，必填 * value: 缓存的值，选填 * seconds: 缓存的过期时间，选填，单位为秒，默认为28天 */ function set(key, value, seconds) { if (!key) { // 如果key ......
js中的false
js中有五个false的值 console.log(Boolean(false)) console.log(Boolean(undefined)) console.log(Boolean("")) console.log(Boolean(0)) console.log(Boolean(null)) ......
制作逼真的圆形金属拉丝效果
1、新建文件 ，大小1600*1600像素，分辨率72像素/英寸，填充黑色。 新建图层，点击“椭圆工具”，按住shift键，在画布中央画一个正圆， 填充”选择“渐变”，“渐变形式”选择“角度”。 点击渐变条左下方的色标，点击色块，打开“拾色器”，设置颜色为110f2c，按住Alt键向右拖拽，复制两个 ......
添加请求loading效果
概述 在实际开发场景中，我们需要对每一次的请求做一个loading效果，使得让用户知道正在提交中，此时需要给用户添加loading提示 好处 节流处理：防止用户在一次请求还没回来之前，多次进行点击，发送无效请求 友好提示：告知用户，目前是在加载中，请耐心等待，用户体验会更好 步骤 请求拦截器中，每次 ......
使用 pdf.js 在线预览 pdf 文件
1、下载 https://github.com/mozilla/pdf.js/releases 2、解压后得到 build 和 web 两个文件夹 3、将其放入网站目录下 4、使用 web 中的 viewer.html 即可在线预览 pdf 文件 viewer.html?file=xxx.pdf 5 ......
C# 实现FULL JOIN 效果
参考：https://dotnettutorials.net/lesson/full-outer-join-in-linq/思路就是先left join 再right join，最后union namespace Test { internal class Program { static void ......
笔记 | 使用 Turf.js 实现等值线/面
一、准备工作，所使用到的工具及API Turf.js 使用的 API 如下： featureCollection interpolate isobands Leaflet.js 使用的 API 如下： FeatureGroup geoJSON 二、必要知识点介绍 isobands(pointGrid ......
Skeleton Screen/加载占位图流光闪动效果收集
Skeleton Screen Loading，又叫 Skeleton Screen/加载占位图，就是显示dom骨架，加上流光加载效果。 骨架流光的原理，就是 渐变色(linear-gradient多个颜色) + 背景拉伸(background-size: 400% 100%) + 背景移动(bac ......
js 全局变量
1、赋值并保存 import { setSessionStorage } from '@/store/index' Vue.prototype.$userId = res.result.userInfo.id Vue.prototype.$userType = res.result.userInfo ......
本博客的SimpleMemory博客皮肤设置教程及效果
博客样式设置 本博客皮肤设计来自一位超级大佬所做 大佬的GitHub项目地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory 大佬的博客园地址：https://www.cnblogs.com/BNDong 第一步：获取权限 开通博客园账号并且 ......
fgui在 cocos creator 如何让一个文本做成一个滚动的效果，使用 ts 脚本来实现
在 Cocos Creator 中使用 FGUI（FairyGUI）实现文本的滚动效果，可以通过 TypeScript 脚本来实现。以下是一个简单的示例： 首先，确保已经安装了 FGUI 插件，并且已经正确配置了 TypeScript。然后，创建一个 TypeScript 脚本，例如 ScrollT ......
postman 出现Enable JavaScript and cookies to continue 如何反爬（js反爬）
网页无法F12,禁止调试出现debug怎么办 直接F8禁用，ctrl+F8开启调试断点 网站禁止ip访问，并且关闭了icmp回包，调试最好禁用缓存，以便实时更新 用postman单独访问首页的index的首页也是无法获取网页内容 考虑网页使用js进行跳转 实例： 比如使用postman请求https ......
js验证身份证号，超准确【转载】
转载地址：https://www.cnblogs.com/shenliang123/archive/2012/04/05/2432880.html 看程序前先来了解下身份证号的构成：身份证号分为两种，旧的为15位，新的为18位。身份证15位编码规则：dddddd yymmdd xx p 其中 ddd ......
js关系运算符
关系运算符： ==等于 >大于 <小于 >=大于等于 <=小于等于 !=不等于 全等 例子： 等于： 大于： 小于： 大于等于： 小于等于： 不等于： //全等 //全等和等于的区别： //==在js中，只是对值，进行比较 ......
js 对象数组排序
// 排序，根据name名称中的数字排序 sortList(a: any, b: any) { if (a?.name && b?.name) { const aStr = a.name.replace(/[^\d]/g, ' ') const bStr = b.name.replace(/[^\d ......
【汽车科普】汽车构造与原理 7.转向系统:
汇总 【汽车科普】汽车构造与原理 目录 1.引言 SteeringSystem 如果犯方向性错误，后果就会很严重。 汽车是否易犯方向性错误，就要看转向系统是否值得信赖 跳转到目录 2.转向形式 Steering Type 2.1 转向系统和转向机 转向系统: 主要由方向盘、转向柱、转向机、转向助力机 ......
js判断在手机端/移动端，还是PC端
var system={win:false,mac:false,xll:false}; var p = navigator.platform; system.win=p.indexOf("Win")==0; system.mac=p.indexOf("Mac")==0; system.x11=(p= ......
js 数组、字符串常用方法
JavaScript数组的常用操作 增： push() 向数组的末尾添加一个或更多元素，并返回新的长度 unshift() 在数组开头添加任意多个值，然后返回新的数组长度 splice() 传入三个参数，分别是开始位置、0（要删除的元素数量）、插入的元素，返回空数组 concat() 首先会创建一个 ......
在Vue中使用Mock.js虚拟接口数据实例详解
在Vue项目中使用Mock.js可以方便地模拟接口数据，用于前端开发和测试。Mock.js是一个生成随机数据的库，可以帮助我们快速构建虚拟接口数据。在本文中，我将通过一个实例来详细讲解在Vue中使用Mock.js虚拟接口数据的方法。 首先，我们需要创建一个Vue项目。可以使用Vue CLI来快速创建 ......
基于Three.js开发者的3D自动纹理化开发包
DreamTexture.js 基于 Three.js 和稳定扩散(stable diffusion) AI 模型开发，用于实现 3D 模型的自动纹理化。 ......
UDP分片和丢包与TCP效果对比
UDP 分片 与 丢包，UDP 真的比 TCP 高效吗？UDP（用户数据报协议）和TCP（传输控制协议）在很多方面都有显著的区别。总体来说，TCP更适合需要可靠传输的应用，例如网页浏览、电子邮件等，而UDP则更适合对速度有高要求，但对数据完整性要求较低的应用，例如实时视频流或游戏。在多数网络环境下， ......
视觉差缓动效果的轮播--React版
React实现视觉差效果缓动轮播 效果如下（图片帧率低看起来有点卡顿，看个大概就行）： 分享一下思路： 1.正常引入一个轮播组件（站在巨人肩膀省时省力），去除指示点、引导箭头等不需要的元素，有些组件支持配置，不支持就手动覆盖CSS样式了 2.找到组件中用于显示展示当前图片的类名 3.添加transf ......
js如何计算字符串的字节数
如果计算字符长度只需要使用length, let str = "hello世界"; console.log(str.length)//7 如何计算所占用的字节数呢？ function getByteLength(str) { let length = 0; for (let i = 0; i < s ......
vue + echarts 实现标记点的闪烁效果
initEleChart (data) { let index = data.findIndex(item => { return this.currentRow.D_DATETIME == item.D_DATETIME }) let option = { title: { text: `${th ......
js 轮播图还原
const status = [ "position:absolute;left:804px;top:155px;width:210.008px;height:243.418px;opacity:0.43;z-index:82;font-size:6.9px;", "position:absolut ......
Node.js 万字教程
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 JavaScript 运行在服务端的开发平台。 ......