
笔记
文章平均质量分 50
Winson℡
The important thing in life is to have a great aim,and
determination to attain it.
展开
-
macOs在vscode编辑器的cmd中,比如npm i 总是提示权限不够需要sudo
而不小心导致文件权限问题,最好以后尽量避免使用 sudo npm 安装依赖,除非特别需要管理员权限。npm 推荐的做法是使用用户权限来管理依赖和包缓存。这个问题是因为在使用 npm 时,某些文件夹(如 .npm 缓存目录)被误设置为 root 权限,导致你在没有。mac Os Apple M2 Pro在vscode 编辑器的cmd中比如npm i 总是提示权限不够,总要。如果你怀疑缓存已经被破坏,也可以清理 npm 缓存。这个命令会把 .npm 文件夹及其内容的所有者修改为你当前的用户名。原创 2025-02-13 14:07:19 · 612 阅读 · 0 评论 -
vue3 提取图片颜色-前端方案
目前提取图片颜色比较常用的主题色提取算法有:最小差值法、中位切分法、八叉树算法、聚类、色彩建模法等,在这里我选择了中位切分法进行实现。转载 2022-06-09 17:25:09 · 2984 阅读 · 0 评论 -
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 点击显示popover 阻止在字段排序
使用elemen的render-header在funcion中 用createElement 创建虚拟DOM。首先创建SelectHeader.vue组件由于element内置icon的search长这样我找了个合适的需要注意的使用的element内置的排序sortable 那么在点击整个表格头部区域时 都会触发排序故在点击搜索icon的时候也会排序,影响体验,需要阻止这个排序用@click.stop=“popClick” 来阻止默认的排序<template> <e原创 2021-08-18 14:57:51 · 4246 阅读 · 2 评论 -
TypeError: data.map is not a function
下面的代码报错TypeError: data.map is not a functionlet nameList = data.map(item => item.name);原因1:data不是数组解决方法:将data转换为数组let data = Array.from(data);...原创 2021-07-16 15:58:34 · 11189 阅读 · 0 评论 -
客户端本地测试集成打包
1.npm run lib 是插件打包,npm run build是文件打包,所以打包走的是npm run lib,打包完成之后通过(npm publish)命令发布到vnpm上,前提是指定的发包路径是–registry=http://registry.vnpm.vipkid.com.cn本地测试打包:npm run lib然后npm pack,这就会在本地生成一个包,然后拷在项目中npm i 包名,就会本地安装项目中2.publish包的话你们没权限,就先给你说这个流程本地测试打包:npm run原创 2021-07-16 15:57:29 · 559 阅读 · 0 评论 -
elementui 更改 el-table 表头样式及修改el-table表格边框的注意事项
<el-table :header-cell-style="{background:'#eee',color:'#606266'}">...</el-table>header-cell-style是表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。转载 2021-07-08 14:41:04 · 28210 阅读 · 0 评论 -
表单校验使用forEach提交表单时如何终止循环,解决element消息提示重叠
1.使用try{ //forEach循环体 }catch(error){},循环体中使用throw new Error('end') // 终止循环如下:try { this.list.forEach(item => { ..... throw new Error('end') }) } catch(err) { console.log('err',err) }// 实例 confirm() { try { this.quest原创 2021-06-24 14:06:33 · 560 阅读 · 0 评论 -
打包代码上传之脚本未编译(部署后页面(以及代码)未更新)
愉快的一天一般从遇到问题时结束。问题描述:在更新本地代码提交后-git push,需要部署到测试环境测试,在代码部署完后发现了新的问题----修改后的页面未更新,于是我打开代码仓库,发现代码已经提交,并且已有提交记录,在重新部署代码无果后,果断摇人 找人。人说:“你脚本里定义的编译过程有问题”。我的原脚本配置文件://重点关注这agile.js:#################### 线上环境编译###################build: # 配置node服务环境 env:原创 2021-03-23 11:46:23 · 404 阅读 · 0 评论 -
Vue之watch监听对象中某个属性的方法
新建 userinfo = { name: “小明”, age: “18”, }vue中watch监听name的方法1. 可以结合计算属性的方法实现{ ...... watch: { nm () { console.log(this.nm) } }, computed: { nm () { return this.userinfo.name } } ...... }2. 可以通过配置 deep 为true实现//原创 2021-01-05 15:28:25 · 423 阅读 · 0 评论 -
vue解决弹出框与背景页面出现两个滚动条的问题
首先,我遇到的是某个憨憨用transition(动画)写弹出框,导致弹出框有个滚动条,入口页面(以下简称背景页)也有一个滚动条,当弹出框显示时,背景页的滚动条仍起作用。那么,我们要知道背景页的滚动条在哪个DOM节点上。我在两个DOM节点使用overflow:hidden;,找到起作用的节点位置。解决方案(仅限于没用抽屉组件或者用动画写弹出框的’憨憨’):一般使用布尔类型控制弹出框显示隐藏的话,可以使用watch监听控制样式1.使用ocument.querySelector(‘body’)找到节点原创 2020-12-03 18:52:01 · 5102 阅读 · 0 评论 -
跨域问题-同源策略
跨域问题的产生:请求数据的接口中的协议、域名、端口号与浏览器的协议、域名、端口号中全部或者某一项不一致导致的。源:指的是协议、域名、端口号解决跨域问题的方法:JSONP、CORS原创 2020-10-28 20:17:50 · 175 阅读 · 0 评论