siwangdexie_copy的博客

原创 webpack5 + vue cli4 配置 speed-measure-webpack-plugin 插件

核心代码是 smp.wrap，这里包含了全部的配置。

原创 electron获取元素xpath、pc端网页展示获取到的xpath、websocket给两端传值

在传值上先后试过 mqtt、url+localstorage，mqtt因为延时，导致获取以后不能马上看到赋值，pass，url+localstorage就是electron app 通过打开一个新链接的方式跳转到pc，这样会每次打开一个新链接，并且涉及到要一直判断什么时候该保存，什么时候该清空，体验不太好，所以最后选择websocket。b.拦截加载页面的原生点击事件；（因为我的需求设计是，pc端每次想要获取的时候，都可以唤醒electron app，所以需要这个，如果没有这部分的需求，这段就没必要加了）

原创 使用nginx给静态html的接口请求配置跨域

【代码】使用nginx给静态html的接口请求配置跨域。

原创 logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候，鼠标松开，节点不落在画布，仍旧跟着鼠标走

拖动第一个节点的时候，一切正常（无论哪个节点作为第一个节点，都是正常的，但是拖动第二个节点的时候，节点面板出现重影一样的效果，如图）CSS的pointer-events属性用于指定什么情况下元素可以成为鼠标事件的target。此时选中的节点会一直跟随鼠标移动，不落在画布上，需要单击鼠标左键才可以落下，落下后，控制台会报错如下。给盒子里的icon和文字都加上 user-select: none;会让一个元素忽略鼠标操作。

原创 nvm安装后，安装并切换版本，node报错

安装时候 安装路径可以自选，但是涉及到指向的路径，最好让它自己选，如果自己指定的话，切换node版本的时候，环境变量不跟着变化，会导致切换不成功，详见第4、5步。对应第4步的 NVM_SYMLINK，这个地址选择默认的，不要改，第一次安装的时候改变了这个地址，导致切换以后不生效。5、对应第4步的 NVM_HOME，我是自己在D盘新建的文件夹。NVM_SYMLINK对应的是安装的时候第二个选择路径。这个版本是 v1.1.11，不喜欢的话，自己选版本。NVM_HOME 对应的是安装的时候第一个选择路径。

原创 egg.js + mysql + windows 踩坑全纪录

资料： egg.js文档（背景：前面的都很简单，按照官方文档配置即可，全部调通以后，开始接触数据库mysql因为米有后台开发背景，所以需要从头开始。

原创 vscode编辑器，vue、小程序等语言适配eslint格式校验 + prettier 保存时自动修改格式

代码格式检查、保存时候自动完善格式

原创 electron安装过程中遇到的问题

electron 初次安装 踩坑记录

转载 在传统的html页面中开启热重载

参考文档：https://www.cnblogs.com/alex-zen/p/9811695.html基本上需要的步骤这个文档里都有提到了，唯一的问题是，文档中提供到的 google 浏览器 LiveRolad 插件在我的浏览器里是报错的，所以另外下了一个版本的插件。插件地址：下载google 浏览器 LiveRolad插件地址...

原创 axios传 file文件 （多文件上传）

代码背景：vue cli 4“axios”: “^0.21.0”,传file文件的时候，需要用formData代码只是说明，仅供参考let formDatas = new FormData();//多文件上传的时候，通过遍历来追加file给表单//编辑状态的话，就传url，新增状态，就传file格式文件this.filelist.forEach((i,index)=>{ if(i.raw){ formDatas.append("file[]",i.raw); }e

原创 element ui 中 upload 控件 $confirm 方法

element ui文档地址需求：页面需要添加一个上传控件，可以上传pdf、txt、mp3、mp4四种格式，如果格式不对，则上传不成功。代码背景：pc端、"@vue/cli-service": “~4.5.0”,、“element-ui”: “^2.13.2”,描述upload控件中，要做格式校验，所以使用了 before-upload 方法，对于不符合标准的格式，拒绝上传。ps：为了说明问题，只截取了需要的代码，如果使用这个功能，请从官方文档引用完整代码<el-upload cl

原创 微信小程序学习笔记-知识点简单总结

参考文档：微信小程序开发文档微信小程序学习笔记一、环境准备二、工具介绍三、小程序结构目录1、app.json => 全局配置2、页面配置3、sitemap 页面是否被微信索引四、模板语法1、WXML数据绑定2、数组循环，列表渲染3、block标签4、条件渲染5、事件绑定6、wxss五、常见标签1、text2、image3、swipper4、navigator5、rich-text 富文本标签6、button7、自定义组件其他一、环境准备看文档即可，没有遇到什么值得记录的。二、工具介绍普通编译

原创 Sourcetree + 码云 安装步骤

1、下载Sourcetree，官方地址如下，下载过程不再赘述。2、安装的时候，需要注册，注册有点麻烦，所以选择跳过注册，跳过方法如下：3、看看自己的电脑上是否有git，没有的话，需要安装git，两种方法4、码云和Sourcetree的连接1、下载Sourcetree，官方地址如下，下载过程不再赘述。Sourcetree2、安装的时候，需要注册，注册有点麻烦，所以选择跳过注册，跳过方法如下：1）打开文件夹：%LocalAppData%\Atlassian\SourceTree\；2）在此目录下新建.

翻译 《 指数基金投资指南 》by 银行螺丝钉 - 笔记 - 4 - 第二部分

文章目录1、盈利收益率法挑选指数基金概述盈利收益率法的局限和适合的品种2、博格公式法挑选指数基金1.影响指数基金收益的三大因素2.博格公式：指数基金的收益公式3.如何使用博格公式4.盈利收益率和博格公式的关系5.博格公式的变种1、盈利收益率法挑选指数基金概述我们要在盈利收益率高的时候才开始定投，在盈利收益率低的时候停止定投，甚至卖出。这样才能保证自己能赚钱，而不是亏钱。盈利收益率多高算高，多低算低呢？这里有两个数据可供参考。一个是10%，一个是6.4%。我们使用盈利收益率来定投指数基金的策略是：

翻译 《 指数基金投资指南 》by 银行螺丝钉 - 笔记 - 4 - 第一部分

如何挑选适合投资的指数基金文章目录如何挑选适合投资的指数基金概况价值判断1、常见的估值指标a、市盈率b、盈利收益率c、市净率(市值/净资产)行业 & 估值方式匹配总结d、股息率概况本章所要介绍的理念，主要来自两位投资大师：一是巴菲特的老师格雷厄姆，他带来了最基本的价值投资理念；二是指数基金的发明者、指数基金之父约翰·博格，他对指数基金投资的理解非常深刻。用价值投资的理念挑选出值得投资的指数基金，再用定投的方式去投资它，这是我们投资指数基金的核心，也是本书最重要的章节。格雷厄姆对价值投资总结

翻译 《 指数基金投资指南 》by 银行螺丝钉 - 笔记 - 3

一、指数基金的分类1、概况指数基金最常见的一种分类，就是分为宽基指数和行业指数。有的指数基金在挑选股票的时候，并不限制非得是投资哪些行业；但有的指数基金在挑选股票的时候，会要求只投资哪些行业的股票。A股经常暴涨或暴跌，所以指数基金也带有这个特征。这个特征是我们投资指数基金需要特别注意的一点。例如消费行业指数基金，就要求主要投资消费行业的公司，这种指数基金就是行业指数基金。而像沪深300指数基金，它挑选股票的时候，并不限制行业，这种就是宽基指数基金。为何要做这样的区分呢？因为行业指数基金受行业

翻译 《 指数基金投资指南 》by 银行螺丝钉 - 笔记 - 1、2章

1、说到指数基金，那自然离不开指数。什么是指数呢？指数是一个选股规则，它的目的是按照某个规则挑选出一篮子股票，并反映这一篮子股票的平均价格走势。2、什么是指数点数呢？每一个指数都有一个点数。这个点数就是指数背后公司的平均股价。这个点数下跌，就代表指数背后的公司股价整体下跌了；如果点数上涨，就代表指数背后的公司股价整体上涨了。3、谁开发的股票指数？指数也不是凭空产生的，开发指数的机构主要有两类：证券交易所和指数公司。国内有三大指数系列。上海证券交易所（简称上交所）开发的上证系列指数，深圳证券交易

原创 vuex-actions-对文档的一些理解记录

一个 store.dispatch 在不同模块中可以触发多个 action 函数。在这种情况下，只有当所有触发函数完成后，返回的 Promise 才会执行。插播一个问题Vuex的store.dispatch问题

原创 vuex-mutations-对文档的一些理解记录

都在图里，没啥好说的~

原创 vuex-getter-对文档的一些理解记录

1、在作为函数返回的时候，自己传的入参在第二层函数里面，在state参数所在层的内一层，不是同一个层；2、返回值的时候，缓存，返回方法的时候，不会缓存；

原创 vuex-state-对文档的一些理解记录

1、文档vuex2、中途去看了看computed3、中途又去看了看mapState-state,mapState,…mapState对象展开符详解

原创 事件执行队列

例题分析例题摘自：总结事件轮询机制，以及宏任务队列与微任务队列console.log('======== main task start ========');new Promise(resolve => { console.log('create micro task 1'); resolve();}).then(() => { console.log('micro task 1 callback'); setTimeout(() => { consol.

原创 promise知识点汇总图

转载 微信公众号页面 语音搜索功能 大概流程

微信公众号页面 语音搜索 大概流程 - vue

转载 姓名的校验-汉字（2-5个字符）

如标题需求是 校验 用户输入 的 姓名是否符合规范规则是 汉字2-5个字参考链接1、正则验证姓名否中文(包含生僻字)转载文章内容如下：1.常见的中文 \u4e00-\u9fbb 和 \u4e00-\u9fa5 （不包含生僻字）2.比较广泛的中文汉字。（包含了咱们需要的生僻字 和 不需要的很多字符 比如 中文句号分号逗号、书名号 等等） \u2E80-\uFE4F3.CJK标点符...

转载 js 各种数据类型的运算

本来只是一个基础的数据类型比较，后面发现涉及的东西还挺多，越扯越长。。。首先，基础知识：来源：阮一峰的博客-数据的比较阮一峰的博客-数据类型的转换1、JS的基本(原始)数据类型：Undefined、Null、Boolean、Number、String。(详见javascript高级程序设计)；2、不同数据类型之间的比较相等运算符(==)用来比较相同类型的数据时，与严格相等运算符(==...

转载 html2canvas保存成大小固定的图片

html2canvas官网背景管理后台生成二维码，点击保存可以下载二维码图片，自行打印，打印出来的图片大小必须是 110mm*160mm问题windows 和 MAC OS 系统 保存 出来的图片 大小 不一样，打印出来的图大小也是不一样的原因考虑是 px 和 mm之间的转换有问题，后进行进一步分析：1、是不是跟html2canvas文档中的scale属性有关：文档里面有关于 sc...

转载 vue数据传递--我有特殊的实现技巧

$emit时，必须已经$on，否则将无法监听到事件，也就是说对组件是有一定的同时存在的要求的。(注：路由切换时，新路由组件先created，旧路由组件再destoryed，部分情况可以分别写入这两个生命周期，见此问题)。$on在组件销毁后不会自动解除绑定，若同一组件多次生成则会多次绑定事件，则会一次$emit，多次响应，需额外处理。数据非“长效”数据，无法保存，只在$emit后生效。

转载 pc端 下载图片到本地 兼容IE

参考纯javascript前端实现base64图片下载(兼容IE10+)背景管理后台PC端生成一个二维码，用户需要下载到本地打印出来，用于收费思路1、接口取到二维码（二维码图片最好是base64）2、二维码嵌到页面上3、clone一份html结构出来（正好是需要打印的部分）4、clone的结构fixed脱离标准流，z-index值给小，起到不显示的作用5、canvas画图6、h...

原创 获取 img元素图片 的原始尺寸

项目背景：element-ui 图片上传组件，上传后的图片，点击放大镜icon需要放大显示，居中在弹窗里<el-dialog :title="bigTit" :visible.sync="dialogVisible" :before-close="handleClose"><div class="bigPicBox"> <im...

原创 element-ui日期选择控件 IE11 赋值不显示 placeholder

背景：给日期赋默认值，在IE11，不显示。<el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>data(){ return { value1:"2019-05-08" }}解决方法：删掉 placeholder，新增...

转载 formdata && ajax && processData && jquery

转载：formData使用总结$.ajax({ url: 'upload01.php', method: 'POST', data: formData, contentType: false,//必须 processData: false,//必须 cache: false //上传文件不需要缓存})参数说明：contentTypejq...

转载 跨域请求接口 && 需要发送cookie && credentials

转载文章：1、浏览器跨域请求之credentials背景：项目因各种原因，前端包不能和API放在同一域名下，故，跨域需求产生。原本这种情况，后台开启允许跨越就可以，但是首页登录区域有个 图形验证码，后台需要从cookie里面比对接口传入的验证码是否正确，那么问题来了：一般跨域请求的时候，是不会带着cookie请求的，比如 前端包所在的 b域名 请求 api所在的a域名，b域名是不会带着c...

原创 element-ui 日期区间选择控件 根据所选月份 日期区间 同一个月

背景：在一个管理后台中，需要根据选择的月份，来联动控制 时间区间 的显示（并且在月份选择之前，日期范围不可选）示例图：1、初始化页面2、选择年月3、选择日期范围代码：1、组件 => element-ui//<div class="input_div"> <span>申报年月</span> <el-date-pi...

转载 在IE11中，当min-height遇到了flex

在IE11中，当min-height遇到了flex背景：解决Flexbox跨浏览器兼容Bug

转载 自定义事件传参问题 -- vue $emit 接收子组件参数 同时 在父组件 添加参数

背景描述：// 子组件this.$emit(‘test’,this.param1，this.param2, this.param3)// 父组件 arguments 是以数组的形式传入@test='testFather(arguments,userDefined)'methods：{ testFather(vals,userDefined){ //访问vals就可以得到子组件传过来...

转载 element - ui 中 element-icons 在 IE 11 的兼容

参考信息：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。背景：UI组件： elemnt ui框架：vue描述：项目在 IE 11 环境下 报CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。element-icons.6f0a763.ttf经查，需添加 eot 格式 字体1、编辑器搜索 ...

原创 vue 项目中页面打印实现（去除页眉页脚）

vue 项目中页面打印实现参考文章：13 Paged media项目描述：背景：框架vue、组件 element-ui，已有一个在用的后台管理系统需求：现需在列表页面添加按钮-----打印协议，并且在点击按钮以后，进入打印页面，确认无误后在打印页面点击打印直接调电脑连接的打印机。主要代码：window.print()实现思路：1、项目本身具有layout嵌套，window.pr...

原创 react中scss文件报错

描述：react项目安装了sass，import “style.scss” 文件，npm start 时候报错原因：sass的规则用了不只一次报错日志：./src/style/style.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./node_modules/style-loader!...

原创 react安装postcss-pxtorem

需求在react项目中安装插件，实现按照设计图中的标注输入px，自动转换成rem。基本情况1、create-react-app 创建项目；2、npm run eject 变成自定义配置的模式配置postcss-pxtorem1、安装插件：npm install postcss-pxtorem --save-dev2、打开文件：webpack.config.dev.js3、修改...