草庐IT

前端-全景图-VR

全部标签

消灭前端闪烁魔鬼:Vue中的防抖术

消灭前端闪烁魔鬼:Vue中的防抖术前言什么是防抖动防抖的基本原理:防抖的应用场景:a.输入框输入事件:b.窗口大小调整事件:c.按钮点击事件:d.页面滚动事件:为什么需要让函数“冷静”一下?vue防抖动原理如何在vue中防止抖动防抖动的应用场景1.输入框搜索:2.窗口大小调整事件:3.按钮点击事件:4.滚动事件:5.用户输入验证:防抖动vs节流防抖动(Debouncing):实现示例节流(Throttling):区别对比:如何选择:最佳实践和注意事项前言在前端的世界里,用户操作如同一场狂风骤雨,而我们的页面则要顶住这些波澜汹涌的输入。有时候,我们希望页面在用户输入停止后再作出响应,以避免频繁触

前端小记--2.element-ui中级联选择器cascader如何默认展开下拉框

最近做项目时,遇到一个需求:在一个排班表中,展示人员的值班情况,点击单元格,弹出下拉框,修改人员排班信息。由于下拉框选择内容是树状结构,这里使用了element-ui中级联组件cascader,设置单选模式即可。但是在官方的文档中没找到默认展开下拉框的api,折腾了一番,只能去看下源码了。在cascader组件源码中发现有个toggleDropDownVisible,调用这个api接口实现下拉框展示与隐藏。...toggleDropDownVisible(visible){if(this.isDisabled)return;const{dropDownVisible}=this;const{i

Unity3D Pico VR 手势识别物体交互 适配 MRTK3

 当前Pico已经支持手势识别了,但是提供的PICOUnityIntegrationSDK中是没有手势和物体交互的功能,UnityXRInteractionToolkit提供的手势识别物体交互对Quest适配的挺好的,Pico当前只能用指尖点触还不能对物体进行抓握以及手势控制射线对物体进行交互。如要项目想要使用Pico手势识别物体交互的话,微软的MRTK3进行一些修改也在Pico上使用的,下面效果是我在Pico适配MRTK3的效果Unity开发PicoVR手势识别物体交互适配MRTK3案例MRTK3介绍: 版本说明 PicoSDK2.40,Pico OSv5.8.2 硬件Pico4Unity2

解决前端ELement UI时间控件el-date-picker提交时间误差8小时

问题前端使用框架与UI:Vue+ElementUI。在项目开发中使用到了DateTimePicker组件,在选择时间后点击查询发现查询导的内容与预期内容有所偏差,之后发现前端选中的时间在后端接收时相差了八个小时。原因我们国家的标准时间是东经120°时间(东八区),而标准时间是格林威治时间(世界时),两者相差了整整8小时。解决需要在el-date-picker中设置value-format属性,value-format=“yyyy-MM-ddHH:mm:ss”。el-date-pickerv-model="value"type="datetime"value-format="yyyy-MM-dd

电商交易系统的前端开发与用户界面

1.背景介绍电商交易系统是现代电子商务的核心,它为买家提供了方便、快捷、安全的购物体验。在电商交易系统中,前端开发和用户界面是非常重要的部分,因为它们直接影响到用户的购物体验和满意度。在过去的几年里,电商市场已经迅速发展,各种电商平台和应用程序都在不断涌现。随着用户需求的增加,电商交易系统的前端开发和用户界面也变得越来越复杂。本文将从以下几个方面进行阐述:背景介绍核心概念与联系核心算法原理和具体操作步骤以及数学模型公式详细讲解具体代码实例和详细解释说明未来发展趋势与挑战附录常见问题与解答1.1电商交易系统的发展历程电商交易系统的发展历程可以分为以下几个阶段:初期阶段(1990年代):在这个阶段

前端开发工程师

前端开发工程师的发展史  前端开发工程师,又叫web前端开发工和师,在国外早就有此职业,我国在2000年后开始兴起互联网,也就是在此时段开始,我国慢慢的就有了前端开发这个职业,慢发展进程持续到2013年2014年以后,前端开发工程师这个职业最终被重视,于是市场上便逐渐大量出现各类IT职业培训,其中就包括--前端开发工程师,由此,前端开发工程师便越来越受互联网行业的重视。什么是前端开发工程师  前端开发,从字面上来理解,那就是处于最前面的部分,目之所及,第一眼看到的东西,那对于互联网来说,前端部分,就是我们在上网时,首先呈现在大众眼前的页面。由此可见,前端开发工程师就是把客户需求、后端数据(要了

10个常考的前端手写题,你全都会吗?(下)

前言 📫大家好,我是南木元元,热爱技术和分享,欢迎大家交流,一起学习进步! 🍅 个人主页:南木元元今天接着上篇再来分享一下10个常见的JavaScript手写功能。目录1.实现继承ES5继承(寄生组合式继承)ES6继承2.获取URL参数split方法URLSearchParams方法3.手写reduce4.实现观察者模式5.实现发布-订阅模式6.异步控制并发数7.实现Promise.all8.使用setTimeout实现setInterval9.实现每隔一秒打印1,2,3,410.循环打印红黄绿结语1.实现继承ES5继承(寄生组合式继承)寄生组合式继承是对组合式继承(调用了2次父构造方法)的改

10个常考的前端手写题,你全都会吗?(上)

前言 📫大家好,我是南木元元,热爱技术和分享,欢迎大家交流,一起学习进步! 🍅 个人主页:南木元元今天来分享一下10个常见的JavaScript手写功能。目录1.实现new2.call、apply、bind实现call实现apply实现bind3.防抖和节流防抖节流4.实现instanceof5.实现Ajax6.深拷贝和浅拷贝浅拷贝深拷贝7.函数柯里化参数定长的柯里化参数不定长的柯里化8.数组扁平化9.数组去重10.手写类型判断函数结语1.实现new(1)首先创建一个新的空对象。(2)设置原型,将对象的原型设置为函数的prototype对象。(3)让函数的this指向这个对象,执行构造函数的代

VUE前端启动报错Module not found: Error: Can‘t resolve ‘sass-loader‘

这个错误提示一般就是因为缺少sass-loader原因,解决方法如下:1.首先查看项目中有无安装sass-loadernpmlssass-loader2.如果没有显示,或者显示的版本号为红色,那么就需要先安装sass-loadernpminstall--save-devsass-loader3.确认项目中已经安装sass-loader了,sass-loader是依赖于node-sass包的,如果没有安装node-sass,那么也会找不到sass-loadernpmlsnode-sass4,如果没有显示,或者显示的版本号为红色,那么就需要先安装node-sassnpminstall--save-

ios - 前端后端通信 iOS 应用程序

在网络开发中,数据库(例如mySQL)、后端(Python)和前端(HTML、CSS、JS)之间似乎有着明确的区别。在应用程序开发中,它似乎更加模糊。如果我有一个数据库托管在AWS或GAE等服务上,那将是我的数据库。而且,我对移动应用程序本身的看法是前端。后端代码在哪里?是在应用程序本身上用Objective-C编写的ViewController吗?DB所在的服务器上是否应该写逻辑,那就是后端代码?我想我真正想问的是-典型的通信线路如何与native移动应用程序配合使用?我在应用程序方面的唯一经验是创建可在本地工作并与BaaS提供商(如Parse.com)合作的应用程序。我是否想像上面