- 博客(71)
- 收藏
- 关注
RSS订阅原创 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关注的人