前端开发
改昵称比敲代码难
学学学,脑袋要爆炸
展开
-
记录JS处理数据的方法(持续更新)
经常要处理后端返回的数据格式问题,记录下,就不用再翻其他地方了…索引一、将数组转化为对象 arr.reduce()二、合并数组 arr.concat()三、改造对象 obj.map()四、根据数组中对象的某个属性值进行去重一、将数组转化为对象 arr.reduce()const lessons = [ { title: "媒体查询响应式布局", category: "css" }, { title: "FLEX 弹性盒模型", category: "cs原创 2020-12-29 16:08:23 · 180 阅读 · 1 评论 -
vue3中keep-alive缓存,指向同一组件时数据不更新
vue3中keep-alive缓存,指向同一组件时数据不更新原创 2022-12-05 16:21:47 · 991 阅读 · 0 评论 -
uniapp播放海康威视rtsp格式的监控
使用uniapp播放海康威视rtsp://admin:123456@127.0.0.1/Streaming/Channels/101格式的视频.利用萤石云开放平台[传送门](https://open.ys7.com/console/device.html)原创 2022-09-15 17:53:35 · 4074 阅读 · 0 评论 -
unll值判断运算符
??运算符:判断运算符左侧的值为null或undefined时,才返回右侧的值unll值判断运算符与 || 类似,||运算符是左边是空字符串或false或0等falsy值,都会返回后侧的值.而??必须运算符左侧的值为null或undefined时,才会返回右侧的值。 console.log(0 || 1) // => 1 console.log(0 ?? 1) // => 0因此,可以根据不同的场景使用...原创 2022-04-28 10:13:57 · 217 阅读 · 0 评论 -
防止链式调用报错-可选链操作符?.
当尝试访问可能不存在的对象属性时,为了防止抛出错误,可以使用?.操作符可选链操作符( ?. )概念:可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined let obj = { name:'z原创 2022-04-25 10:32:19 · 662 阅读 · 0 评论 -
vue组件通信input v-model语法糖写法
vue中input、textarea组件通信的语法糖写法子组件 <input type="text" value="option" @input="$emit('input',$event.target.value)"> poros:['option']父组件 <component @input="option = $event"></component> data:{ option:''}...原创 2021-12-31 17:00:17 · 347 阅读 · 0 评论 -
VUE保留默认参数传参
VUE保留默认参数传参当我们子传父时事件会带有默认的参数this.$emit(‘change’,{val:val})在子组件中需要传参,可以使用$event代表默认参数<hh @change="handelChange($event,index)"></hh>handelChange(data,index){ console.log(data,index)}...原创 2021-12-10 15:53:43 · 1464 阅读 · 0 评论 -
smartSVN报错:Unable to create pristine install stream can‘t create temporary file...
smartSVN报错:Unable to create pristine install stream can’t create temporary file…找不到路径,无法创建临时文件解决:clean up原创 2021-11-02 11:20:18 · 200 阅读 · 0 评论 -
eslint报错处理(持续更新)
使用eslint规范代码书写,但也会有一些意想不到的问题,记录下。注意:更改rules后项目需要重启才生效索引1、"no-unused-vars": 0/off2、"space-before-function-paren": 0/off3、"prefer-const": 0/off1、“no-unused-vars”: 0/off// 报错信息 // 原因 定义变量未使用2、“space-before-function-paren”: 0/off// 报错信息 Missing原创 2021-05-19 16:44:28 · 195 阅读 · 0 评论 -
css自定义属性
css自定义属性利用css自定义属性实现设置主题样式,可以将有关主题(颜色、字体大小等)指定给一个变量一次,每次使用时只需将该变量作为CSS属性输入;需要改变主题样式时也只需要修改这个变量即可利用:root选择器定义变量 :root { --global--bgc: #f66; --global--fz: 20px; }利用var关键字引入声明的变量 p { background-color: var(--global--bgc);原创 2021-05-07 15:12:34 · 97 阅读 · 0 评论 -
JS实现数组复制 arr.repeat
JS实现数组复制利用str.repeat方法,结合数组与字符串的转换实现。适用于数组中仅为字符串类型代码如下: let arr = ['1', '2', '3'] arr.push('') let total = [] total = arr.join(',').repeat(3).slice(0, total.length - 1).split(',') console.log(total) // ['1', '2', '3','1', '2', '3',原创 2021-05-07 14:44:48 · 2108 阅读 · 2 评论 -
npm发布报错原因 403 Forbidden
1、未切换镜像源npm config get registry // 查看当前镜像源npm config set registry=http://registry.npmjs.org // 切回到npmjs源 npm config set registry http://registry.npm.taobao.org // 发布完再切回来2、注册后未进行邮箱验证3、文件名重复 npm init // 重新生成文件内容4、用户名密码输入有误...原创 2020-12-10 17:30:14 · 2021 阅读 · 0 评论 -
修改node_modules下源码并重新发布npm包
修改node_modules下源码(详细)开发中遇到需要修改装包的源码,直接在node_modules修改是无效的,不同的开发环境重新装包就没有了。将文件放到src目录下太暴力,还会有路径无效的问题,所以可以使用github fork源码到本地修改,过程如下(以wl-gantt为例):1、 找到gitbub源码地址,fork到自己的仓库2、从仓库拉取到本地git clone git@github.com:xxxxx/wl-gantt.git3、查看项目入口文件(package.json)原创 2020-12-02 13:39:07 · 3577 阅读 · 0 评论