- 博客(34)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 css 文本超出隐藏显示省略号
1.大部分浏览器这个就可以解决overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行2.当有俩行内容时候用，并且兼容方式 width: 8.4rem; //超出这个宽度就变成省略号 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; //作为
2022-01-10 11:57:09
180
原创 给后端传递参数是否为空，空的话不传
当我们在调用后端接口时候，需要传递后端需要的值，而有些默认值是不需要的，前端定义了又不想让他为空，作为空字符串传递过去，因为有可能空也是一种查询方式，这个时候我们把不需要的值给他定义为“undefined”，就不会携带默认字符串。今天开发时遇到一个小bug，也不算bug，记录一个笔记。
2023-04-27 15:08:56
891
1
原创 Error in created hook (Promise/async): “[object Object]“
解决：使用try catch的方式捕获异常。原因：直接把错误对象返回。
2023-03-27 14:10:50
1076
原创 Vuex持久化存储
Vuex 解决了多视图之间的数据共享问题，但是运用过程中又带来了一个新的问题Vuex 的状态存储并不能持久化，也就是说当我们存储在 Vuex 中的 store 里的数据，只要一刷新页面，数据就丢失了。
2023-02-22 08:57:51
233
原创 Module build failed: TypeError: this.getResolve is not a function
控制当前开发环境，需要通过修改process.env 的值，而Vue的不同版本可以选择不同方式。npm uninstall sass-loader（卸载当前版本）
2023-02-15 16:52:11
90
原创 使用Echart报错Cannot read property ‘getAttribute‘ of undefined
项目中使用Echart报错，百度结果说生命周期性错误，解决办法是此方法可以解决百分之90的错误，还有百分之十是因为在mounted里写nexttick 结果发现 打印结果还是 没有找到继续报错，最后 发现， 写Echart的盒子 不能放到 for 循环里面 不然 这个盒子 ref是找不到他的，需要放到for 循环外面。最后 打印结果 盒子成功找到。...
2022-06-20 11:07:36
719
原创 Vue实现播放视频点击截图并上传
<canvas id="myCanvas" width="400" height="200" v-show="condition"></canvas> data() { return { imgSrc: '', //图片 }; }, // 截图 async cutPicture() { // 获取播放视频的容器 var v = document.querySe...
2022-04-28 10:54:08
580
原创 vue中当图片地址无效的时候,显示默认图片的方法
项目中经常需要展示图片,很可能就会碰到图片地址无效的情况,比如图片地址不对,或者后台拿到图片地址后,该地址无效,或者数据库中没有该图片等情况。这时候,图片就会显示一个叉，或者直接报错，图片裂开，对于项目中出现的这种情况,我们也可以不做处理,但是比较影响美观,所以我们都会使用一个默认的图片来代替图片原来的地址。 <img :src="item.picUrl" class="icon" @error="itemError(item)" />给图片添加一个error校验,当图片加载失效的时
2022-03-14 14:36:48
2054
原创 Echarts,显示百分比，默认保留俩位小数，设置自己要的值
对于{a} {b} {c} {d}变量的解释：{a} <br/>{b}: {c} ({d}%)"//模板变量有 {a}、{b}、{c}、{d}，分别表示系列名，数据名，数据值，百分比;在label加入下列代码，要几位写几位 formatter:function(data){ return data.percent.toFixed(1)+"%";} ...
2022-02-22 13:42:06
4739
转载 Echarts饼状图显示信息,内容,值,百分比都显示的代码
series: [ { name: '产品成本', type: 'pie', radius: '55%', center: ['50%', '50%'], data: production, label: { ...
2022-02-16 10:21:44
3298
原创 单击图片，全屏展示两种方法
子组件：<template> <!-- 过渡动画 --> <transition name="fade"> <div class="img-view" @click="bigImg"> <!-- 遮罩层 --> <div class="img-layer"></div> <div class="img"> .
2022-01-21 16:36:28
533
原创 To install them, you can run: npm install --save core-js/modules/es6.array报错
降低版本：npm install core-js@2
2022-01-14 11:53:02
2505
原创 Uncaught (in promise) TypeError: this.setState is not a function
this的指向错误，我们在自定义函数的时候经常会出现解决方法：将自定义函数改成箭头函数这种写法SetData (pag,Size){ }换成箭头函数SetData = (pag,Size) => { }解决
2022-01-14 10:41:50
880
原创 Vue项目打包后返回退出应用的问题
在打包的index.html页面script下面写：<script type="text/javascript"> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); var first = null; plus.key.addEventListener('backbutton', function()
2022-01-12 14:58:14
690
1
原创 vue中实现图片不存在时显示一个默认的图片
1.<img v-if="picUrl" :src="picUrl" alt="图片"/><img v-if="!picUrl" src="@/assets/icon.png" alt="图片"/>2.<img :src="picUrl? picUrl: '@/assets/icon.png'" alt="图片"/>
2022-01-12 10:07:35
589
原创 Vue项目报错 [Vue warn]: Error in render: “TypeError: Cannot read properties of null
这个报错是[Vue warn]: Error in render: "TypeError: Cannot read properties'XXX' of null"是data中的‘XXX’没有获取到也就是是this.XXList = data.xx没获取到data中的内容可以尝试改为this.XXList.push( data.xx)就出来了
2022-01-10 14:07:55
1858
原创 Vue项目报错object null is not iterable (cannot read property Symbol(Symbol.iterator))
开发时遇到iterableToArray.js?db90:2 Uncaught (in promise) TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))遇到这样的错应该是解构赋值时存在错误常见的解构错误有：//1. errorconst arr = { name: 'hellow' }const [var1, var2] = arr // 解构错误//2.err
2022-01-10 13:43:53
9213
1
转载 echarts y轴文本过长，设置超出隐藏
//echarts容器<!--html代码--><div id="charts2" style="width: 99%; height: 390px; margin: 3px auto;"></div> <!--script代码：绘制echarts，本例以堆叠柱状图为例，Y轴name过长，对其进行处理--> option = { title : { ...
2022-01-07 17:49:13
2473
原创 vue项目报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)
1.项目中用到了echarts图表,每次切换路由的时候，控制台就会报一堆错误：Cannot read property 'getAttribute' of undefine后来发现是设置了图表自适应导致的,在里面是使用addEventListener来进行图表自适应，但是在离开当前页的时候，没有清除，就导致了上面的报错。// echarts自适应window.addEventListener("resize", function() { myChart.resize.
2022-01-07 10:12:59
12723
2
原创 Vue项目实现点击图标拨打电话
1.a标签通过href直接跳转<a :href="'tel:' + 181****1234"><van-icon name="phone-o" /></a>2.a标签内写个点击事件的方法,然后通过window.location.href跳转<a @click="Calltel()"><van-icon name="phone-o" /></a> methods:{ Calltel(){
2022-01-06 16:05:59
1910
原创 关于vue项目，播放m3u8格式的视频
1.首先结合video.js完成，需要先下载俩个依赖npm install --save video.js；npm install --save videojs-contrib-hls而后在main.js引入全局样式和js文件，也可以在组件局部引入样式，看个人需求import 'video.js/dist/video-js.css'import videojs from 'video.js';import 'videojs-contrib-hls'2.页面使用 &l
2022-01-05 09:36:57
1748
原创 项目完结----打包优化
项目开始时进行webpack配置在自己的项目根路径下创建vue.config.js文件。一、 配置 proxy 跨域module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 8080, // 端口号 hotOnly: false, // 热更新 overlay: { // 当出现编译器错误或警告时，在浏览器中显示.
2021-10-21 11:13:52
154
原创 Vue3 项目初始化配置规范
项目搭建规范：一. 代码规范 1.起始创建项目2.选择vue33.是不是使用类样式的组件语法，选择是no4.是不是使用Babel中TypeScript 选择yes5.是使用history路由还是哈希路由 选择yes6.使用什么样的css预处理器 选择Less7.选择一个查看linter格式化器配置 选择最漂亮的 ESLint+Prettire8.选择在...
2021-10-19 20:11:11
1731
1
原创 JS 中内存泄漏的⼏种情况
内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使⽤的 内存并⾮指内存在物理上的消失，⽽是应⽤程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从⽽造成了内存的浪费程序的运⾏需要内存。只要程序提出要求，操作系统或者运⾏时就必须供给内存对于持续运⾏的服务进程，必须及时释放不再⽤到的内存。否则，内存占⽤越来越⾼，轻则影响系统性能，重则导致进程崩溃⼤多数语⾔提供⾃动内存管理，减轻程序员的负担，这被称为"垃圾回收机制".
2021-09-26 08:36:58
585
原创 js继承.
JS继承实现⽅式也很多，主要分ES5和ES6继承的实现 先说⼀下ES5是如何实现继承的 ES5实现继承主要是基于prototype来实现的，具体有三种⽅法⼀是原型链继承:父类的实例作为子类的原型function Woman(){ }Woman.prototype= new People();Woman.prototype.name = 'haixia';let womanObj = new Woman();即 B.prototype=new...
2021-09-23 21:00:24
102
原创 深拷⻉浅拷⻉的区别，如何实现⼀个深拷⻉
答： JavaScript 中存在两⼤数据类型： 基本类型 引⽤类型基本类型数据保存在在栈内存中 引⽤类型数据保存在堆内存中，引⽤数据类型的变量是⼀个指向堆内存中实际对象的引⽤，存在栈中浅拷⻉:浅拷⻉，指的是创建新的数据，这个数据有着原始数据属性值的⼀份精确拷⻉,如果属性是基本类型，拷⻉的就是基本类型的值。如果属性是引⽤类型，拷⻉的就是内存地址 ,即浅拷⻉是拷⻉⼀层，深层次的引⽤类型则共享内存地址 下⾯简单实现⼀个浅拷⻉:function shallo
2021-09-22 10:57:24
243
原创 怎么样解决浏览器兼容问题 css样式重置
重置浏览器标签的样式表,因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如button标签，在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。好处：开始一个项目前，先创建一个reset.css，可以规避很多浏览器差异问题。。。1.在根目录创建一个文件夹reset 里面放置reset.css文件文件内容如下：html,body,div,span,applet,obj
2021-09-13 21:27:30
277
原创 如何实现上拉加载，下拉刷新
答：下拉刷新和上拉加载这两种交互⽅式通常出现在移动端中 本质上等同于PC⽹⻚中的分⻚，只是交互形式不同 开源社区也有很多优秀的解决⽅案，如 iscroll 、 better-scroll 、 pulltorefresh.js 库等等 这些第三⽅库使⽤起来⾮常便捷 我们通过原⽣的⽅式实现⼀次上拉加载，下拉刷新，有助于对第三⽅库有更好的理解与使⽤ 实现原理 上拉加载及下拉刷新都依赖于⽤户交互 最重要的是要理解在什么场景，什么时机下触发交互动作 上拉加载 ⾸先可以看⼀张图
2021-09-08 16:40:21
2005
1
原创 Vue封装Axios
1.为什么要封装axios?封装axios如果每发起⼀次 HTTP 请求，就要把这些⽐如设置超时时间、设置请求头、根据 项⽬环境判断使⽤哪个请求地址、错误处理等等操作，都需要写⼀遍 这种重复劳动不仅浪费时间，⽽且让代码变得冗余不堪，难以维护。为了提⾼我们的代码质量，我们应该在项⽬中⼆次封装⼀下 axios 再使⽤axios是单立模式因为每一次请求都需要用到这个axios首先安装axios-S到生产环境里，为什么要安装到生产环境里，因为安装到生产环境里开发环境也可以使用 但
2021-08-27 10:42:05
257
原创 配置多环境变量&&rem适配
配置多环境变量package.json 里的 scripts 配置 serve test build，通过 --mode xxx 来执行不同环境通过 npm run serve 启动本地 , 执行 development通过 npm run test 打包测试 , 执行 testing通过 npm run build 打包正式 , 执行 production在项目根目录中新建.env.*.env.development 本地开发环境配置NODE_ENV='development'
2021-08-27 07:59:53
145
空空如也
Git 合并冲突 问题怎么解决？怎么汉化
2021-08-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人