前端虚拟滚动列表 vue虚拟列表
前端虚拟滚动列表 vue虚拟列表。在大型的企业级项目中经常要渲染大量的数据,这种长列表是一个很普遍的场景,当列表内容越来越多就会导致页面滑动卡顿、白屏、数据渲染较慢的问题;大数据量列表性能优化,减少真实dom的渲染看图:绿色是显示区域,绿色和蓝色中间属于预加载:解决滚动闪屏问题;大致了解了流程在往下
JS执行原理大揭秘:事件循环Event Loop与宏任务、微任务
JavaScript是一种单线程语言,事件循环作为JavaScript的核心执行机制,可以有效地进行异步处理,保证用户界面的响应性和流畅性。所有同步任务都在主线程上执行,形成一个执行栈在执行同步任务的时候,如果遇到了异步事件,会将该任务挂起,继续执行同步任务,当异步事件执行完后(如定时器到时,aja
webGL扫盲:Cesium.js,心心念念的地图框架库来了!
它的广泛应用领域包括GIS、地球科学、航空航天、军事模拟和训练等,为这些领域的研究、应用和教育提供了强大的工具和平台。它的高性能、丰富的功能和可扩展性,使得开发者能够快速实现复杂的地理应用,并为用户提供出色的交互和可视化体验。您可以根据自己的需求和具体的应用场景,使用Cesium.js提供的API进
web学习笔记(五十五)
在Visual Studio Code中我们可以将常用的代码配置成代码片段,这样就可以在页面上快速输入大段代码了。(3) 点击新建全局代码片段文件,然后在输入框中输入自定义的命令名 eg:vuehtml;(4)将通过网址转换后的代码粘贴到对应文件中 ,然后保存就可以在页面中使用自定义代码片段了。v-
vue 纯前端 word 转html
vue2 安装 npm install -save mammoth.js ---word转换html插件。html代码 用的vue ant-design-vue。
vue3 keep-alive include失效问题
在使用vue3 keep-alive时,发现并没有起作用, 代码如下:<template> <div class="app-main"> <router-view v-slot="{ Component }"> <keep-alive :inc
vue前端+nodejs后端通信-简单demo
vue前端+nodejs后端通信-简单demo
数组排序 sort() 方法 (映射对含有大小写的字符串进行排序)
方法会直接修改原始数组,并返回排序后的数组。sort() 方法比较两个值时,将值发送给比较函数,根据返回的(负、零、正)值对值进行排序。sort() 方法比较两个值时,将值发送给比较函数,根据返回的(负、零、正)值对值进行排序。如果 a-b 小于 0 ,那么 a 会被排列到 b 之前。如果 a-b
前端小案例——登录界面(正则验证, 附源码)
这是一个非常适合前端入门练习的小案例,各位小伙伴可以自行更改样式和内容,如果大家运行时出现问题或代码有什么不懂的地方都可以随时评论留言或联系博主QQ。来监听 DOMContentLoaded 事件,确保页面中的所有元素都已加载完毕。最后,根据验证结果,在页面上显示相应的提示信息。在表单提交事件中,首
前端下载文件的方法-blob下载
前端经常会遇到下载文件的需求,后端一般提供的以下两种方法: - 文件地址。后端直接提供要下载的文件地址,常用于图片、音视频等静态文件 - 文件流。后端返回文件流,常用于excel等动态文件
前端监控方案sentry整体概览
目录1. Sentry介绍 1.1. 编写目的 1.2. 名词定义 2. Sentry监控原理概述 2.1. 常见的性能优化指标及获取方式 2.2. 常见的前端异常及其捕获方式 3. Sentry整体架构 4. Sentry安装部署 4.1. 前提条件 4.2. 安装 5. Sentry环境配置 5
React中如何实现父组件调用子组件的方法
在子组件中,我们通过Consumer访问这个context value,并在点击按钮时调用这个方法。在ParentComponent中,我们通过ref属性将ChildComponent的实例引用传递给父组件的callChildMethod方法,然后调用该方法。有时,我们需要从父组件调用子组件的方法。
前端(js+vue)选择题+判断题+问答题
前端js+vue选择题+判断题+问答题
WebAuthn 无密码身份认证
WebAuthn,全称 Web Authentication,是由 FIDO 联盟(Fast IDentity Online Alliance)和 W3C(World Wide Web Consortium)联合制定的一套新的身份认证标准,旨在为网络身份验证提供一种更强大、更安全的方式,使用户能够使
同步和异步的区别及优缺点 通俗理解
同步和异步的区别及优缺点 通俗理解
前端访问接口 自动携带Cookie (axios)
在跨域请求中,浏览器默认情况下不会自动携带跨域请求的 cookie。这是由于浏览器的同源策略(Same-Origin Policy)所导致的安全性限制。然而,可以通过设置一些选项来允许浏览器发送跨域请求时携带 cookie。将告诉浏览器在跨域请求中携带 cookie。但请注意,服务器也需要配置以允许
Vue 海康监控多屏幕展示 WebVideoCtrl 3.3.0
将WebVideoCtrl.js 和jquery 引入index.html 中。封装一个WebVideo.js。
后端返回文件流时前端如何下载文件
【代码】后端返回文件流时
【前端】Vue中引入excel模板并下载以及XLSX封装使用
我使用XLSX的场景,在我上传excel的时候,我需要获取它的表头以及里面的数据进行渲染到表格中,在我编辑的时候需要请求Excel的地址,将返回流转JSON也拿里面的表格数据。新增配置,在vue.config.js中,自己比较一下,最后一段新增的chainWebpack。src/assets/exc
vue3路由Router的配置和跳转
vue3路由Router的配置和跳转