- 博客(71)
- 收藏
- 关注
原创 vue2页面渲染 两个数据一行 怎么渲染
let data=[“办公电脑”,“办公纸品”,“个护用品”,“销毁设备”,“桌面文具”,]在 Vue 2 中,你可以使用v-for 指令来遍历数据数组,并使用 CSS 来控制每行显示两个数据项。。
2024-07-15 18:22:30
341
原创 小米官网的数据是怎么优化的?
小米PC端官网首页的“全部商品分类”功能是用户浏览和选择商品的重要入口。通过上述步骤,可以有效地优化小米PC端官网首页“全部商品分类”功能的数据展示和用户体验,提升网站的整体性能和用户满意度。
2024-07-11 16:57:39
476
原创 git的下载流程,及使用方法,官网地址怎么找?
打开浏览器,输入git的官方网站地址:https://git-scm.com/(官网地址可能会有变动,请根据最新情况进行搜索)。在下载页面上,根据你的操作系统选择对应的安装程序进行下载(如Windows、Mac、Linux等)。在安装过程中,可以根据提示选择安装选项和安装路径。通过以上方式,你可以下载并安装git,并在命令行中使用git命令进行版本控制操作。这些只是git的一些常用命令,还有很多其他的命令和功能,可以通过。在命令行中,切换到你的项目目录,或者创建一个新的项目目录。下载完成后,运行安装程序。
2024-07-11 14:13:47
489
原创 vue3项目打包的时候,怎么区别测试环境,和本地环境
接下来,在你的代码中,你可以使用这些环境变量来标记你的接口。在Vue 3项目中,你可以在组件中使用。进行项目打包时,Vue CLI 会根据你的打包命令来读取对应的环境变量文件。在Vue 3项目中区别测试环境和本地环境,并标记接口的方法可以通过环境变量来实现。然后,你就可以根据不同的环境变量来确定接口地址。启动本地开发服务器时,Vue CLI 会默认读取。文件,并定义你的环境变量。首先,你可以在你的项目根目录下创建一个。来指定使用测试环境的配置文件。作为本地环境的配置文件,作为测试环境的配置文件。
2024-07-10 17:19:57
293
原创 常用的前端框架有哪些?
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。AngularJS是一个MVC模式的框架,但ReactJS是一个由Facebook开发的非MVC模式的框架。现在越来越多的前端框架开始出现,这为我们的项目需求带来了极大的方便。
2024-07-10 14:22:01
1400
原创 前端开发常用的框架有以下几种?
Vue:一套用于构建用户界面的渐进式框架,也是一个基于JavaScript的前端开发框架。Ember:一套用于构建大型Web应用的JavaScript框架,它提供了一套完整的工具和模式,以便开发者可以快速构建出高质量的应用。jQuery:一套用于JavaScript的快速、简洁的库,使HTML文档的操纵、事件处理、动画和Ajax等操作更加简单。Backbone:一个轻量级的JavaScript框架,用于构建单页面应用,它提供了模型-视图-控制器(MVC)的架构。它可以用于构建单页面应用和移动应用。
2024-07-10 14:20:22
303
原创 如何分析前后端bug?
前端购买商品—支付成功—信息落入数据库—点我的订单——调后端接口—后端从数据库取出相关信息—前端渲染展示商品和支付信息。【问】:在TB上购买了一件商品,并且成功支付,但是在订单里面却没有记录,你要如何分析定位这个问题?①如果抓不到这个接口,就是前端没有发出请求———————————————【前端问题】————————————【前端问题】②有请求并且响应了,返回报错:有可能是前端入参传的不对,导致后端报错。———————————————【前端问题】———————————————【后端问题】
2024-07-09 14:08:38
370
原创 vue 点击分页的时候列表数据getList就更新 列表参数id是动态的 每次点击分页id就报错怎么解决
= this.currentId) { // 更新列表前,这里做些必要的处理,比如清空旧的数据 this.list = [];参数,可能会遇到一些问题,比如如果列表服务没有正确处理动态ID请求,或者是API对单个ID的请求返回有误,这可能导致错误。方法内部添加适当的错误处理,例如使用Promise或async/await包裹,捕捉并处理可能出现的网络错误。:对于频繁的分页操作,可以考虑采用防抖或节流技术避免过于频繁地发送请求,防止因频繁变化而导致的错误。的变化,只在必要时触发请求。
2024-07-09 13:52:39
195
原创 前端优化方案有哪些?
3.4.1. 3.4.1 v-for 须为每一项设置唯- key 属性3.4.2. 3.4.2 v-for与 v-if。2 区分 computed 和 watch 的使用场景3.6.3.6 组件销毁时,需移除手动绑定的事件。1 区分 computed 和 方法 的使用场景。开启静态压缩时,前端打包时需准备好.gz 文件。Vue 内置 API 的使用注意。Moment.js 2.x的优化。ECharts 5.x的按需引入。Lodash 4.x的按需引入。Vue 内置指令的使用注意。UI 框架组件的按需引入。
2024-07-08 17:34:09
247
原创 html三级菜单
三级菜单</a></li><li><a href="#">三级菜单</a></li>-- <li><a href="#">一级菜单</a></li> --><li><a href="#">二级菜单</a></li><a href="#">二级菜单</a><a href="#">一级菜单
2024-07-05 14:02:55
856
原创 前端存储数据
localStorage.setItem(key, String), set的值必须是字符串,如果你的数据是对象都需要先行转换(JSON.stringify(xxx)),取出时localStorage.getItem(key),取出后的字符串可以通过JSON.parse(xxx) 转回对象。vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地。当刷新页面时,vuex存储的值会丢失,localstorage不会。vuex存储在内存;
2024-07-04 11:19:41
267
原创 权限系统的设计以及主流的五种权限模型
权限管控可以通俗的理解为权力限制,即不同的人由于拥有不同权力,他所看到的、能使用的可能不一样。对应到一个应用系统,其实就是一个用户可能拥有不同的数据权限(看到的)和操作权限(使用的)。:访问控制列表:自主访问控制:强制访问控制:基于属性的访问控制:基于角色的权限访问控制。
2024-07-04 10:39:38
667
原创 js多线程解决方案Web Worker简单说明与实例介绍
在上面的示例中,主线程创建了一个Web Worker,并将一个消息发送给Web Worker。Web Worker收到消息后执行一个耗时的操作,并返回结果给主线程,主线程通过监听Web Worker发送的消息来获取结果。通过将任务发送给Web Worker,主线程可以继续执行其他操作,同时Web Worker在后台完成任务。另外,Web Worker需要通过独立的JavaScript文件来定义处理函数,在上面的示例中,定义了一个名为。在Web Worker中定义一个处理函数,该函数会在后台执行。
2024-07-02 16:34:53
558
原创 安装node软件 文件夹里没有node_modules 包 是怎么回事
在安装Node.js时,它会自动创建一个名为node_modules的文件夹,并将相关的包安装到该文件夹中。
2024-07-02 09:33:23
563
原创 获取对象的长度。
方法来获取对象的所有属性,然后使用。属性获取属性的数量。获取属性的数量,即为对象的长度。要获取对象的长度,可以使用。对象的所有属性,然后使用。
2024-07-01 16:42:14
251
原创 Git 的基本概念和使用方式。
提交(Commit):提交是对代码的一个快照,包含了代码的修改和变动。仓库可以是本地的(本地仓库)也可以是远程的(远程仓库)。远程仓库(Remote Repository):远程仓库是存储在网络上的仓库,它可以与多个本地仓库进行同步和共享。拉取(Pull):拉取是将远程仓库的最新代码更新到本地的操作。推送(Push):推送是将本地仓库的代码更新到远程仓库的操作。这些是 Git 的基本概念和使用方式,你可以根据需求和具体情况使用这些命令来管理和跟踪你的代码。命令将本地的修改推送到远程仓库。
2024-07-01 16:29:02
507
原创 element-ui 表单的验证不生效可能有以下几种原因:v
表单组件没有加入到 el-form 中:element-ui 的表单验证是基于 el-form 组件的,如果没有将表单字段的组件包裹在 el-form 中,验证规则也不会生效。在自定义校验规则中,需要通过调用 callback 函数来返回验证结果,如果验证通过,则调用 callback(),否则调用 callback(new Error('错误信息'))。这里的 rules 属性中的 key 值需要与 form 对象中的字段名一致,否则验证规则不会生效。
2024-06-20 15:19:29
1336
原创 element-ui table表格 使用fixed导致表格错位,怎么解决?
2. 用css样式设置表格 .el-table_fixed{height: 100%!important;3.检查代码,表格初始化的时候,data数组不能为空。解决方法:1.调整表格高度。
2024-06-14 10:28:00
269
原创 场景:获取到的数据有1 2 3 1 3 1 2 当数据为3时候,通过,当数据为3 并且还有别的值,不论排序情况 一律弹出警告
this.$message.error(`仅支持评委工作资料打包下载!
2024-06-11 09:25:34
275
原创 npm err! cb() never called! npm err! this is an error with npm itself. pleas 问题
如果网上的很多指令,你用了都不可以,那就是npm和node版本不兼容问题。直接把node版本升级成20,绝对有效。
2024-03-08 15:36:22
463
原创 vue2 methods 下的init()是固定写法么?属于初始化么,怎么理解这个方法呢
方法的源码非常复杂,是 Vue 框架的核心之一。它负责将 Vue 实例中的配置项进行初始化,并将其转化为响应式的数据,同时还会执行一些初始化的逻辑。是一个固定的方法,用于初始化Vue实例。它是在 Vue 实例创建时自动调用的。方法是 Vue 实例的初始化方法,用于处理各种配置项和初始化的相关操作。
2023-12-21 09:56:33
1108
原创 vue2 组件生命周期如何使用,及运用场景?
Vue2 组件的生命周期钩子函数可用于实现一些特定的功能和操作,以下是几种常见的运用场景:数据初始化:在 created 钩子函数中进行数据的初始化操作,如发起异步请求获取数据,然后将数据保存到组件的 data 属性中。DOM 操作:在 mounted 钩子函数中进行 DOM 操作,如使用 jQuery 插件对组件的 DOM 元素进行初始化设置。
2023-12-20 15:33:55
540
原创 我的创作纪念日——人工智能(AI)是一种模拟人类智能的技术
人工智能(AI)是一种模拟人类智能的技术,它使计算机或机器能够模拟人类的思维和行为。在现代科技中,人工智能已经成为各个领域的关键技术,包括医疗保健、金融、交通、制造业等。在医疗保健领域,人工智能被用于辅助医生进行诊断和治疗。通过分析大量的医疗数据,人工智能可以提供更准确的疾病诊断和治疗建议,帮助医生做出更好的决策。在金融领域,人工智能被广泛应用于风险评估和投资决策。通过分析大量的金融数据和市场趋势,人工智能可以预测股市的走势,帮助投资者做出更明智的投资决策。在交通领域,人工智能被用于自动驾驶技术。
2023-12-19 13:03:33
509
原创 vue生命周期 应用场景有哪些?
onLoad函数:一个页面只会被调用一次,可以在onLoad中获取当前页面所调用的 query 参数。onReady函数:一个页面只会调用一次,表示页面已经准备完成,可以和视图层进行交互。示例:onLoad:function(options){}示例:onLaunch:function () {},示例:onError:function () {}示例:onUnload:function(){}示例:onReady:function(){}示例:onShow:function(){}
2023-12-12 17:56:06
409
原创 防抖 节流
都可以通过使用 setTimeout 实现、目的都是,降低回调执行频率。节省计算资源:函数防抖,在一段连续操作结束后,处理回调,利用clearTimeout 和 setTimeout实现。函数节流,在一段连续操作中,每一段时间只执行一次,节流函数是以固定的频率去触发需要执行的函数函数防抖,关注一定时间连续触发的事件,只在最后执行一次,延迟函数的执行。
2023-10-10 16:18:54
71
原创 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
1、DNS解析在浏览器输入URL后,首先要经过域名解析。浏览器通过向 DNS 服务器发送域名,DNS 服务器查询到与域名相对应的 IP 地址,然后返回给浏览器,浏览器再将 IP 地址打在协议上,同时请求参数也会在协议搭载,然后一并发送给对应的服务器。
2023-10-10 14:12:02
108
原创 什么是闭包,应用场景是什么?
封装变量:由于闭包可以访问函数外部的变量,因此可以使用闭包来封装私有变量,避免变量被外部访问和修改,从而保证程序的安全性和稳定性。延迟执行:由于闭包可以访问函数外部的变量,因此可以用闭包来实现某些需要延迟执行的操作,例如setTimeout等。缓存变量:由于闭包可以访问函数外部的变量,因此可以用闭包来缓存一些计算结果,避免重复计算,提高程序的性能。实现回调函数:由于闭包可以访问函数外部的变量,因此可以用闭包来实现一些回调函数的功能,例如事件处理函数等。闭包就是函数和函数内部能访问到的变量的组合。
2023-10-09 17:23:03
176
原创 css的优先级排序?
important使用后不利于后期的调试,尽量用子代,后代叠加权重值 */important>行内样式>#id>.class>标签(div,p…important!权重值无穷大,但也可以计算. 例如。2.行内样式: 行内样式的权重值为1000。3.#id id的权重值为 :100。/* 该权重值就大于上方*/4.class的权重值为 10。5.元素选择器权重值为 1。
2023-10-08 10:16:51
295
原创 前端的限流主要是通过什么方式实现的?
节流:在一定时间内,只允许某个事件执行一次,例如在用户连续点击某个按钮时,只有在一定时间间隔内让第一次点击事件执行,之后忽略其他点击事件。防抖:在一定时间内,只允许某个事件的最后一次执行,例如在用户输入搜索关键词时,只有在用户停止输入之后才会发起一次请求。限制请求次数:在一定时间内,限制某个请求接口的调用次数,例如在某个页面中,只允许用户频繁刷新页面或发送请求的次数有限。限制请求速率:在一定时间内,限制某个请求接口的调用速率,例如在某个页面中,只允许用户在一定时间内发送一定数量的请求。
2023-09-22 15:10:19
537
原创 Vu3和React,它们各自的优点和适合的项目类型。
Vu3和React都是流行的JavaScript框架,它们有各自的优点和适合的项目类型。需要注意的是,以上只是一些适合使用Vu3或React的项目类型,具体使用哪个框架要根据实际情况来决定。
2023-09-22 14:43:54
411
原创 Vue3项目关于轮播图的封装应该怎么封装才是最简单的呢
在setup中,使用ref来定义currentIndex和timer变量。在onMounted和onUnmounted钩子中,分别启动和停止轮播循环。在Vue3中,可以使用组合API和ref来封装一个简单的轮播图组件。在模板中,使用v-for来遍历数据列表,并根据currentIndex来设置当前展示的轮播图。最后在样式中,定义基本的轮播图样式。
2023-09-22 14:27:43
212
原创 Vu3代码主体优点相比Vu2来说,凸显在哪儿了?
Vue3相对于Vue2在性能、类型推导、组合API、响应式系统、可维护性和可测试性等方面都有了大幅度的提升,因此在实际开发中使用Vue3能够带来更好的开发体验和更高的开发效率。
2023-09-22 11:24:55
247
2
原创 vue3 的方法 ,都怎么运用,使用场景多在什么时候。
这些方法在开发中有不同的使用场景,通常根据需求来选择不同的方法。比如,ref用于获取DOM元素、存储简单的数据;reactive用于存储复杂的数据;computed用于根据响应式数据计算出其他数据;watchEffect用于监听响应式数据的变化等。
2023-09-21 11:41:01
205
原创 vue3带来了什么?
重写虚拟DOM的实现和Tree-Shaking,用于去除未使用的JS代码。开发环境钟,无需打包,可以快速的冷启动--动态地根据路由来加载对应模块。特性1.Composition API(组合API)移出keyCode支持作为v-on的修饰符。vite是新一代前端构建工具,有如下优势。真正的按需编译,不再等待整个应用编译完成。初次渲染快55%,更新渲染快133%3,更好地支持Typescript。watch和watchEffect。data选项应始终被声明为一个函数。特性2.新的内置组件。
2023-09-20 10:23:31
35
空空如也
移动端查看pc端的表格
2022-12-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人