- 博客(18)
- 收藏
- 关注
RSS订阅原创 性能优化之vue3长列表虚拟滚动及拖拽排序结合
以上代码中最重要的是，在虚拟滚动进行渲染时，数据是 visibleList ，在拖拽排序监听的数据也是visibleList，如果渲染及监听数据不一样，会在拖拽排序时出现奇奇怪怪的问题~背景：项目有一个长列表（可编辑每行都有很多下拉选），此长列表在数据量大于20条后在选择下拉选时，下拉展示就会变得异常的卡，为了解决这一问题，想到了虚拟滚动；但是虚拟滚动只展示的当前视口的数据，拖拽排序会有问题，为了解决这一问题，只能控制拖拽拖拽排序只能在当前视口，不可以拖拽超越视口。
2024-10-25 16:24:08
372
原创 npm install 时报错：npm ERR! code ETIMEDOUTnpm ERR! syscall connectnpm ERR! errno ETIMEDOUT
但是需要注意的是，关闭SSL验证会使你的npm操作不安全，因为它会绕过SSL证书的验证，使你的数据传输存在被中间人攻击的风险。因此，除非必要，否则不建议关闭SSL验证。通常在某些情况下可能因为网络问题、证书过期或者证书不受信任导致无法正常安装包，这时候就可以通过关闭npm的SSL验证来解决问题。有时候，npm 的缓存可能会导致问题。您可以尝试运行以下命令清除缓存。如果您使用的是默认镜像， 下载依赖比较慢，可以尝试更改淘宝镜像源！// 查看当前的镜像设置。
2024-05-27 12:06:55
1116
原创 react报错：Uncaught SyntaxError: Unexpected token ‘＜‘ (at react.html:18:7)
react初体验
2024-05-23 11:46:20
357
原创 layui 表格渲染后表头与表体边框线错位不对齐（已解决）
以上两种问原因都试了也没有找到原因所在，后来我又认真的看了一下我的样式代码，发现在layui.css文件中有一个border-left：none；的属性取消后样式正常。1.有的说是因为表格渲染的时候有多余逗号，但是我检查我的代码后并没有发现；2.有的说是因为右侧的滚动条宽度产生的，但是我的数据很少并没有出现滚动条；由图可见，并不是很大的错位，只是一小部分没有对齐。
2024-02-21 14:01:33
1161
2
原创 报错：npm ERR! network request to https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz failed
后来查询资料说使用淘宝镜像就可以了，所以我就试了试结果成功了！当时这个项目搭建人在搭建的时候node版本为20.9.0,我看了我这边的node版本并没有错，所以不是版本的问题。
2023-12-12 15:06:20
1036
1
原创 前端js+css表格自动滚动播放-方法
背景：项目是做大屏需要在表格上做一些表格实时滚动播放，这时候以下可以快速帮你实现此功能，话不多说，直接展示~css最好将表格的overflow设置为hidden以上就可以做出表格自动滚动的效果啦。注意：#project_table_tbody是我命名的table的名字。
2023-11-28 10:10:36
1996
转载 CS架构、BS架构的理解
B/S（Browser/Server Architecture）架构：浏览器—服务器架构模式，采取三层结构，通过浏览器的方式来实现用户工作界面，事务逻辑主要集中在服务器端实现。C/S（Client-Server）架构定义：客户端—服务端架构模式，采用两层结构，服务器负责数据的管理，客户机负责完成与用户的交互任务。
2023-08-02 11:11:43
3185
原创 安装angular到指定版本
在运行ng serve的时候会报错ng不是内部命令，这是因为你的node环境上海没有安装angular/cli，所以我们安装上后再ng serve项目就可以正常运行了！5、安装cnpm，相当于一个中国的npm镜像。如果出现版本号则说明未卸载干净。1、卸载旧版本angular。2、清除缓存，确保卸载干净。6、查看angular版本。3、检查是否卸载干净。
2023-04-06 14:44:19
3146
1
原创 vue3在运行时路由可以正常跳转，但是页面空白，刷新页面恢复正常[已解决]
其实本质上，一个单文件组件会被各种各样的loader处理成为.js文件（因为当你import一个单文件组件并打印出来的时候，是一个vue实例），通过template的任意性我们知道，template包裹的HTML可以写在任何地方，那么对于一个.vue来讲，这个template里面的内容就是会被vue处理为。打给比方来说，一个 Vue 实例只拥有一个钥匙，一个钥匙只能开一把锁，但是页面上有很多把锁，如果你不说清楚它是哪把锁的钥匙，Vue 实例就不知道接下来要怎么做了，所以页面顺其自然的就不会进行渲染了~
2023-03-20 10:01:40
4019
7
原创 在终端执行npm install的时候报错+终端在执行yarn serve的时候报错
使用npm install安装依赖之后，有时候存在网络或其他问题安装不上个别依赖，其项目失败，报错当启项目时报错：Error: EPERM: operation not permitted, unlink
2023-03-07 10:44:04
593
原创 使用NVM切换nodejs版本失效并报错乱码[已解决]
比如默认安装路径C:\Program Files中出现了空格，如果有，更改路径或文件夹名称后再使用nvm use (我这里是直接重新下载了一个nodejs改掉了默认路径C:\Program Files ---> 改为了D:\nodejs就可以用了)如果有，且安装过程中选择合并了以前版本，可以删除nvm中所有nodejs版本（主要是安装nvm前就有的版本），重新安装所需nodejs，再运行nvm use。①检查安装nvm路径与设置放置nodejs的路径或文件，是否出现空格或中文。
2022-10-13 15:02:49
2086
转载 MVC MVP MVVM三者的区别与联系
在开始正式讲解之前，先举一个例子，如图1所示。这是一个很简单的计数器，单击“减”按钮，数字就会减 1；单击“加”按钮，数字就会加 1。图1：MV 系列框架例子接下来需要知道的是，在 MV 系列框架中，M 和 V 指 Model 层和 View 层，但是其功能会因为框架的不同而变化：虽然在不同的框架中， View 层和 Model 层的内容可能会有所差别，但是其基础功能不变，变的只是数据的传输方式。下面就从这个例子开始了解 MV 系列框架的概念。MVC 框架是 MVC、MVP、MVVM 这3个框架中
2022-07-13 08:11:18
2172
原创 如何用原生js代码判定一个数是不是质数?
问题思路:质数判定的条件是: 质数的因数只有它本身和1具体代码如下:<script type="text/javascript"> var a = Number(prompt("请输入一个数字")); // 先设置一个判定条件 var f = true; // 声明的b，相当于a的因数 for(b = 2; b<a; b++){ // 判断输入的数是否是
2022-05-04 21:11:24
157
空空如也
在使用miniui TreeGrid 懒加载必须使用post方法吗
2022-10-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人