想成为大神的小白

原创 vue-treeselect 中的小 tip

1. 设置选中当前节点不默认选中父节点和子节点：flat: true参考资料：https://vue-treeselect.js.org/#flat-mode-and-sort-values2. 选中了分支节点及其所有后代，则vue-treeselect会将它们组合到值数组中的单个项目中，可以通过valueConsistsOf 来更改：ALL: 选中的所有节点都将包含在 v...

原创 正则(验证输入内容不能为空)

/^.+$/

原创 source-map 使用

1. vue.config.js 中增加配置module.export = { chainWebpack(config) { config.when( process.env.NODE_ENV === 'development', // production config => config.devtool('#cheap-module-eval-s...

原创 element-ui 中自定义上传（http-request）的注意点

1. upload 组件中的 action 不能为空，要随便给一个字符串1. 上传时需要将参数改成 FormData() 类型的，添加参数时只能通过 append('key', value) 的形式进行添加2. 请求头中要将 Content-Type 设置为 multipart/form-data 的形式3. 如果请求参数使用了 qs 进行了封装，那么在上传的时候请对上传的...

原创 vue 中实现下载功能（后端数据是 Blob 类型）

昨天实现下载功能的时候，本以为直接使用 window.location.fref, 就可以直接完成下载，但是多次尝试之后无法完成。在请求中后端要求要加上 token，通过 href 的方式走接口是不会走全局的接口拦截器的，所以就没有办法通过拦截器去往 request header 中添加 token；询问后端在 URL 中取 token 行不，后端说 NO，这样的话之后想办法走接口，询问后端后...

原创 页面隐藏滚动条

直接搞：HTML:<div class="outer-container"> <div class="inner-container"> ...... </div></div>CSS:.outer-container{ width: 360px; height: 200px; position: ...

原创 npm 报错：operation not permitted, The operation was rejected by your operating system.

具体报错如下：npm ERR! Error: EPERM: operation not permitted, unlink 'C:\Users\Dao\Desktop\vue-element-admin\vue-element-admin\node_modules\.staging\echarts-7bd35471\map\js\province\jilin.js'npm ERR! { ...

原创 linux下安装nginx，并启动vue项目

小白，第一次尝试linux，并安装nginx完成配置，成功启动vue项目1. 安装依赖yum install gcc-c++yum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel2. 下载nginx，并解压wget -c https:/...

原创 vue-cli项目无法用ip访问

在build目录下有一个webpack.dev.conf.js的配置文件，其中的host属性取自 host: HOST || config.dev.host 所以要去看一下config.dev.host，在config目录下index.js文件中找到dev对象的host属性（原来的是localhost，改成0.0.0.0）这样就可以使用本机IP访问项目了。 ...

原创 npm心得

 1. 清空npm镜像，还原成官方镜像npm config delete registrynpm config delete disturl2. 取消代理npm config delete proxynpm config delete https-proxy3. node-sass 安装报错解决办法主要是windows平台缺少编译环境， 1、先在项目地址下的黑窗口运...

原创 前端开发文档-学习笔记

规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码，而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看普通变量命名规范命名方法 ：驼峰命名法 命名规范 ： 命名必须是跟需求的内容相关的词，比如说我想申明一个变量，用来表示我的学校，那么我们可以这...

原创 elementUI中表格分页多选记忆功能的实现逻辑

学习地址引用：https://www.cnblogs.com/wanglu/p/9160416.html 

原创 连等赋值

跟dalao学习的过程中遇到了连等赋值，dalao的问题触及到了我的知识盲区，查询一番得以解惑。// 问题 var a = { n: 1 }; var b = a; // 把a的引用复制了一份给b a.x = a = { n: 2 }; // . 的优先级高于 = 所以先生成 a = {n: 1, x: undefined} console.log(a.x);...

转载 node中的proxyTable

同事突然问起，发现自己也不了解，网上百度了一番。（百度到的链接：https://segmentfault.com/q/1010000014042635）跨域在浏览器是禁止的，但是在服务端是不存在跨域的，所以，浏览器可以发给自己的服务端，然后由自己的服务端再转发给本身需要跨域的服务端。vue-cli中的proxyTable利用的是http-proxy-middleware作为中介，http-...

原创 vue 使用 keepAlive 坑

1. transition和keep-alive一起使用的时候要将transition作为keep-alive的父容器，否则keep-alive的效果出不来2. 将需要缓存的页面在路由配置的meta中写上keepAlive: true,不需要缓存的就不用写3. 有的页面需要缓存，有的页面不需要缓存，所以需要做判断。需要使用第二种方法，因为第一种方法在第一次进入页面的时候keep-a...

转载 你不知道的js上卷笔记

原创 git 笔记

配置名字和email： 1. git config --global user.name 'Your Name' 2. git config --global user.email 'email@example.com' 补充： git config 和 --global参数 表示这台机器上的所有git仓库都会使用这个配置创建版本库： 1. 创建一个空目录： ...

转载 执行上下文笔记

执行上下文创建阶段： 执行上下文执行阶段：完成所有变量的分配，执行代码变量对象创建的过程：全局上下文的变量对象是全局对象 函数的所有形参组成变量对象（名称和对应值组成。形参的值为undefined） 函数声明：如果变量对象已经存在相同名称的属性，则完全替换这个属性 变量声明：如果变量名称和已经声明的形参或函数相同，则变量声明跳过这类属性代码执行阶段，再次修改变量对象的属...

转载 组件配置项inheritAttrs、组件实例属性$attrs和$listeners

1. 使用子组件传递了三个prop，但子组件值声明了两个prop，那么多出来的那个将被作为html自定义属性显示在子组件的根元素上。解决办法：在子组件的配置项中增加：inheritAttrs: false;这样就不会再根元素上增加。2. 使用子组件传递了三个prop，但子组件值声明了两个prop。多余的那个未声明的可以用this.$attrs来获取3. $listeners是组件的内置属性...

转载 element-ui中利用resetFields()清空表单时的坑

原文链接：https://blog.youkuaiyun.com/weixin_41991501/article/details/81975821#commentBox先上图：在使用的过程中：1. model中的字段要和ref中的字段对应上，model中的字段也就是v-model中监听的对象的字段。2. prop中的字段要和v-model中的字段对应上，这个四个字段都是为了做验证或重置...

原创 创建vue项目的时候遇到：PhantomJS not found on PATH

提示找不到PhantomJS需要进行下载，如果网速允许的话可以直接npm install -g phantomjs如果网速不给力的话，那就先进行淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.org再用cnpm进行下载cnpm install -g phantomjs大功告成...

原创 input事件和$nextTick

在工作中遇到了一个需求：在input框中实时监测用户输入的内容，只能是数字，如果不是数字，就返回默认值。 用input事件监听用户输入的内容，但是发现如果用户输入的不是数字，在返回默认值的时候出了问题。 这里在赋值的时候在控制台看是赋值成功的，但是页面中还是一个错误的值，并不是返回的那个默认值。想到了$nextTick(),开始查阅资料。Vue的官方文档异步更新队列的介绍 ...

原创 input输入框中，如果接收到的是Number类型

input输入框中，如果接收到的是Number类型的数字，那么会将小数点后边的0自动舍去。如果接收到的是String类型的数字，那么就会原样输出到input中。

原创 element-ui中select的坑

element-ui中的select下拉框，其中的选中项option是通过select中的v-model监听的变量来和option中的value(一般是id)进行匹配，如果匹配成功，则把相对应的label显示到select框中。其中，v-model所监听的变量数据类型一定要是Number类型，如果是String类型则无法进行匹配，则会将接收到的String类型的字符串原样输出到页面上。...

原创 git操作

1. 在自己github头像点击一下，然后点击new repository,然后输入仓库名和描述、选中Initialize this repository with a README(创建readme)，点击create repository创建完成。2. 进到本地要放项目的文件夹中，右键进入git bash here。3. git clone 项目地址(我用的是ssh)，回车4. 第...

原创 vscode中的ESLint

在vue项目中关闭了项目中的ESLint检查，但是在vscode中还是报ESLint的错，而且在同事的编译器中就是没有问题的，经过检查之后发现是vscode中开启了代码检查，需要在设置中覆盖：eslint.enable:false ...

原创 使用element-ui遇到的坑

1. element走马灯--取消自动播放用官网上提供的autoplay不起作用，将interval设置为0方可2. input中验证只能输入数字在v-model后边加上.number只能现在不能以非数字开头，用type="number"可以解决在后台返数据的时候也许返回的是字符串类型的数字，所以在赋值的时候需要判断一下数据类型3. form表单验证场景：在打开编辑弹窗时利用$...

转载 git操作中遇到please enter a commit message to explain why this merge is necessary

问题解决办法参考：https://www.cnblogs.com/wei325/p/5278922.html遇到的完整问题如下：please enter a commit message to explain why this merge is necessary,especially if it merges an updated upstream into a topic bran...

转载 vue中style的scoped属性

本文主要参考了以下大佬的成果：https://segmentfault.com/a/1190000012184604?utm_source=tuicool&utm_medium=referralhttps://www.mmxiaowu.com/article/5a105d5e1b60f4043271122ehttps://vue-loader-v14.vuejs.org/zh-...

原创 vue项目中在引入路由时出现路径问题的报错：This dependency was not found:

在路由配置文件中引入页面报错：This dependency was not found:* pages/user/login in ./src/router/index.jsTo install it, you can run: npm install --save pages/user/login解决办法：在build文件夹中找到webpack.base.conf...

原创 vue项目中页面调用数据的字段响应在数据加载完毕之前出现undefined

踩坑记：在项目中遇到后台数据还没有加载完毕，但是页面上调用了后台数据中的字段，这样就回报undefined。只需在这个数据的标签上加上v-if="判断的字段名"，也就是当这个字段存在的时候才显示。这样就可以解决掉undefined的问题。...

原创 在li中添加v-for报红，但是控制台并未报错

踩坑记：在利用v-for遍历时出现报红现象，但是我这边的控制台并未报错经查询，需要在每一个li后边绑定一个唯一的id值

转载 vue-cli创建我的第一个vue项目

学习笔记（https://blog.youkuaiyun.com/fungleo/article/details/77584701）0.全局安装vue-clinpm install vue-cli -g1.在准备放入项目的文件夹内vue init webpack demo2.项目名称是不是demo，是可以直接回车，不是就输出n? Project name (demo)3.项目...

转载 Unexpected end of JSON input while parsing near '...":{"name":"ajv","ve

这个问题是我在全局安装vue-cli的时候遇到的，经过百度之后发现是缓存问题，百度翻译的结果是(在解析“…”附近时JSON输入的意外结束：{“名称”：“AJV”，“VE”)清除缓存npm cache clean --force重新安装npm install -g vue-cli ...

原创 window.print()打印功能，隐藏$("#leave_send").click(function () { $('.box_two').css('display', 'none

$("#leave_send").click(function () { $('.box_two').css('display', 'none'); window.print(); $('.box_two').css('display', ''); return false; })上边的事件绑定到打印按钮上，然后先把要...

转载 UMD规范的IIFE模板

在掘金的一篇文章中看到了“UMD规范的IIFE模板”字样，由于肚子里的东西不多，所以进行了www.baidu.com,最终看到了一篇文章（文章链接：http://www.cnblogs.com/imwtr/p/4666181.html），其中对CommonJS、AMD、CMD、UMD进行了讲解，看过之后觉得可以解释我心中的疑惑，所以来写一篇文章来记录一下。CommonJS:       一...

原创 js中自定义对象新增键值对的方法

var obj = { id = 1, name = 'zs'};obj['age'] = '13'; // 新增键值对

原创 select数据回显时应该用什么来控制回显

具体到select的容器（box），然后将后台返回的value值赋值给box（box.val(data.value)）

转载 js将json集合转换成tree结构

在开发中遇到需要将数据以树形结构展示出来，后台给的数据并不是最理想的数据，那么只能由前端来进行处理。在网上找了很多，都不知所云（本人还是新手），最终找到了一篇，感觉是自己能接受的，在此附上链接：点击打开链接将我的代码附到上边，作为笔记：...

原创 做修改操作的时候一个减少请求的方法

在点击修改按钮的时候，我的第一个想法是走一个接口，让后台给我把这一行的数据给我返回来，然后我做回显，显示到页面上。今天看到了一个同事写的代码，他直接在获取整个页面中的数据的时候（也就是刷新页面重新加载数据的时候），他直接在每一行中都多写一个type为hidden的input输入框，然后将每一行的数据都提前存到这个input的value中，然后点击修改的时候直接从这个input框中拿数据。这样就减少...