- 博客(95)
- 收藏
- 关注
RSS订阅原创 js数组方法 例题: some every find filter forEach map
{name: '小金毛', type: 'dog', isNeutered: true, age: 18},{name: '小金毛', type: 'dog', isNeutered: true, age: 18},{name: '旺旺', type: 'dog', isNeutered: true, age: 3},// find 一旦符合判断条件，马上结束循环 返回结果。// every 一遇到符合条件，马上结束循环，返回结果。// filter 走完全部的循环，在返回结果。
2024-12-19 15:34:32
278
原创 表格中的table-layout属性讲解 定义和用法
table-layout 属性用来显示表格单元格、行、列的算法规则。固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。如果指定了单元格的宽度，则会按指定的宽度限定每个单元格宽度，跟内容无关（如果指定的是比例，会永远保持这个比例），这样就可能出现内容飘到单元格之外的情况。如果没有指定单元格的宽度，则会根据table的总宽度平分到每个单元格。此算法有时会较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。
2024-12-17 10:57:53
566
原创 div标记内的表溢出到div外部 涉及屏幕自适应
是指当表格内容过多，超出了div标记的宽度限制，导致表格的部分内容无法完全显示在div内部，而溢出到div的外部。这样当表格内容超出div的宽度时，会在div内部显示一个滚动条，用户可以通过滚动条来查看溢出的内容。这样表格会根据div的宽度自动调整列的宽度，确保表格内容不会溢出到div的外部。这样在屏幕宽度小于768px时，表格会自动调整布局，以适应较小的屏幕尺寸。
2024-12-16 15:27:04
180
原创 js方法 some和every 循环数组
every() 方法,遍历当遇见不符合条件的值的时候 马上返回布尔值。some() 方法,把数据的值都遍历一遍 最后返回布尔值。some和every 都不改变原数组。
2024-12-06 13:54:47
146
原创 html css弹框
top: 0;bottom: 0;left: 0;right: 0;top: 50%;left: 50%;.close{right: 0;top: 0;</style>按钮</div><div>这里是要显示的地方</div></div></div>
2024-12-05 09:09:16
285
原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
的值，不能再子组件中修改，props 父级传递给子。
2024-12-03 15:49:12
181
原创 集合里 把数组中 过滤掉为空值的对象
return (obj.cur!== "" ||obj.der!== "" ||== "" ||obj.name!== "" ||obj.fouven!== ""});
2024-11-20 15:44:51
154
原创 数据处理 对象字符串，变成集合类型数组前套对象。
前端怎么把arr的数据变成newarr格式的。item:"农、林、牧、渔业"，A: "农、林、牧、渔业"item:"请选择"，item:"采矿业"，
2024-09-19 16:41:13
143
原创 el-steps 组件报这个错 type check failed for prop “active”. Expected Number with value 1, got String with v
是 Element UI 提供的一个步骤条组件，它用于显示一系列有序的步骤。当你遇到 “type check failed for prop “active”.” 错误，意味着你在设置。属性时传入了一个预期应该是数值类型的值，但是实际上传递的是字符串类型。的值是数字 1，但实际接收到的却是字符串 “1”。时提供的是一个有效的数字，而不是字符串形式。属性通常表示当前激活的步骤编号，应当是一个整数。修复这个问题的方法是确保你在绑定。在这个错误中，期望的。
2024-09-18 10:42:56
411
原创 场景：获取到的数据有1 2 3 1 3 1 2 当数据为3时候，通过，当数据为3 并且还有别的值，不论排序情况 一律弹出警告
this.$message.error(`仅支持评委工作资料打包下载!
2024-09-11 17:34:53
231
原创 vue2页面渲染 两个数据一行 怎么渲染
let data=[“办公电脑”,“办公纸品”,“个护用品”,“销毁设备”,“桌面文具”,]在 Vue 2 中，你可以使用v-for 指令来遍历数据数组，并使用 CSS 来控制每行显示两个数据项。。
2024-07-15 18:22:30
541
原创 小米官网的数据是怎么优化的？
小米PC端官网首页的“全部商品分类”功能是用户浏览和选择商品的重要入口。通过上述步骤，可以有效地优化小米PC端官网首页“全部商品分类”功能的数据展示和用户体验，提升网站的整体性能和用户满意度。
2024-07-11 16:57:39
568
原创 git的下载流程，及使用方法，官网地址怎么找？
打开浏览器，输入git的官方网站地址：https://git-scm.com/（官网地址可能会有变动，请根据最新情况进行搜索）。在下载页面上，根据你的操作系统选择对应的安装程序进行下载（如Windows、Mac、Linux等）。在安装过程中，可以根据提示选择安装选项和安装路径。通过以上方式，你可以下载并安装git，并在命令行中使用git命令进行版本控制操作。这些只是git的一些常用命令，还有很多其他的命令和功能，可以通过。在命令行中，切换到你的项目目录，或者创建一个新的项目目录。下载完成后，运行安装程序。
2024-07-11 14:13:47
1612
原创 vue3项目打包的时候，怎么区别测试环境，和本地环境
接下来，在你的代码中，你可以使用这些环境变量来标记你的接口。在Vue 3项目中，你可以在组件中使用。进行项目打包时，Vue CLI 会根据你的打包命令来读取对应的环境变量文件。在Vue 3项目中区别测试环境和本地环境，并标记接口的方法可以通过环境变量来实现。然后，你就可以根据不同的环境变量来确定接口地址。启动本地开发服务器时，Vue CLI 会默认读取。文件，并定义你的环境变量。首先，你可以在你的项目根目录下创建一个。来指定使用测试环境的配置文件。作为本地环境的配置文件，作为测试环境的配置文件。
2024-07-10 17:19:57
541
原创 常用的前端框架有哪些？
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。AngularJS是一个MVC模式的框架，但ReactJS是一个由Facebook开发的非MVC模式的框架。现在越来越多的前端框架开始出现，这为我们的项目需求带来了极大的方便。
2024-07-10 14:22:01
1754
原创 前端开发常用的框架有以下几种？
Vue：一套用于构建用户界面的渐进式框架，也是一个基于JavaScript的前端开发框架。Ember：一套用于构建大型Web应用的JavaScript框架，它提供了一套完整的工具和模式，以便开发者可以快速构建出高质量的应用。jQuery：一套用于JavaScript的快速、简洁的库，使HTML文档的操纵、事件处理、动画和Ajax等操作更加简单。Backbone：一个轻量级的JavaScript框架，用于构建单页面应用，它提供了模型-视图-控制器（MVC）的架构。它可以用于构建单页面应用和移动应用。
2024-07-10 14:20:22
384
原创 如何分析前后端bug？
前端购买商品—支付成功—信息落入数据库—点我的订单——调后端接口—后端从数据库取出相关信息—前端渲染展示商品和支付信息。【问】：在TB上购买了一件商品，并且成功支付，但是在订单里面却没有记录，你要如何分析定位这个问题？①如果抓不到这个接口，就是前端没有发出请求———————————————【前端问题】————————————【前端问题】②有请求并且响应了，返回报错：有可能是前端入参传的不对，导致后端报错。———————————————【前端问题】———————————————【后端问题】
2024-07-09 14:08:38
425
原创 vue 点击分页的时候列表数据getList就更新 列表参数id是动态的 每次点击分页id就报错怎么解决
= this.currentId) { // 更新列表前，这里做些必要的处理，比如清空旧的数据 this.list = [];参数，可能会遇到一些问题，比如如果列表服务没有正确处理动态ID请求，或者是API对单个ID的请求返回有误，这可能导致错误。方法内部添加适当的错误处理，例如使用Promise或async/await包裹，捕捉并处理可能出现的网络错误。：对于频繁的分页操作，可以考虑采用防抖或节流技术避免过于频繁地发送请求，防止因频繁变化而导致的错误。的变化，只在必要时触发请求。
2024-07-09 13:52:39
253
原创 前端优化方案有哪些？
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
273
原创 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
1028
原创 前端存储数据
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
348
原创 权限系统的设计以及主流的五种权限模型
权限管控可以通俗的理解为权力限制，即不同的人由于拥有不同权力，他所看到的、能使用的可能不一样。对应到一个应用系统，其实就是一个用户可能拥有不同的数据权限（看到的）和操作权限（使用的）。：访问控制列表：自主访问控制：强制访问控制：基于属性的访问控制：基于角色的权限访问控制。
2024-07-04 10:39:38
955
原创 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
623
原创 安装node软件 文件夹里没有node_modules 包 是怎么回事
在安装Node.js时，它会自动创建一个名为node_modules的文件夹，并将相关的包安装到该文件夹中。
2024-07-02 09:33:23
1635
空空如也
移动端查看pc端的表格
2022-12-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人