wwf1225的博客

* 能力素质要求

最近在写vue代码时，时常会显示正在保存，正在从“‘Vetur‘, ‘ESLint‘”获取代码操作([配置]，而且电脑cpu功耗很大，vscode会卡住。版权声明：本文为CSDN博主「joeyhao123」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/zxhzm_life/article/details/119772962。vscode保存卡顿，显示正在从“‘Vetur‘, ‘ESLint‘”获取代码操作([配置]

如果在很多年前，我也认为GET传递Body不合理，但是随着rustful的流行，你会发现，GET传递Body不仅合理，而且还非常必要。举一个实际的例子，订单前置校验接口，这个接口是要下单前进行校验的，一次性告诉你，这个订单能不能下单（是否上架，是否可售，该区域是否可售，库存是否充足，该区域仓库库存是否充足……貌似很多年前，也有人说mvvm不好用，vue不好用，不如jquery，结果呢，几年前，开始流行去jquery化，相比大家印象深刻吧，不然恐怕大家用的还是jquery的ajax吧，还不是axios吧。

基本都是打包配置的问题，注释掉没用的打包配置，vue.config.js 里面的打包配置，

vue 打包baseUrl = localhost#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_connections 1024;}http { include mime

2/ git add src/components/文件名 添加需要提交的文件名（加路径–参考git status 打印出来的文件路径）（或者直接用vscode工具把需要提交的文件加号改变成减号状态，即stage=>unstage）原文链接：https://blog.csdn.net/qq_43762191/article/details/126679760。3/ git stash -u -k 忽略其他文件，把现修改的隐藏起来，这样提交的时候就不会提交未被add的文件。5/ git pull 拉取合并。

placeholder="请输入"

A：因为vxetable对锁定列固定列的做法是多复制一个实例，即两张表，进行的重叠效果。原文链接：https://blog.csdn.net/qq_38149488/article/details/125502964。版权声明：本文为CSDN博主「阿Ruey」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。总结：根据querySelector中的el进行拖拽，有固定列锁定列的情况下需使用tableKey来刷新表格。// 实现showTooltipMethod方法。

但是，子组件中不能直接修改父组件传过来的数据，必须要向父组件传递一个事件来父组件需要修改数据，即通过子组件的操作，在父组件中修改数据；这里可以看到我在父组件中定义了一个msg属性，子组件也获取到msg的值显示到input中，并通过修改子组件中input中的value值，实现修改了父组件里的数据。将 v-bind.sync 用在一个字面量的对象上，例如 v-bind.sync=”{ msg: msg }”，是无法正常工作的，因为在解析一个像这样的复杂表达式的时候，有很多边缘情况需要考虑。

上面讲述的是将基本数据类型改变会报错，那么将引用数据类型改变会不会报错呢，答案是否定的，如果父组件传给子组件的是一个引用数据类型，这里用数组为例，子组件修改数组内的元素，是不会报错的，数组是引用类型，互相更新，但不能改变引用地址，下面看一下效果。当我们在父组件中点击按钮时，会将父组件中的数据进行修改，这样子组件通过props接收的数据也会随之改变，这就印证了vue遵循单向数据流的第一条原则，在父传子的前提下，父组件的数据发生变化会通知子组件自动更新。在父传子的前提下，父组件的数据发生会通知子组件自动更新。

浅拷贝只会发生在引用类型身上，对于引用类型如果之进行简单的赋值，只会赋值指向堆内存的指针，这种称为浅拷贝。这篇文章主要为大家介绍了js的深拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助。存放在堆内存中的对象，在栈内存中存的是一个指针，这个指针指向堆内存一个位置。那么我们在赋值引用类型的时候肯定不能出现浅拷贝的现象，对原数据产生影响了。可以深拷贝的数组和对象，但是不能拷贝函数，可以进行对象或者数组的嵌套拷贝。讲完存储的方式，我们来讲讲浅拷贝和深拷贝。3.手写递归深拷贝函数。

this.$message.warning('请先保存考核关系再预览！// a-tree 默认点击一个。

mounted钩子函数一般用来向后端发起请求，拿到数据后做一些业务处理。DOM操作一般是在mounted钩子函数中进行。created执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再watch。所有方法都应该在methods里定义，在mounted或created里面使用this调用，用这种方法实现初始化。methods方法有一定的触发条件，如click等。

跨域只存在于开发环境，就是我们写代码的时候，在真正的生产环境中是不存在跨域的，前端可以通过代理的方式帮我们实现跨越。在开发服务器上配置一个代理，同时我们的静态资源（我们写的那些代码）也是在开发环境上的，当代理和静态资源在同一个服务器上的时候，浏览器访问的时候就不存在跨域的问题。当浏览器发起请求时，先通过代理再发送给服务器，服务器返回请求时先给代理，再给浏览器，这样浏览器是感觉不到静态资源和代理分布在两个服务器上，而代理和服务器之间是不存在跨域问题的，因为前面说过跨域只存在于浏览器。这种意思是重写了地址。..

title'请求页面未找到',title'请求页面未找到',//Layout组件特殊处理。//遍历后台传来的路由字符串，转换为组件对象。

meta{title"启用/禁用（用户）",affixfalse,iconnull},meta{title"启用/禁用（角色）",affixfalse,iconnull},meta{title"显示/隐藏",affixfalse,iconnull},meta{title"数据采集",affixfalse,iconnull},

vue前端性能优化（转载） - 时间观测者 - 博客园一、vue-router路由懒加载懒加载是当路由被访问的时候才加载对应组件，而不是在首页就全部加载，以此来提高首页反应速度。方法和原理require-ensure说明: require.ensure在需要的时候才下载依赖的模块，当参数指定的模块都下载下来了（下载下来的模块还没执行），便执行参数指定的回调函数。require.ensure会创建一个chunk，且可以指定该chunk的名称，如果这个chunk名已经存在了，则将本次依赖的模块合并到已经存

wms - OpenLayers not refreshing a layer - Geographic Information Systems Stack Exchange最近开发一个基于openlayers的webgis在线编辑系统。openlayers加载wms服务作为资源底图展示。前端负责要素绘制，然后保存到后台数据库对应的表中，每次创建完成一次资源，都需要重新刷新wms服务，更新资源底图。示例说明如下图碰到的问题主要是被百度搜索引擎坑了，最近科学上网欠费了，只能使用百度，搜索了一波网上的方案，归类

包括action 和 http-request两种方式上传成功回调方法 绑定 方法自定义上传相比action上传，扩展性更强，当项目里上传需求较多，且连接不同接口地址时，配置uploadheaders 配置很多显然不太优雅。注意：自定义上传时，需要对该上传设置一下请求头 。 在拦截器里设置请求头自定义上传的触发方式 ，点击确定时在里执行，执行这句即是执行uploadFile方法注意： formdata打印不出来，实际有值...

本文目录：以下代码， 点击按钮后， 控制台上会打印什么？输出结果是原理分析：通过成功将自定义事件myEvent挂载到vue实例上，并且指定了ABC为自定义事件触发的回调函数。（'自定义事件的名字myEvent',回调函数ABC）通过触发自定义事件ABC，并且将'my params'作为自定义事件的实参传递出去。（'自定义事件ABC',传递出去的实参）好处：Vue通过上面的操作，将事件定义和事件触发解耦，提升了灵活性。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue

一.方法封装：measure.js：import Draw from "ol/interaction/Draw";import { unByKey } from "ol/Observable.js";import Overlay from "ol/Overlay";import { getArea, getLength } from "ol/sphere.js";import { Point, LineString, Polygon } from "ol/geom.js";import { Circle a

请求报500，大多是参数不对。检查了前端的参数无误，多数是后台没有接收到。至于为什么后台没有接收到，是因为，请求头和请求体格式不同最常见的有下面这几种：一定要和后台接口的小哥沟通好格式。application/x-www-form-urlencodedmultipart/form-dataapplication/json另外还有一个很重要的点，就是下面这个qs库，作用是将url中的参数转为对象；将对象转为url参数形式。很多时候500的错，就是参数需要qs转一下就好了import qs from 'qs'

VUE报错：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "topActive"大概意思是：避免直接改变属性，因为每当父组件重新渲染时，该值

<template> <div class="custom-table"> <template v-if="name === '环沪增援力量'"> <!-- 环沪增援--指挥部信息 --> <div class="zhb-box"> <el-table :data="tableData1" :header-row-class-name="...

​​require和import的区别require和import的区别 - wenxuehai - 博客园目录1、require 和import 的区别 2、require() | exports 的用法 2.1、导入模块 require() 的用法 2.2、输出接口 exports 的用法 3、import | export 的用法1、require 和import 的区别node编程中最重要的思想就是模块化，import 和 re...

/* 滚动条 */::-webkit-scrollbar { width: 3px !important; height: 3px !important;}::-webkit-scrollbar-thumb { border-radius: 10px; width: 1px; background: rgba(255, 255, 255, 0.5);}::-webkit-scrollbar-track { box-s...

1.push 之前一定要清空，改变数组键值名字this.checkListPC = []this.checkboxList.forEach((it) => {this.checkListPC.push({nameA: it.display_flagpc,nameB: it.module_data_id,nameC: it.module_data_name,})})2.前端过滤搜索// 搜索search() {if (this.input === ''

<template> <div class="hotBar"> <div v-for="(item, index) in data" :key="index" class="item"> <!-- {{item}} --> <div :style="{ color: setfontColor(index), }" class="title"...

首先，在vscode商店 搜索添加koroFileHeader插件，安装之后reload插件；ctrl+shift+p 搜索setting,然后搜索FileHeader点击并且进入setting界面（json界面亦可）setting文件配置如下：//配置新建文件注释和方法注释"fileheader.configObj":{"createFileTime":true,//设置为true则为文件新建时候作为date，否则注释生成时间...

Vue的双向绑定和单向数据流南蓝NL关注五一假期在家补了课，看到双向绑定与单向数据流的概念。瓦特，我之前以为Vue的V-model就是双向数据流，其实不然,下面让我仔细来看看双向绑定简而言之，双向绑定就是model的更新会触发view的更新，view的更新会触发model的更新，它们的作用是相互的[图片上传失败...(image-81a06f-1556975918443)]单向数据流简而言之，单向数据流就是model的更新会触发view的更新，view的更新不会触发mo

vue中的css作用域、vue中的scoped坑点https://www.cnblogs.com/goloving/p/9119460.html一、css作用域　　之前一直很困扰css的作用域问题，即使是模块化编程下，在对应的模块的js中import css进来，这个css仍然是全局的。导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染。　　在vue中引入了scoped这个概念，scoped的设计思想就是让当..

Vue组件component创建及使用组件化与模块化的区别　　什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么功能，就可以去调用对应的组件即可　　组件化与模块化的不同：　　　　模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一　　　　　　组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用。<!DOCTYPE html>&lt

一、 Git 常用命令速查Git 常用命令大全_道的博客-CSDN博客_git命令git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上...

Vue 作用域插槽 :Vue 作用域插槽 - 简书深入理解vue中的slot与slot-scope写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项在使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了vue的说明文档。实际上，插槽的概念很简单，下面通过分三部分来讲。这三部分也是按照vue说明文档的顺序来写的。进入这三部分之前，先让还.

Vue插槽的理解和使用Vue插槽的理解和使用_bobozai86的博客-CSDN博客_vue插槽的使用对于插槽的概念和使用，这是vue的一个难点，这需要我们静下心来，慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记，如有错误或者有不同见解的，欢迎留言，一起学习。什么是插槽插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的&l...

VUE Element UI checkbox 全选操作 - smile_lg - 博客园<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesCha...

CSDN在学习深拷贝之前，我们要先搞明白什么是深拷贝？在JS中，数据类型分为基本数据类型和引用数据类型两种，对于基本数据类型来说，它的值直接存储在栈内存中，而对于引用类型来说，它在栈内存中仅仅存储了一个引用，而真正的数据存储在堆内存中当我们对数据进行操作的时候，会发生两种情况一、基本数据类型var a = 3;var b = a;b = 5;console.log(a); // 3console.log(b); // 5可以看到的是对于基本类型来说，我们将一个基本类型

Vue中的watch与computed - gunelark - 博客园Vue中的watch与computed看了网上很多资料，对vue的computed讲解自己看的都不是很清晰，今天忙里抽闲，和同事们又闲聊起来，对computed这个属性才有了一个稍微比较清晰的认识，下面的文章有一部分是转自：Vue 2.0学习笔记： Vue中的computed属性_Vue, Vue学习笔记, 会员专栏 教程_W3cplus©w3cplus.com，感觉这篇文章上面的例子通俗易懂，所以此处借用了。...

安装jwt: "jsonwebtoken":"^8.5.1",getToken(){constjwt=require("jsonwebtoken");//引入jwt//constsecret="thisisaprivatekey";//指定一个用于生成token的密钥字符串constsecret="wwf";//指定一个用于生成token的密钥字符串consttok...