logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错

原因可能是没有清楚上一次安装的包,npm install命令并不会主动清除上次安装的包,而上次安装的包可能不完整,包与包之间又有依赖关系,结果自然就会出错。1.1 直接右键删除,删除C:\Users\用户名.npmrc 这个文件。1.2 通过命令 npm cache clean --force 删除。1.1 直接右键删除,但依赖过多时,删除速度慢。1.2 通过安装rimraf来删除。sass-lo

#sass#vue.js#前端 +2
JavaScript 数组的concat()、slice()和splice()

文章介绍了数组的三个操作方法concat()slice()和splice()。concat()和slice()方法都不会影响原数组,会在原数组上构建出一个新数组。其中concat()方法在原数组末尾添加所传的数组项(简单点看有类似于push()方法),构建一个新数组;slice()方法可以从指定的位置开始删除指定的数组项,并且将删除的数组项构建成一个新数组。splice()方法就更强大了,可以对一

文章图片
#javascript#vue.js#前端
JavaScript 如何对大量的 if-else 判断进行优化

在讲优化方案前先来了解常见的if-else结构类型。所谓的【面条代码】,常见于对复杂业务流程的处理中。内容长结构乱嵌套深主流的编程语言均有函数或方法来组织代码。对于面条代码,不妨认为它就是满足这几个特征的函数吧。if...if型、型。if...if。

文章图片
#javascript#vue.js
(三)什么是Vite——Vite 主体流程(运行npm run dev后发生了什么?)

vite命令是在哪里注册的呢,在 node_modules/vite/package.json 中查看bin字段。vite启动的时候,会执行 bin 目录下的 vite.js 文件,在这个文件里面我们会看到获取了当前的电脑的 绝对路径 ,如果不包含 node_module 路径,就需要引入 source-map-support 这个包来处理,如果是相对路径则会进行路径补全,当然在 dev 环境下都

文章图片
#前端
JS判断是否存在某个元素(includes、indexOf、find、findeIndex、some)(every 数组内所有值是否相同)

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。some() 方法会为 array 中的每个元素调用 callbackfn 函数,直到 callbackfn 返回 true,或直到到达数组的结尾。array.findIndex() 和 array.find(),这两个方法都可以发现NaN,弥补了array.index

文章图片
#javascript#前端
avue-curd table表格错位 多出来空白的一列

1.页面样式存在 该代码时, 使得 avue 弹框内的 table 原本的 0px 的空白列被扩充,造成表格错位。解决方法一: 将上述代码 放到 表格的类 里面, 防止污染弹框内的table。1. 切换页面,列表表格错位(有时刚进入页面也会错位)方法三: 去掉表格每列的 width,使其自动填充。方法二:样式加入如下代码。

#html#javascript#前端
实现动态路由缓存:解决不同路由复用同一组件时,vue缓存(keep-alive) 同时删除的问题 (解决缓存同一个组件不同的页面,如何移除某个页面时不影响其他同组件的页面的问题)

本文主要解决缓存同一个组件不同的页面,如何移除某个页面时不影响其他同组件的页面的问题。更改keep-alive源码使自定义key为path,根据页面路由判断缓存。动态路由页面,同时打开多个详情页(例:路由为/detail/:id的两个详情页/detail/1,/detail/2),当关闭/detail/1标签页时,/detail/2的页面缓存也会被清除。

文章图片
#vue.js#前端#javascript
前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。编译项目时动态生成一个记录版本号的文件。轮询(20s、自己设定时间)这个文件,判断版本号,有新版本则通知用户刷新页面。

文章图片
#前端#javascript#vue.js
使用u-table/ux-grid虚拟滚动解决el-table数据量大渲染卡的问题、及表格根据浏览器大小动态调整高度问题

u-table的使用方法和el-table没什么区别。这里必须加的两个属性,不加的话无法实现虚拟表格,页面一样会卡死,第一个,use-virtual 开启虚拟滚动,第二,个 height 必须限制高度,这两个不加就是普通表格,加了之后就是虚拟表格。若想根据浏览器大小动态设置表格高度,可以通过vuex将屏幕大小的数据存储起来,通过监听屏幕大小,动态设置表格高度。新建umy-ui.scss文件,并引入

文章图片
#css#前端#vue.js +1
前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案二:轮询去判断服务端的index.html是否跟当前的index.html的脚本hash值一样

当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。根据打完包之后生成的script src 的hash值去判断,每次打包都会生成唯一的hash值,只要轮询去判断不一样了,那一定是重新部署了。

文章图片
#javascript#前端#html
    共 22 条
  • 1
  • 2
  • 3
  • 请选择