Mrswater的博客

原创 antd 中的select defaultvalue 无效解决方法

antd 中的select defaultvalue 无效解决方法

原创 vue-pdf 预览页的签章显示不出来

安装vue-pdf-signature-5引入的地方替换下即可，用法和vue-pdf一样的只是vue-pdf-signature-5这个包将依赖包里面的的几行代码注释掉了

原创 vue-cli打包后本地查看起http-serve服务

cmd运行命令npm install http-server -g 全局安装完成进入打包目录distcd dist运行命令http-server按照上面的ip访问就可以了，记得后面加上/index.html,不然访问不到

原创 rgba转16进制颜色

//rgba转16进制hexify(color){varvalues=color.replace(/rgba?\(/,'').replace(/\)/,'').replace(/[\s+]/g,'').split(',');vara=parseFloat(values[3]||1),r=Math.floor(a*parseI...

原创 react map渲染列表

问题描述：一个list 用.map渲染列表，上面有搜索和筛选功能，每次筛选出来的数据都是正确的，但是 列表上却显示的有多余的非满足筛选条件的数据原因：由于有些数据的key值绑定的code重复导致的解决方案：使key值唯一...

原创 react useState 赋值之后立即使用，发现没有获取到最新的值

问题场景：使用分页，默认页数0，点击加载更多的时候，让setIndex(index+1)，测试发现得到最新的index还是0修改state后，如果直接调用此state，你会发现state的值未发生改变，原因：与react的更新有关，当调用setState时，react是异步更新state的，如果setState后立即获取state的值，此时state尚未更新，因此为旧的状态解决方案：修改state的同时需要使用state的值时，建议使用函数的方式修改并进行相关的使用操作举例两种demo

原创 判断数组里的元素是否相同？只针对简单数据类型

new Set(array).size === 1

原创 2020-10-19

//addmulMonth(dtstr,n){//lets=dtstr.split("-");//letyy=parseInt(s[0]);//letmm=parseInt(s[1]);//letdd=parseInt(s[2]);//varnum=mm+parseInt(n);//if(num/12>1){//y...

原创 前端如何实现金额“减分进角”

原创 当一个对象里，好几个属性发生变化，watch监听执行的代码片段是一样的怎么处理呢？

用computed定义一个changeData对象，然后再去watch changeData 这个对象即可

原创 svg 设置ignore文件

右键--- TortoiseSVN---Properties---New---Other---svn:ignore

原创 打印预览的时候，总是会多于一个空白页，怎么办？

@media print { #printTest{ //要打印的区域 display: block; width:100%; height:auto; overflow: hidden; }}在页面内加入此样式即可

原创 uni-app 子组件使用onLoad无效，怎么办？

1.uni-app 支持的页面生命周期函数是包含onLoad但是，在组件里面的时候不能使用页面生命周期函数，因此想要有onload的效果的时候，必须改成vue的mounted2.uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理...

原创 uni-app 开发小程序 在微信开发者工具里面编译特别慢特别慢

步骤：打开微信开发者工具---工具--项目详情--本地设置--启动多核心编译不勾选--即可

原创 uni-app 背景图片处理

1，在uni-app中想要为一个view添加一个背景图，常规下我们会这样做然后后发现报错；提示我们使用网络图片，或者base64，或者<image/>标签，（但是有些模块还是需要写成背景图这样方便，所以我们这里可以使用base64）2,在新建一个scss文件集中管理这些base64的图片在uni.scss里面引入在页面里引用注意：页面内的style标签，不要忘记写lang=scss ；否则就无法引入图片base64编码的变量...

原创 vue项目中使用rem

1）为什么使用rem做适配？答：当你使用px做单位的时候，在不通分辨率的手机型号，他显示的大小就是设定的多少px，当手机尺寸大时，那么元素就会显得很小，当手机分辨率过小时，元素就会显得很大，因为我们引入rem单位，根据不通分辨率来做px适配，这样使元素大小更加合适。2）什么是remrem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element

原创 关于 axios 和 devserver 调取接口获取数据的全面深刻理解

问题描述:在写vue项目中，调取后台接口的，由于解决接口跨域问题，我们都会用webpack的devserver 做一个本地的代理写法和说明如下：假如后台的接口没有/api,前端为了做全局的代理，可以手动在每个接口前面加上‘/api’ ,这里方便统一在接口前面添加target,然后在devserver里面再重写‘/api’ ,将至去掉即可，切记，这里只是本地代理，之和开发环境有关系，和线上生产环境没有任何关系的，比如后台说，我后台没有做nginx转发，你前端变化一下正式的接口域名地址吧，那绝对不是在这

原创 axios 统一处理status 401

原创 vue 显示列表数据是，出在暂无数据和真实列表之间有一个闪现

1，定义list为null ,相对于定义list为一个空数组，length就不会默认为0

原创 父组件向子组件动态传值的方法

方法一：props传值，这里注意一个问题，传过来的值需要用watch监听并赋值，否则这里获取到的是空数组 父组件： 1 <uploadImg :width="200" :height="200" name="productImage" size="750px*750px" ref="productImage" :src-list="this.productImage"></uploadImg> 1 t.

原创 vue-cli3 运行时报错 ‘xxxx’ is never reassigned. Use 'const' instead prefer-const

解决方案：

原创 git将当前分支上修改的东西转移到新建分支

问题描述：项目要升级，写代码的时候直接再master分支上开发了，修改之后发现不能动master主分支的代码，只能创建一个测试开发分支dev，然后将在master分支上修改开发的代码转移到dev分支上去办法1：我们不需要在master分支做commit,只需要在master分支新建dev分支，然后切换过去。这个时候你会发现修改的东西在master，dev分支都有。这个时候在dev分支com...

原创 vue项目中 引入字体的步骤

1、拿到客户提供的字体，.ttf格式本文以（FZCYJ.ttf 为例）2、在src下新建common文件，文件夹中包含以下文件3、在font.css 里面进行编辑定义字体4、配置webpack.base.conf.js 文件5，App.vue引入字体 或者在main.js引入字体6，样式里设置即可...

原创 在vue项目中如何引入第三方库（比如jQuery）

一、绝对路径直接引入，全局可用主入口页面 index.html 中用 script 标签引入：<script src="./static/jquery-1.12.4.js"></script>由于开启了 ESLint 检测，所以会报一个 warning[警告] ：'$' is not defined 。需要加 /* eslint-disable */二、绝对路径直接引...

原创 vue的属性名称与method的方法名称一样时会发生什么问题？

报错"Method 'xxx' has already been defined as a data property"vue会把methods和data的东西，全部代理到vue生成对象中。会产生覆盖所以最好不要同名键名优先级：props > data > methods...

原创 v-if和v-for的优先级是什么？如果两者同时出现，怎么优化才能得到更好的性能？

1，v-for的优先级高于v-if2，如果两者同时存在，可在v-for的外层包裹template这里来进行v-if判断，如果放在一起，每v-for循环一次都需要进行v-if判断（先判断了条件再看是否执行_），影响性能3，如果v-if判断出现在v-for的内部，可以通过计算属性过滤掉那么不需要的选项...

原创 vue渲染模板时怎么保留模板中的HTML注释呢？

Vue 2.4.0新增的comments属性，无法在vue单文件中使用。参考文档：https://github.com/vuejs/vue/issues/6177

原创 trsnaform 影响组件picker 的position:fixed 属性失效的方法

1,尝试去掉这个属性，确实是可以了，但是是去不掉的2，尝试把这段代码，放在better-scroll组件的外面，就实现了；

原创 css各种样式气泡

分享网址：http://code.ciaoca.com/style/bubble/可在线调试出你想要的效果，复制下面代码即可

原创 vant picker 再手机上太小了 不要试图去修改样式 直接修改属性即可

原创 watch 监听属性

问题：遇到的问题是 当一个值变化的时候就执行相对应的动作刚初始化页面的时候 因为默认值是0，所以不会执行相对应的操作，换种方式写就可以了watch 和computed结合使用上面的列表是一个detail的对象下面的总分需要监听上面的变化而变化...

原创 2020面试题积累

1，vue 生命周期是哪10个2，cokie localstorge sessiom 区别3，vue angular 自定指令4，es6 常用属性5，webpack从打包到输出的一个流程6，数组的常用方法7，普通函数和箭头函数的区别及this的指向8，三大框架的区别9，keep-alive缓存组件10，call aplay this11,histo...

原创 postcss

原创 阻止中文输入法输入拼音的时候触发input事件

原创 img src 动态拼接域名+变量

一开始这样写，觉得没毛病，可是图片怎么都不显示 ，这个链接拼接出来的字符串再网页里也可以正确打开图片如果你也出现这种情况，再域名前天添加http:// 就可以了...

原创 js截取字符串

关于截取字符串，刚刚接到了一个小需求，后台给字符串aaaaa/hhhhhh,需要向前台展示aaaaa做标题，hhhhhh做标题下面的小描述.js中有三个截取字符的方法，分别是substring()、substr()、slice()相同点：这三个方法都可以对字符串进行截取，并且返回一个新的字符串，也就是不会对原字符串进行修改不同点：这三个方法的不同之处在于参数不同。1）substri...

原创 vue页面添加水印

let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)...

原创 vscode中编辑seeting.json

以下是举例：{"git.ignoreMissingGitWarning": true,"files.autoSave": "afterDelay",// 终端在 Windows 使用的 shell 路径。使用随 Windows 一起提供的 shell (cmd、PowerShell 或 Bash on Ubuntu) 时。"terminal.integrated.shell.w...

原创 vue-cli3搭建项目时遇到的问题

选择手动配置的时候，怎么都没一点星星的标识真的是太坑了，解决办法：下载cmder，按照官网上提到的空格是选中或者取消，a是全选，i是全反选，在这里利用方向箭头来回切换即可...

原创 vue中导出excel和导入excel

问题描述：再写管理后台数据的时候，有一个常见的需求就是表格的导入和导出一：导出功能的实现导出掉的后台的接口返回的是数据流，前端需要将之转化为表格格式的数据按照这个模板来写就可以了，一个是请求接口的api，一个是需要导出的数据id参数ids，另外一个是导出的文件的文件名，我这里是固定写死的。二：导入表格这里是导入的代码；但是需要和后台协商好都使用这种方法，当...