日常问题总结
文章平均质量分 50
Endless Daydream233
一步一步往上爬
展开
-
antdv DatePicker 日期选择框 点击数据没有回显的问题
antdv DatePicker 日期选择组件数据回显问题原创 2022-10-27 13:44:02 · 2102 阅读 · 1 评论 -
vue router meta icon 引用svg 无法改变颜色的问题
vue router meta icon 引用svg,图标颜色无法改变的问题原创 2022-08-03 10:25:56 · 810 阅读 · 0 评论 -
vue项目打包成app,在ios端iconfont 部分字体图标不显示
vue项目打包成app,在ios端字体图标不显示的问题原创 2021-12-15 14:04:34 · 2938 阅读 · 0 评论 -
vue 所有生命周期函数都执行了两遍的问题
在原有项目新增功能需求模块开发的过程中,发现无论哪一个模板中的created函数都被执行了两次,遂非常熟练的打开了百度…网络上的解决办法有:解决方案1:检查main.js 中是否重复声明vue实例 (没有, pass)解决方案2:据说使用了mixin的会调用两次 (尝试用一个干净的vue项目,使用一个简单的mixin文件,发现并没有执行两遍,把本项目的app文件其他内容全都注释,只留纯净的初始版本,发现也会调用两次。pass)解决方案3:说什么路由配置问题(直接注掉路由的引用,还是调用了两遍,.原创 2021-06-16 16:17:05 · 5991 阅读 · 2 评论 -
npm install时,报 npm ERR! cb()never called! 的问题
入职新公司,我本地的node版本12.x.x,而实际开发需要14.x.x,导致项目跑不起来,然后“不假思索”“十分干脆”的去安装了最新版本的node!!!好像就此打开了潘多拉的盒子,问题接踵而至。。。最新的版本理所当然有些问题,于是把最新16.x.x的版本卸载,再安装14.x.x的之后,node版本一致了,npm版本也一致了,哐哐删除node_modules文件,重新install,不急不慌等着依赖下载完成,就在这时候,报ERR! cb()never called的问题。网上关于这个问题说的最多.原创 2021-06-02 15:09:15 · 2709 阅读 · 0 评论 -
记录我2021年这半个月陆陆续续的面试题
PS:明天最后一家,面完结束,不想再接着找下去了,辗转奔波面试属实耗时耗力,太累了。基于我老老实实两年多的前端工作经验,面试官也没有问特别高深的。js基础1.this指向这里是有面试官直接在控制台敲了一段代码,让我说出每个this的指向及程序是否会报错。主要的知识点还是在函数中的this指向,方法中的this指向,箭头函数的this指向,bind,call,apply这一些导致的this指向发生的变化,其中有把箭头函数具名化,并且还bind一个对象,但是调用没有报错,这里不知道为什么(汗哒哒).原创 2021-04-29 14:54:15 · 318 阅读 · 0 评论 -
前端基础学习之防抖(debounce)和节流(throttle)
1.防抖(debounce)例如在实现移动端的列表条件查询时,文本框中如果每输入一个字符都去后台查询一次,即短时间内大量触发同一事件,非常影响性能。解决办法:在第一次触发事件时,不立即执行查询,设置一个延迟执行的时间限制,若在这时间范围内再次触发,则清除当前的定时器,开启新的延迟执行查询,以此类推,直到这段时间范围内不再触发事件,执行查询函数。防抖函数: (其实就是返回一个延时定时器,在下一次调用时看是否有值,有则清空开启下一个,直到没有了,顺利执行延迟器中的函数)let debounce=fu原创 2021-04-12 13:15:12 · 366 阅读 · 0 评论 -
使用vue+weixin-js-sdk实现公众号页面的扫码功能
vue+barcode 实现app端的扫码功能同样的,详细的api文档描述可以看微信官方文档,这里就简单列一下用到的点。1.引入weixin-js-sdk 依赖 vue全局使用npm install weixin-js-sdkimport wx from "weixin-js-sdk";Vue.prototype.wx = wx;2.通过config接口注入权限验证配置此处的appId、timestamp、nonceStr、signature都是从后端接口获得。(大部分调试时间都原创 2021-03-22 11:22:04 · 932 阅读 · 0 评论 -
使用vue+barcode 实现app端的扫码功能
开年事情有些多,最近刚好在用vue写app和公众号的移动端,两者都有扫码的功能,在这记录一下子。Barcode模块管理条码(一维码和二维码)扫描识别,支持常见的一维码(如EAN13码)及二维码(如QR码)。通过调用设备的摄像头对条码进行扫描识别,扫描到条码后进行解码并返回码数据内容及码类型。Barcode模块可使得Web开发人员能快速方便调用设备的摄像头进行条码扫描识别,而不需要安装额外的扫描插件。规范建议条码识别引擎的支持规范定义的所有条码常量类型。app端使用的是h5+的api barcode原创 2021-03-22 10:26:01 · 3235 阅读 · 11 评论 -
前端基础学习之零碎小点-父级容器高度不设置的情况下,子级高度百分百继承父级高度
在写一个步骤条的时候,发现用一个继承父级高度的子级的border就可以搞定。此时父级高度并没有设置,即此时父级的高度是由子级容器的高度决定的,而如果这个时候单单给子级设置个height:100%,并不会起作用。父级的高度依赖于子级容器,子级又想继承父级的高度,两相矛盾。解决方案:第一步:给父级容器设置定位(relative、absolute、fixed都可)以作为子级的参照容器;第二步:给子级容器一个绝对定位 (这样的子级其实已经脱离了文档流,父级的高度不依赖于脱标的子级,且此时父级是子级的参照容原创 2021-02-18 17:25:05 · 1472 阅读 · 0 评论 -
前端-请求获取图片流下载图片、展示图片
请求时要设置responseType为"arraybuffer"; httpService.accessAPI({ apiObj:apiUrl.getQrCodePicture, responseType:"arraybuffer", query:{ qrCodeName:this.chooseItems[0]..原创 2020-12-14 11:18:16 · 2650 阅读 · 0 评论 -
vue-elementui组件-el-form表单验证失败问题
待写原创 2020-12-14 11:07:42 · 2575 阅读 · 0 评论 -
vue 打包页面空白的问题
解决办法:1.配置文件中的publicPath改为"./"publicPath: "./",2.如果配置文件中的publicPath已经是"./",打包出来的html还是空白,那么修改router的index.js文件中的mode值,由history改为hash原创 2020-11-17 09:58:51 · 222 阅读 · 0 评论 -
前端基础学习之css-手写优惠券样式(radial-gradient)
最近组内设计师总喜欢设计类似优惠券内凹的样式UI。因此,从头开始捋一遍这种优惠券的样式。如下:1.linear-gradient 线性渐变线性渐变使用的频率要比径向渐变高的多,因此在学习径向渐变之前,可以先再熟悉一遍线性渐变,依次类推再看径向渐变就简单的多。linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从下到上渐变。使用方法:background-原创 2020-10-24 00:17:49 · 1156 阅读 · 2 评论 -
vue cli3-项目打包页面浏览器缓存的问题
const Timestamp = new Date().getTime();module.exports = { // 将部署应用程序的基本URL // 默认情况下,Vue CLI假设您的应用程序将部署在域的根目录下。 publicPath: './', configureWebpack: { output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename: `static/js/[原创 2020-09-08 17:48:31 · 1224 阅读 · 0 评论 -
echarts 折线-折线条改为平滑曲线
series 里面有个smooth 属性。如果是 boolean 类型,则表示是否开启平滑处理。如果是 number 类型(取值范围 0 到 1),表示平滑程度,越小表示越接近折线段,反之则反。设为 true 时相当于设为 0.5。 { name: '换率', type: 'line', areaStyle: {原创 2020-07-22 15:34:43 · 2564 阅读 · 0 评论 -
前端-js-常用正则表达式
1.仅字数限制//例:必输且小于20位/^.{1,20}$///区分中英文字符长度的话,可以先将双字节的长度转为单字节,再校验长度 转换如下:str.replace(/[^\x00-\xff]/g, "00");2.数字、大小写英文字母 20位/^[a-zA-Z0-9]{1,20}$/3.数字、大写英文字母 18位/^[A-Z0-9]{1,18}$/4.手机号码/^1[3456789]\d{9}$/5.邮箱/^[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]@[a原创 2020-07-16 17:45:26 · 258 阅读 · 0 评论 -
css-盒子内包含img标签后,底部留白/盒子高度多了几像素的问题
今天在学习写京东案例的时候,在给一个盒子添加img之后,发现盒子高度高了几像素。例如简单的一个div内包含一个img标签:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ border: 1px solid red; float: left; } <原创 2020-07-09 16:22:08 · 692 阅读 · 0 评论 -
echarts 柱状图数值为0时 显示柱体
解决办法:使用 barMinHeight 设置最小柱体高度 series: [ { name: '成交通证', type: 'bar', barMinHeight: 2, data: this.busiSeriesData } ... ]原创 2020-06-30 10:41:59 · 6549 阅读 · 5 评论 -
vue 父组件传子组件数值,父值变更子获取的值没有变的问题
1.父组件给子组件传值,子组件使用props接收值。//父组件页面<div><TransChart :start-time="startTime" :end-time="endTime"/></div>//子组件页面props: ['startTime', 'endTime'],问题:父组件页面在变更startTime和endTime时,子组件的值不会随之改变。解决办法:在子组件内使用 watch 检测数据变动watch: { endTime原创 2020-06-30 10:31:55 · 3687 阅读 · 0 评论 -
echarts 设置堆叠区域图的area颜色
原创 2020-06-23 14:57:12 · 6655 阅读 · 0 评论 -
element ui --input输入框不能输入的问题
<el-input v-model="putNumber" autocomplete="off" @input="changeInput"></el-input>如图所示,无论怎么操作都只显示默认的数值,不能输入。网上查资料后找到的解决办法是给一个input事件<el-input v-model="putNumber" autocomplete="off" @input="changeInput"></el-input>//强制更新chang原创 2020-06-20 10:30:06 · 4624 阅读 · 1 评论 -
IOS 移动端 输入框第二次点击不能拉起虚拟键盘的问题
ios虚拟键盘第二次拉起保护机制有个300s的延迟,所以需要手动拉起。给input一个Focus事件。inputFocus(){ //手动调用input的focus事件 document.getElementById("commentInput").focus(); }原创 2020-06-16 16:37:51 · 457 阅读 · 0 评论 -
echarts 饼状图 (数据为0或很小的扇形显示问题、扇形间隔)
series: [ { name: '概况', type: 'pie', label:{ formatter: '{b}({d}%)', color:'#555555' }, radius: ['30%', '50%'],//小圆和大圆的半径 center: ['50%', '40%'],//.原创 2020-06-10 18:13:54 · 7371 阅读 · 1 评论 -
移动端-ios 上传图片-图片被横屏旋转的问题
1.获取图片是否带有旋转角度 let Orientation=1; //去获取拍照时的信息,解决拍出来的照片旋转问题 Exif.getData(file, function () { Orientation = Exif.getTag(this, "Orientation"); console.log("Orientation:"+Orientation); });2.根据这个orientation的值做处理 //修复ios上传图片的时候原创 2020-06-02 17:07:56 · 2376 阅读 · 4 评论 -
js报错 Cannot both specify accessors and a value or writable attribute
在使用Object.defineProperty() 定义对象属性的时候,如果设置了 set 或 get, 就不能设置 writable 和 value 中的任何一个,否则就会报错如上图let car={};let temp="bwm";// 如果设置了 set 或 get, 就不能设置 writable 和 value 中的任何一个,否则报错Object.defineProperty(car,'brand',{ // writable:true, // value:'bmw', enume.原创 2020-06-01 09:44:54 · 1880 阅读 · 0 评论 -
解码URL接收参数中的“乱码”
昨天在改一个bug,后台传过来的url中带有多个参数值,例如"%E5%BC%A0%E4%B8%89"这种需要解码获取正确的数据。有两种解码方式。encodeURI() 函数编码过的URI 用decodeURI() 解码encodeURIComponent() 函数编码的 URI 用ecodeURIComponent() 函数解码...原创 2020-05-28 10:02:41 · 1531 阅读 · 0 评论 -
移动端ios new Date() 日期转换失败的问题(ios 兼容)
在做移动端开发的时候,使用new Date() 转换后台返回的格式时,在chrome 之类浏览器和安卓手机上都显示正常,但是在ios上显示Invalid Date。例如: new Date(“2020-05-25 11:11:11”).getTime() 正常情况下可以获取时间戳,但是在ios端解析不了。后来查找发现 IOS只识别yyyy/mm/dd这类斜杠格式的日期。解决办法:freedomTime = freedomTime.replace(/-/g, '/');new Date(freedo原创 2020-05-25 14:14:52 · 2225 阅读 · 0 评论 -
element-ui 动态表格(el-table)
做pc端开发的时候,有好几个弹窗展示同一种样式的table,记录一下。<el-dialog :title="titleName" :visible.sync="dialogChangeVisible" top="30vh" :close-on-click-modal="false"> <el-table :data="tableData" border原创 2020-05-22 18:22:57 · 1957 阅读 · 0 评论 -
移动端页面有滚动条但是无法滚动的问题
做移动开发的是,有个签名的功能页面。只要点进过这个页面,再点击其他原先可以滚动的页面,都再不能滚动。网上查找的问题根本是使用了下面这个js事件:document.addEventListener( "touchmove", function(event) { event.preventDefault(); }, { passive: false } );其中e.preventDefault();会阻原创 2020-05-22 17:54:12 · 6701 阅读 · 0 评论