前端实现监控埋点

我们在应用开发完成本地测试跑通以后上线,线上可能会出现一些测试没有测出来的问题,那么这个时候我们如何定位到哪里会出现问题呢,因为在测试环境可能浏览器的不同,或是没有做兜底出现了一些线上的问题,我们通过监控的埋点便可以快速的定位到错误位置点。

前端实现输入金额带单位提示及 box-shadow和drop-shadow 对比思考

实现金额输入框带单位提示,在输入指定位数后,左上角提示对应的单位。及 box-shadow和drop-shadow 的思考

03 —— Webpack 自动生成 html 文件

plugins 配置插件选项。

uni-app快速入门(八)--常用内置组件(上)

本文介绍了uni-app常用的组件,因为组件比较多,本文简单介绍了view、scroll-view、swiper、movable-area、movable-view、text、rich-text。详细介绍可看uni-app官方资料。

【前端之Vue3入门快速体验】

Vue3简介和快速体验;Vue3通过Vite实现工程化;Vue3视图渲染技术;

前端vue解决跨域问题(适用于开发环境)

跨域问题的存在主要是由于浏览器的安全策略所导致的。具体来说,有以下几个主要原因:1.同源策略 (Same-Origin Policy):浏览器的安全机制,要求请求必须来自相同的协议、域名和端口。2.安全性和隐私保护:防止恶意网站访问其他网站的数据,避免 CSRF 和 XSS 攻击。服务器可以通过设置

前端Cypress自动化测试全网详解

Cypress 是一个强大的端到端(End-to-End, E2E)功能测试框架,基于 Node.js构建,支持本地浏览器直接模拟测试,并具有测试录屏功能,极大地方便了测试失败时的场景重现与问题定位。本文将详细介绍 Cypress的安装、配置以及一个实际的自动化测试示例。

前端WebSocket

项目中用到的相关技术vue3、vite、js(要通过WebSocket构造函数,创建WebSocket对象)、node.js、ws(是nodejs的一个WebSocket库,可以用来创建服务)websocket实际项目开发中客户端(前端)使用websockect主要实现的功能是发送和接收信息而服务端

一篇文章理解前端中的 File 和 Blob

在js中,Blob(Binary Large Object)对象用于表示不可变的原始二进制数据,主要用于存储文件、图片、视频和音频等各种类型数据。Blob提供一种高效方式操作数据文件,不需要将数据都加载到内存中,有利于处理二进制数据或大型文件。可以使用new Blob()构造函数创建一个 Blob

【Vue】Vue3.0(二十四)Vue3.0中$refs 、$parent 的概念和使用场景

在这个新例子里面呢,通过$refs实现了父组件对子组件方法的调用呀,这样就完成了计数器的增加和减少操作啦;同时呢,子组件通过defineExpose把内部方法暴露给父组件,这也是遵循了Vue 3.0组件间交互的规范哦。// 当点击增加按钮时,调用子组件的增加方法并更新计数。// 当点击减少按钮时,调

常用 Web 框架

本文介绍了 Web 开发中常用的 HTTP 方法、Jinja2 过滤器、Django 项目结构和数据模型字段类型。这些基础知识为你理解和构建 Web 应用打下了坚实的基础。希望本教程能帮助你更好地利用 Django 构建灵活的 Web 应用!文章到这里就结束了,如果有什么疑问的地方请指出,诸大佬们一

PHP技术深度探索:构建高效安全的Web应用实践

PHP作为一门成熟的服务器端脚本语言,在Web开发中仍然具有不可替代的地位。通过掌握PHP的性能优化策略、安全实践以及现代开发实践,开发者可以构建出既高效又安全的Web应用。随着技术的不断进步,PHP社区也在不断推陈出新,为开发者提供更多更好的工具和资源。希望本文的内容能为广大PHP开发者带来帮助和

VUE3——003、VUE 项目中的文件结构(index.html、main.ts、App.vue)

加载 index.html 后,Vite 解析 <script type="module" src="xxx"> 指向的 js 或 ts 文件。虽然是号称是小白初学,但本文只是对 VUE 小白,其它的基功还是有一丢丢的,不太懂的同学去看看一下详解,我这里记述的是自己的理解和观点。(index.htm

fastadmin 接口 写法 , 与前端 js 调用 该接口 ,代码 例子

在控制器中定义接口方法,如,并返回 JSON 格式的数据。在路由文件中配置相应的路由规则。使用fetch或axios等方法发送请求到 FastAdmin 后端的接口。处理接口返回的数据并在页面上展示。

WebXR与Web组件结合:创建沉浸式Web体验_2024-07-26_16-47-08.Tex

WebXR API 通过对象提供,它允许开发者访问和控制 VR 和 AR 设备。设备检测:通过方法检查设备是否支持特定类型的 XR 会话。会话管理:使用方法启动 XR 会话,可以是 VR 或 AR 会话。渲染循环:在 XR 会话中,开发者可以使用来更新和渲染场景。输入处理:API 提供了处理用户输入

Vue实现动态表单

动态表单的核心是:根据用户在表单中的输入,自动调整后续表单项的显示内容。例如,用户在某个表单输入特定的值时,会显示下一个问题或选项,而如果用户输入不同的值,则会跳转到另外一套问题。这种交互使得表单流程更加智能和灵活。在本文中,我们将创建一个递归的动态表单,表单项之间通过逻辑相互连接。当某个表单项的值

HTTP常见的请求头有哪些?都有什么作用?在 Web 应用中使用这些请求头?

HTTP常见的请求头有哪些?都有什么作用?在 Web 应用中使用这些请求头?

移动端 、响应式布局

移动端布局设备像素比DPR移动端页面书写的时候设计图的尺寸如果是移动端网页开发,UI常用的设计图尺寸是以iPhone6/7/8 为标准的,这个图的宽是750高度是1334,实际在浏览器中解析的时候是375*667 也就是UI给的设计图是一个2倍图 ,所以如果UI给的是这样的一个2倍图,那么我们开

【前端异常】JavaScript错误处理:分析 Uncaught (in promise) error

在前端开发中,JavaScript 异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如 Promise、async/await 等),开发者常常会遇到 Uncaught (in promise) error 错误。这个错误是由于未正确处理 Promise 的拒绝(rejection)而导致

推荐一些前端常用的框架和网站(持续更新)

记录自己经常使用的和其他小伙伴推荐的一些很不错的框架和网站,其中包括VUE后台脚手架、CSS动画、图表集合、技术文档脚手架、网站模版和各种常用组件库。

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈