sunqy1995的博客

nvm简介nvm是一个nodejs的版本管理工具，可以通过它安装和切换不同版本的nodejs，主要是用于解决node版本不兼容问题。在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的 NodeJS 运行环境，这种情况下，对于维护多个版本的 node 将会是一件非常麻烦的事情。nvm 就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。下载window 使用 nvm-window选择nvm-setup 然后下载后

Redux安装# NPMnpm install redux# Yarnyarn add reduxstatestate就是存放数据的地方state数据需要通过reducer来管理发起reducer需要通过dispatchdispatch的参数是一个action总结来说，state的修改需要通过dispatch发起一个action，然后通过reducers返回一个新的state。Actionaction是把数据从应用传到store的有效载荷，是store数据的唯一来源。需要

说明在使用git提交代码的时候总是会遇到对于文件名称修改的情况，其他情况下git还是可以识别出删除和新增的文件的，但是在大小写修改的时候，git默认是不区分大小写的，导致在本地显示是正确的但是在远程仓库出现了一个大写一个小写的两个相同的文件。设置设置区分大小写进入项目文件夹输入git config core.ignorecase false命令即可直接修改项目中的.git/config文件的ignorecase也是同样的效果。全局设置 git config --config core.igno

Array.isArray()let arr = [1, 2, 3];Array.isArray(arr) // trueinstanceoflet arr = [3,4];arr instanceof Array // trueconstructorlet arr = [2,3,4];arr.consstructor === Array; // trueprotolet arr = [3,4,5];arr.__proto__ === Array.prototype; // t

对于npm总是会出现一些无法使用的问题，需要重新安装一下npm。首先将安装npm的文件夹删除，安装npm 的文件夹在C:\Users\sun\AppData\Roaming
pm然后卸载node下载新的node并且安装这样新的npm就重新安装好了，就可以正常使用了。...

前后端分离开发的时候会出现跨域，前端可以通过webpack-dev-server进行本地代理服务。设置代理devServer: { proxy: { '/api': { // 接口访问的地址 target: url, secure: false, // 如果是https接口，需要配置这个参数 pathRewrite: { '^/api'

使用amfe-flexible下载插件amfe-flexiblenpm install amfe-flexible使用// 引入amfe-flexibleimport 'amfe-flexible/index.js'引入之后直接使用rem进行书写相关的样式就可以了，这个插件会根据屏幕自动设置相关的fontsize。注意：使用这个插件需要使用rem，这个需要自己手动将设计稿中的px转换成rem;...

html2canvas.js在有-webkit-box时 属性无法将有这个属性的盒子截图通常在使用多行省略时，会使用display：-webkit-box属性，然而html2canvas.js并不会识别这个属性，所以有这个属性的盒子将不会出现在截图当中，会出现空白显示。解决方法：不使用这个属性，就可以正常进行截图显示...

You have not concluded your merge. (MERGE_HEAD exists)原因一般出现这种情况是没有完成上次的merge操作，就进行了pull操作，就会报这种错误，在pull之前一定要将先前的冲突解决掉。git语法操作git fetch --allgit reset --hard orgin/mastergit fetch 只是下载远程的库的内容，不做任何的合并git reset 把HEAD指向刚刚下载的最新的版本webstrom解决办法1、在git操作中选

webstrom配置动态将scss编译成css软件准备在配置之前需要安装ruby和sass安装ruby电话环境：window10 X64ruby安装网站:https://rubyinstaller.org/downloads/点击网站上的进行下载就好，我下载的是最新版：buty-2.7.2-1下载完成后直接点击安装就好检验ruby是否安装完成ruby -v打开cmd输入以上命令，出现正常的版本号，说明安装成功，否则重新打开cmd再试一次，再不行就重新装一次。2. 安装sass

Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.问题在配置scss全局配置文件的时候出现了错误，sass-loader v7 以上的版本，将选项名从 data 更改为 prependData，修改完成后发现还是有问题，通过排查发现在项目中只使用了scss，再配置的时候配置了scss sass，将sass配置删除就好用了c

iconfont中提供了一个.json文件用于读取项目中所有的图标的名称，需要在iconfont项目网站上将文件下载下来。

iview的form表单校验iview是常用的vue的ui组件，其中实现了许多的功能，其中一个最常用的还是表单功能，iview自带了表单的校验功能，在保存的时候通过调用validate方法就可以进行表达校验。将form中绑定的值放在model上面，将每个需要进行校验的规则写在rules中在form-item的prop上写上相应的键值在需要校验的时候调用validate方法进行规则校验...

vue-cli3安装npm install -g @vue/cli# ORyarn global add @vue/cli安装成功后通过命令行查看是否安装成功:vue --version#ORvue -V // 查看当前版本为3.几就是 成功的项目创建vue create vue-app 添加electron使用的是vue-cli-plugin-electron-bu...

第一种方式可以使用window.location.href直接导出，只限于导出excel文件，如何导出像txt等文件时使用该方法会导致浏览器直接打开文件。window.location.href = '1234.xlsx';第二种导出方式模式是首先创建一个a标签，然后点击a标签进行文件的下载，这一种是get接受到的文件流。let blob = new Blob([file], {typ...

在输入input时会出现显示原来输入的内容的情况，这是由于浏览器将先前的历史进行了记录，在input中进行了历史记录的显示，如：解决办法：在input中添加属性 autocomplete="off".定义和用法：autocomplete 属性是HTML5的新属性自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释...

项目创建git然后选择项目正确的问件加，就可以创建好git。项目中添加多个git首先打开添加地址的位置，然后选择remotes在弹窗中点击+号，最后添加git仓库的账号密码就完成添加了。然后再push仓库的时候可以选择不同的仓库进行添加了。...

查看版本node -v 查看node版本npm -v 查看npm 版本更新版本npm install -g npm 更新npm到最新版npm install -g node 更新node到最新版清除npm缓存npm cache clean -f

遍历数组比较大小将第一个值认为是最大值或者最小值，经过每一次的循环进行判断赋值，比当前大或者小时进行替换，依次这样，到最后获得的就是最大值/最小值。let arr = [1,5,3,2,7,4];let max = arr[0], min = arr[0];for (let i = 1; i < arr.length-1; i ++) { if (max < arr...

字符串的截取 slice用法：slice(start, end)方法提取字符串要提取的部分，start(包含)和end(不包含)来指定位置，负数从字符串的末尾进行开始。let str = 'hello word';let n = str.slice(1,3); // el 注意：该方法并不会修改原字符串，当为0时返回的是整个字符串。字符串的截取 substring用法：和slice相...