
前端工作笔记
文章平均质量分 57
卖猪的小男孩
给各位颁发,秃灵奖;
展开
-
work-notes(23):结合typora、git、gitee实现云存储笔记完成的操作过程
由于很想找一个好用,又有云存储的笔记软件。之前用过 有道笔记(还行,量大了难找)、Notion(服务器在外网,图片存不上去【翻墙可以】),其他就不说了。原创 2023-03-08 14:25:33 · 1156 阅读 · 1 评论 -
work-notes(21):element时间选择框,当clearable清除时间时,发现点击搜索请求变成了1970-01,而不是空,如何解决?
elemenUI时间选择框,当clearable清除时间时,搜索时间变成了1970-01,而不是空;原创 2022-07-05 15:09:03 · 1822 阅读 · 3 评论 -
work-notes(19):JS 引用类型数据,明明输出可以看得到数据,为什么取值却为空,或者对值判断或操作时 undefined 找不到?
就是明明数组、对象等可以输出看得到数据,但取不到值;取值都是 undefined ;因为这些都是引用类型数据,代码写的是在操作之后输出,但是实际上在操作之前进行输出,所以为空;为什么能输出: 因为只是简单的 = (赋值),指向地址,数据可以输出,但是实际上输出的变量是没有存值的;.........原创 2022-06-28 10:24:12 · 2504 阅读 · 2 评论 -
work-notes(18):npm run build 报错 文件名、目录名或卷标语法不正确 yarn问题?
npm run build 报错 文件名、目录名或卷标语法不正确 yarn问题?原创 2022-06-24 14:25:11 · 1336 阅读 · 0 评论 -
work-notes(17):vue2 表格 prop 数据绑定的是一个动态添加的值,发现刷新时出不来,但是表格点击其他页面或表格大小变化的时候就能出来
vue2 数组动态添加属性,渲染出现问题原创 2022-06-16 20:29:55 · 472 阅读 · 0 评论 -
work-notes(16):elementUI 的时间选择器如何添加选择时间格式,例如选择今天起往后7、15、30天
elementUI 的时间选择器如何添加选择时间格式,例如选择今天起往后7、15、30天原创 2022-06-15 11:34:32 · 419 阅读 · 0 评论 -
work-notes(15):私服报错401,Sonatype Nexus Repository Manager,may not contain non-url-safe chars如何解决?
时间:2022-05-30文章目录问题描述回归重点,code 401 认证失败问题如何解决1、找到node本地文件 .npmrc2、删除里面的地址和 token3、重新登录4、总结问题描述报错:code 401npm ERR! Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manager"解释:1、正常情况是因为没有通过登录进入私服;2、如果之前登录好好的突然哪一天不行的话,就是过期还是什么问题等;原创 2022-05-30 10:54:50 · 1492 阅读 · 0 评论 -
work-notes(14):路由跳转如何传值,VUE3.0 路由如何携带参数传值?
时间:2022-05-23文章目录问题描述解决思路路由跳转如何携带参数(1)VUE2.0 方式1、router-link 方式2、this.$router.push() 方式3、获取参数方式(2)VUE3.0 方式解析1)引入路由2)使用3)取值问题描述1、项目需要制作类似于面包屑的网页跳转,就是点击某个按钮(菜单栏)等, 把某个区域跳转到一个新的页面; 2、之前的代码发现是使用 v-if 判断值,进行不同的展示,就显得有点那啥; 毕竟如果跳转页面多的时候就不适用了;解决思路1、既然是页原创 2022-05-24 00:00:43 · 321 阅读 · 0 评论 -
work-notes(13):如何去掉 el-select 的边框?为什么border:none; 去不掉el-select 的边框?去掉 bo-shadow
时间:2022-05-23文章目录问题描述解决办法用法1、全局写法2、局部写法问题描述前些天一个功能需要用到 el-select,但是不用透明的边框;给了 border:none; 却不生效;大概是这样:解决办法1、首先要去掉 border;2、去掉盒子阴影 box-shadow; 就是这个,很恶心,居然给这个加了 box-shadow,找了大半天;用法1、全局写法.el-input__wrapper { // 选择框 去掉边框,除了border 还必须去掉 box-s原创 2022-05-23 12:11:13 · 1626 阅读 · 1 评论 -
work-notes(12):如何二次封装 Element UI 的 dialog 弹窗,发现弹窗只能点击触发一次是什么原因,如何解决弹窗只能触发一次的问题?
时间:2022-05-15文章目录问题描述问题分析1、如何二次封装 element UI 的 dialog 弹窗?2、实现过程(1)在 script 标签 中 props 传入值(2)绑定到 dialog 标签内主要结构:个人例子:解释3、弹窗为什么只能点击触发一次,第二次之后都没有反应?4、实现过程(1)在调用的页面写一个 close 函数传入;个人例子(2)在子组件内部进行绑定具体内部调用个人例子问题描述前些天,公司要求制作一个私库,并且是在 element UI 的组件上进行二次封装,所以引生出原创 2022-05-15 16:43:47 · 2347 阅读 · 0 评论 -
work-notes(11):从父组件传入到子组件的值存在有多种类型时怎么写,怎么写传入值才正确?
时间:2022-05-15文章目录问题描述正确写法重点问题描述(1)当父组件传到 子组件的值,有多个的时候时怎么写才正确?好比说,我给一个子组件盒子,我传入的值可能是一个数字(Number) 1000,也可能是一个百分数(String)50%;爱咋咋地,毕竟 Element UI 人家也是可以有多种值可传入的吧,自己写的组件也可以输入多种值类型才合理;正确写法(1)在 type 类型作为一个数组,数组里面写入类型即可;(2)required: true, 是否必须传入,如果非必须可以原创 2022-05-15 15:38:37 · 204 阅读 · 0 评论 -
work-note(10):父子传值时,父组件不会自动更新(刷新)展示出子组件,子组件创建成功,但是需要手动刷新才能展示子组件
时间:2022-05-15文章目录问题描述问题分析解决方式1、首先确定传入的值2、监听这个传入的值(重点)监听写法:整体代码:附加问题描述刚刚开始做项目,没有多少工作经验,好不容易查做了父子组件传值。却发现子组件不能自动更新出来。需要手动刷新浏览器才能展示出来;问题分析(1)其实主要是,当数据从父组件传入到子组件之后,子组件内没有进行数据监听;(2)当在父组件内进行创建数据时,子组件没有渲染出来;(类似于表格数据创建,但是创建的数据没有渲染出来); 【当然保证在,不是因为后台限制的情况原创 2022-05-15 15:22:08 · 548 阅读 · 0 评论 -
work-notes(9):vue 如何在 v-if 里面对数组的长度进行判断?为什么 v-if 里面判断数组长度 length报错?
时间:2022-04-22文章目录1、原因解释2、错误写法2.1 报错3、正确方式3.1 判空3.2 判非空1、原因解释首先数组长度为 0 的时候可能会报错,因为数组可能存在有 undefined 的状况;所以写的判断条件尽可能的全一点;2、错误写法 <div v-if="arr.length > 0"> </div>2.1 报错Error in render: "TypeError: Cannot read property 'length' of unde原创 2022-04-22 11:22:14 · 4444 阅读 · 0 评论 -
work-notes(8):如何制作卡片凹陷?如何制作梯形?如何制作有凹陷的盒子?如何制作透明凹陷?
时间:2022-04-20文章目录1、实现描述2、思路分析3、针对 头部凹陷三盒子摆放方式4、给两边盒子的属性5、简单代码实现例子6、总结1、实现描述我们公司开发了一个视频会议网站,有一个会议列表卡片头部是有一个透明凹陷的,NND还没见过这样无理的要求;要求:1、透明的凹陷;2、透明位置能根据背景颜色变化(说白了不能写死颜色,就是背景整张图是渐变颜色的)大概是需求这样:2、思路分析一开始我一直从 border 出发,就是想着怎么搞这个颜色,后面发现思路错了;border的确可以实现梯形原创 2022-04-20 15:26:21 · 451 阅读 · 0 评论 -
work-notes(7):如何让元素从中心放大?如何让图片从中心放大?
时间:2022-04-18文章目录原因解释实现代码原因解释之前一直在纠结如何让北京图片从中心放大,好像 background-size 做不到这样的效果;最后找到了一个最简单的方法,一个 CSS 属性就能解决;实现代码<style> .big_more{ transform: scale(1.2); }</style>这里表示,把该元素从中心放大 1.2 倍;当然还可以添加一些过渡时间不那么突兀;transition: 0.5s;原创 2022-04-18 23:03:14 · 442 阅读 · 0 评论 -
work-notes(6):vue中 v-for,class 和 style 中绑定带入变量的写法,如何在style中加入变量?
时间:2022-0x-xx文章目录原因解释解决办法原因解释在 v-for 写入到 style 或 class,特别是绑定的 :style、:class 就不生效解决办法在 {} 内用 [] 括起变量<div v-for="item in videoList" :key="item.index"> <live_video :class="{[item.itemKey]: !isExpand,}"> </live_video></div&原创 2022-04-14 10:58:03 · 1443 阅读 · 0 评论 -
work-notes(5):v-for报错,[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘
时间:2022-0x-xx文章目录报错情况报错原因解决办法2、如果报错Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive.报错原因解决办法报错情况报错原因迭代中的[vue/require-v-for-key]元素希望有“v-bind:key”指令解决办法在后面加上 :key = “item.index”2、如果报错Expected ‘v-bind:key原创 2022-04-14 10:26:42 · 972 阅读 · 0 评论 -
work-notes(4):在.js文件中插入空格,如何插入(拼接)空格?插入多个空格?
时间:2022-04-12文章目录描述1、在 .js 文件里面1.1 方式11.2 方式22、在 .html 里面描述今天想在字符串内拼接 空格 老出不来。主要是我想用 多个空格 ,尝试了:① + ‘ ’ + (里面多个空格不行);②+ ’ ’ + ’ ’ + (多个拼不行);后面发现,写在 scirpt、.vue、.html 里面,和 .js 文件里面不一样;1、在 .js 文件里面1.1 方式1\xa0 (反斜杠xa零)a + '\xa0' + b多个写法:a + '\xa原创 2022-04-12 21:55:12 · 1708 阅读 · 1 评论 -
work-notes(3):前端新项目入手,git拉项目,从头到尾操作理清思路
时间:2022-04-11声明因为对clone、拉取、提交、合并代码的混乱,特此做笔记理清思路,仅作以为一个可靠稳定的方式;开头拿到新项目,还没 clone 时,可完整思路下来;1、在远程仓库上,创建自己的分支一般默认时从 master 分支上创建出来,不用管;创建好后复制对应的 url 地址;2、clone 克隆项目在指定的 object 文件夹,右键 “Git Bash here”输入:git clone xxxx (xxx 就是你的 远程仓库地址)此时已经可以拉取到 已连通原创 2022-04-12 21:35:42 · 1955 阅读 · 0 评论 -
work-notes(2):导航守卫
标记动态更新内容,当有更进一步理解将会更新;编写时间:2022-04-08代码router.beforeResolve((to, from , next)=>{ var tokens = Cookies.get('ZIWU_NAVI') if (to.path !== '/login' && tokens === undefined){ // 判断是否在登录界面并且tokens不存在 next('/login') } else if (to.pa原创 2022-04-11 22:40:22 · 83 阅读 · 0 评论 -
work-notes(1):父子组件传值,props/$emit 简单易懂
时间:2022-04-111、props(父 => 子)用法在父组件中,引入子组件的标签内绑定;// 父组件:<template> <div> // 1、在子组件标签内冒号绑定 // bind_data 这个名称是传到 自组件 后数据(变量)的名称 // fater_data 是父组件中变量名称 <children :bind_data:"fater_data"></children> </div>原创 2022-04-11 13:51:08 · 199 阅读 · 0 评论