couch potato的博客

原创 【布局】一行四列，响应式布局，超过四个换行，卡片宽度保持不变

原创 vue2项目基础搭建及项目中遇到的问题处理

vue2项目搭建，路由配置，子路由跳转

原创 vue防抖节流，全局定义，使用

防抖在间隔时间内被触发会重新计时，执行最后一次。节流在间隔时间内只执行一次，第一次。main.js中全局引入。

原创 vscode 全局删除console.log

输入命令，全局搜索勾选最后的这个标识，点击全部替换。

原创 git克隆原项目到新目录，保留提交记录分支等，与原项目保持各自独立

会完整克隆所有git数据，包括所有分支、标签、提交记录。会同步所有数据到目标仓库，包括历史记录和分支结构。xx-orgin表示给远程地址命名。

原创 vue2+electron项目搭建

vue2项目添加electron，可打包为客户端

原创 保留两位小数不四舍五入，10000.55变成10000.54的坑

【代码】保留两位小数不四舍五入。

原创 计算组件decimal.js 解决计算精度问题

常用方法参考文档：http://docs.asprain.cn/nodejsdecimal/API.html

原创 moment.js 日期计算组件

参考官方文档：https://momentjs.cn/docs/#/displaying/calendar-time/

原创 vue $bus 传参，跨组件页面传参的实现

vue跨组件传参

原创 前端本地搭建gninx环境

【代码】前端本地搭建gninx环境。

原创 qiankun 主子应用使用同一地址同一端口配置

Unceugnt Error: application "xxxx' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functionsin xxxx entry

原创 elementUI组件库样式修改整理

element-ui样式修改

原创 node运行 js报错 SyntaxError: Cannot use import statement outside a module

2、在根目录下创建 .babelrc文件。使用import的js文件就需要改成以下命令。3、nodejs正常运行命令。

原创 node-sass离线安装

执行结果https://github.com/sass/node-sass/releasespath 路径指向拷贝的具体位置，win盘要带上盘符，比如：“D:\tools\win32-x64-72_binding.node”五、node_moudules\node-sass中看看有没有，vendor文件夹，没有就新建一个，目录参考：vendor\win32-x64-72，最后把下载的node-sass离线包复制一份进来

原创 Vue动态组件 component :is的使用

Vue动态组件 component :is的使用。

原创 vue el-upload 以formData传递二进制文件

el-upload 以formData传递二进制文件

原创 vue mixins的使用

【代码】vue mixins的使用。

原创 代码写法优化，async/await try/catch/finally

async/await try/catch/finally 代码优化

原创 vue动态缓存，keep-alive，vuex

keep-alive

原创 el-form, 时间选择器，不管选择什么时间范围，值一直是当月一号

修改前修改后。

原创 前端导入导出json文件

前端导入导出

原创 前端复制文字

【代码】前端复制文字。

原创 前端下载文件流

【代码】前端下载文件流。

原创 vuepress引入依赖、md文件中调用自定义组件

vuepress引入依赖、md文件中调用自定义组件

原创 饼图自定义formatter、及默认选中

echarts 自定义formatter

原创 vue组件库搭建报错问题（vue-loader报错、gulp打包css报错，包含组件库打包文件webpack及gulp）

vue-loader、webpackgulp

原创 发布组件库到npm

发布组件到npm

原创 git命令：git 修改commit信息、远程仓库覆盖本地

git命令

原创 element-UI 表格列表的单选及全选，及分页跨页多选

分页表格数据选择，跨页多选

原创 树形结构查找某一节点的对应字段

【代码】树形结构查找某一节点的对应字段。

原创 js 常用日期计算（element-UI 日期计算）

日期计算

原创 tdesign-starter-cli 的安装及项目初始化

tdesign-starter-cli

原创 avue-crud 组件，form中实现树形下拉框联动输入框数据，省市区字典联动

avue-crud组件\字典联动

原创 avue 字典联动 cascader、cascaderItem

cascader:[‘city1’, ‘city2’] 发现只能联动city1。修改为 cascaderItem:[‘city1’,‘city2’]就可以了。

原创 uniapp使用微信小程序插件 miniprogram-thirdparty-plugin

在小程序平台需要先申请插件的使用uniapp中使用1、manifest. json文件打开源码视图在" mp-weixin"模块下添加引用/*小程序特有相关*/"mp-weixin":{ "plugins": { "miniprogram-thirdparty-plugin": { "version": "0.1.2", "provider": "wxb8b928431b8c56d8" } }}2、使用方式和官网一样在uniapp中记得添加条件

原创 element-ui cascader级联下拉框有值，form检验为空

问题现象：级联下拉框选择显示正常 ，但是一直检验为空，填写其他的输入框值之后又可以正常检验通过, props 和model以及rules都检查过了都没问题原因：暂未查明解决方法：在change事件中判断一下当前选中值，有的话给form赋值，没有的话赋个空值，具体也不太清楚原因，反正这么弄就好了😂// change事件// this.$set(表单值也就是model,对应项的名称，值)// 比如下图代码给this.formData.name1赋值changeF(params){ if(pa

原创 国密算法微信小程序引入报错，Error: module “xxx/xxx/src/sm2/jsbn.js“ is not defined

尝试过多种方式之后发现最简单的处理方式1、手动安装个jsbnnpm install --save jsbn2、然后将jsbn文件夹中的index.js 改名为jsbn.js，放到sm2文件夹中3、修改sm2的index.js将引入地址指向这个文件就好了const {BigInteger} = require('./jsbn')4、运行OK奇怪的是，不知道为啥uniapp项目中引用在打包成小程序就不会出现这个问题，可能是因为编译了吧，uniapp还是比较强大的...

原创 uni.navigateTo 跳转至外部链接

使用的东西：跳转方法，url写相对地址：uni.navigateTo（{url:'../test'}）承载外部链接：<web-view :src="url" :progress="false"></web-view>参数过长会有问题，需要编码解码操作encodeURIComponent/decodeURIComponent代码示例index.vue文件中写了个按钮，methods中定义方法跳转<template> <button @click="

原创 vue子组件下拉框的值动态更新

数据已经修改了，下拉框的值还是空的监听数据变化，进行强制重新渲染就好了watch:{ handler(val){ this.dataList = deepClone(val) this.$forceUpdate() }, deep:true, immediate: true}