vue 3中 页面跳转
router-view> 是一个占位符,用于告诉Vue Router 在这个位置渲染当前路由匹配的组件。可以把它理解为一个动态的容器,负责显示与当前路径相匹配的组件。Vue Router 会根据路由配置找到对应的组件,并将这些组件渲染到<router-view> 中。Vue Router 的组件,用
Web APIs 深度解读,看这一篇就够了
Web APIs是一组接口,这些接口由浏览器提供,允许JavaScript与Web浏览器和设备硬件进行交互。通过调用这些接口,开发者可以实现许多强大的功能,如动画效果、数据存储、文件操作等。DOM APIs:用于操作网页的文档对象模型(DOM)。BOM APIs:用于操作浏览器窗口和历史记录的浏览器
前端如何取消接口调用
对于用户主动离开页面,或者用户的网络很卡的时候(预期返回顺序是:接口1 => 接口2;但是接口1返回太慢,导致顺序混乱。)这就需要手动终止请求。构造函数AbortController的实例信号量signal(可以作为ref存储起来),signal作为fetch的参数,在每次请求的时候,可以手动调用a
彻底理解原型和原型链
对象原型、函数原型、原型链、Object、原型画图
09_Vue前端执行后端传递过来的JS代码块
前端执行后端返的JS代码块
js中数字计算时丢失精度问题解决
在 JavaScript 中,数字乘以 100 后精度丢失通常与浮点数的表示方式有关。JavaScript 使用 IEEE 754 双精度浮点数来表示数字,这可能会导致一些精度问题。
实现一个自定义前端脚手架
什么前端脚手架?前端脚手架是一种工具,用于快速搭建前端项目的基础结构,提供了一套约定和标准,帮助开发人员快速启动项目开发。常见的前端脚手架包括Create React App、Vue CLI、Angular CLI、@nestjs/cli等。我为什么要写一个自己的前端脚手架?过去一年里,因为前端业务
前端常见的页面自适应布局方案
关于前端自适应布局方案的内容已经说完了,但是我还想说点别的,主要想说一下我们应该学习哪些技术才能让它更加保值。在我看来,越偏向于业务的技术越不容易过时,为什么呢?需求在变,技术一直在变,业务也一直在迭代。前端技术的发展非常快,也涌现出很多的框架(例如 HTML4 到 HTML5 的升级,或者从jQu
海康威视监控rtsp播放
Real Time Streaming Protocol或者RTSP(实时流媒体协议),是由Real network 和Netscape共同提出的如何有效地在IP网络上传输流媒体数据的应用层协议。RTSP提供一种可扩展的框架,使能够提供能控制的,按需传输实时数据,比如音频和视频文件。rtsp对流媒体
【前端】IntersectionObserver 实现图片懒加载和无限滚动
API 是现代浏览器提供的一种异步观察者,它可以监视一个元素与视口(或某个特定祖先元素)交叉状态的变化。图片懒加载无限滚动加载内容实现元素的延迟加载触发动画效果在 Vue 中,我们可以通过自定义指令来实现懒加载。});});} else {// 如果浏览器不支持 IntersectionObserv
vs code中vue常用插件
以上插件大多数都可以通过VS Code的扩展商店进行安装,并且都有详细的安装和使用说明。为了保持插件的更新和最佳性能,建议定期检查并更新已安装的插件。同时,随着技术的发展和Vue生态的变化,新的插件可能会不断出现,因此建议定期关注VS Code插件市场的动态,以便获取最新的工具和功能。
前端 vue3 中的 ref 与 reactive
了解ref和reactive的区别,以及各自的一些用法
WebGIS开发:常见地图服务介绍
由于栅格瓦片服务返回的数据本身是一张图片,真正的几何要素在服务器预渲染的过程丢失了,因此在客户端想要获取几何或属性信息时又需要向后端服务再次请求。同时切片的样式和数据没有分离,如果需要多个样式的地图就需要生成多个对应的切片数据集。数据需要在服务端预先切分,现实地物发生变化后,服务器端重新生成切片需要
JavaScript:在前端代码中读、写本地文件
一,在前端代码JavaScript中读写文件的限制与处理在前端 JavaScript 中,浏览器环境没有直接提供操作文件系统的能力。也就是说,你不能像在 Node.js 环境中那样,使用 fs 模块来删除或创建文件。这是因为浏览器出于安全性的考虑,不允许网页随意访问用户的文件系统,以防止潜在的恶意行
【非常困难】 猿人学web第一届 第10题 js 混淆 - 重放攻击对抗
但是经过上面的 Hook 重写之后 Function.prototype.constructor.prototype 就不是一个方法了,会变成一个对象。_yrxCxm[‘f’ + ‘g’ + ‘a’ + ‘E’] 的值和 _yrxVhD() 方法中的值一致。_yrxCxm[‘f’ + ‘g’ + ‘
VUE基础快速入门
VUE项目工程结构解析项目中需要大家关注的主要内容:public 文件夹:里面存放静态资源文件,如:图片/视频等src/router/index.js:路由配置文件,在里面配置请求地址和 VUE 组件的映射关系src/views:在里面创建对应每个页面的*.vue 文件App.vue:此组件工程启动
前端Vue uView 组件<u-search> 自定义右侧搜索按钮样式
uView 文档的效果不是ui设计的样式 需要重新编辑原效果ui设计效果。
Three.js & WebGPU 节点材质系统 控制instances的某个实例单独的透明度,颜色等属性
实现思路:1. 声明一个实例必要的属性`instanceMatrix2. 在设置位置矩阵的时候填充这个数组3. 在shader中获取当前的索引修改的源码的函数就是当前着色的实例索引5. 对比当前着色的实例是否是选中的实例6. 如果是选中的实例加入一个变量影响选中的实例的透明度(也可以影响其他材质参数
前端组件化实践:Vue自定义加载Loading组件的设计与实现
在前端开发中,页面加载是一个常见的场景。本文介绍了前端Vue自定义加载Loading组件的设计思路与实现过程,该组件通过设置gif动画实现加载效果,可广泛应用于页面请求加载场景。通过该组件的实践,我们深入探讨了组件化开发的优势及其在前端开发中的应用价值。本文介绍了前端Vue自定义加载Loading组
后端有一个音频文件,前端 js 请求后端 音频 接口,接口中音频数据是在outputStream中,给我个案例
以下是一个简单的案例,展示如何在后端提供音频文件数据,并在前端通过 JavaScript 获取并播放该音频。