qq_1872583947-CSDN博客

原创笔记本电脑操作失灵：开始菜单、鼠标点击、应用程序等打开自动关闭

问题表现：1、打开开始菜单，菜单弹出后自动关闭2、桌面或应用程序中鼠标点击（左击或右击），操作后，大概率自动关闭你开启的操作3、打开应用程序，大概率自动关闭产生原因：键盘和鼠标驱动问题(仅作者自己找出的原因，各位的问题请具体分析)解决办法：在我的电脑->鼠标右击->选择管理->设备管理器，更新这两个驱动...

2022-05-16 11:55:34 2611 1

原创 windows10系统开启iis功能，并配置入站规则

1、开启iis功能此时iis搭建完成，在部署网站到服务器的时候，发现本地访问网站没问题，但是局域网其他机器无法访问，或者在把相应端口映射后，外网也无法访问初步解决方案——防火墙规则2、配置入站规则①【开始】打开【控制面板】，选择【WINDOWS 防火墙】②在防火墙界面，选择左侧边栏的【高级设置】③在弹出的高级安全Windows防火墙界面中，选择左侧边栏的【入站规则】，然后在右侧边栏选择【新建规则】在弹出的窗口中完成如下操作：1.选择【端口】，下一步；2.选择【TCP】以及【特定

2022-02-09 09:41:46 2091

原创字符串replace—变量全局替换

业务需求：根据接口返回值，替换字符串值res.datas.arr.forEach((item) => { this.content = this.content .replace( new RegExp(item.id, "g"), item.text ); });关键代码：item.id是变量，需要用new一个正则的方式转成正则new RegExp

2021-08-10 11:43:50 376

原创 vue-i18n使用时出现警告——Value of key ‘**‘ is not a string or function !

vue-i18n使用时出现警告：在配置vue-i18n时，设置silentTranslationWarn: true, 去除国际化警告const i18n = new VueI18n({ // 设置本地语言 // 值: en | zh locale: getLanguage(), messages, silentTranslationWarn: true, // 去除国际化警告});...

2021-07-13 14:50:52 6864 4

原创 SVN设置本地忽略文件

svn提供了change list来做这个。如下图所示，添加到ignore-on-commit这个列表里，提交的时候会自动放到那个忽略列表里，这个列表里的文件是不能选择提交的设置后状态及撤销如果本文对你有帮助，请点个赞吧！...

2021-06-09 15:57:59 1345 1

原创 ElementUI dialog配合form,关闭dialog时清除校验

在form表单中有prop属性的el-input元素会参与字段的校验（有校验不为空的、长度不符合的、手机号格式等等），会出现如下图所示情况，当我们关闭dialog再打开时，发现校验的错误信息还保存在表格中，我们应该如何解决呢？解决办法：在dialog关闭的时候清除表单校验规则<el-dialog :title="title" :visible.sync="dialogFormVisible" @close="$refs.dialogForm.resetFie

2021-06-08 15:01:30 1953 2

转载 CSS3自定义滚动条样式 -webkit-scrollbar

滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。 ::-webkit-scrollbar-track-piece

2021-06-04 11:30:01 366

原创 element el-tree组件设置出现横向滚动条

我的实现方式.el-tree { background: none !important; box-sizing: content-box; overflow: auto;}::v-deep { .el-tree-node { /*设置横向滚动条*/ min-width: 100% !important; display: block !important; float: left; }}网上其他参考解决办法.el-tree {

2021-06-03 13:58:06 1395 2

转载 elementUI radio选中样式修改为勾勾

elementUI radio选中样式修改为勾勾::v-deep { .el-radio__input.is-checked .el-radio__inner::after { content: ""; width: 10px; height: 5px; border: 2px solid white; border-top: transparent; border-right: transparent; tex

2021-05-29 16:09:55 3168 3

原创 echarts动态改变series，数据重合问题

echarts动态改变series值，来动态更新图表，发现数据有重合问题产生原因是：Echarts会默认将更新的数据和之前数据合并解决办法：setOption时设置第二个参数为truemyChart.setOption(option,true)

2021-05-29 11:30:32 2425 1

转载 element 封装选择下拉树 select-tree

业务需求中要求使用选择下拉树，也就是select和tree的组合新建一个公共组件在components下新建SelectTree文件夹->新建index.vue<template> <el-select :value="valueTitle" :clearable="clearable" @clear="clearHandle" :placeholder="placeholder" ref="select" > &l

2021-05-24 20:28:44 1556

原创 vuex namespaced的作用以及使用方式

namespaced属性用于解决不同模块的命名冲突问题在业务模块中，导出时使用namespaced: trueexport default { namespaced: true, state, mutations, actions,};用法：①在getters.js中state.user.name就是state.名称.存储字段const getters = { ... name: state => state.user.name,};export defaul

2021-05-24 16:04:44 1304

转载 js 类型判断

1、js中的数据类型**基本数据类型：**Undefined、Null、Boolean、Number、String，Symbol**引用数据类型：**Objectlet bool = true;let num = 1;let str = '123';let und= undefined;let nul = null;let arr = [1,2,3,4];let obj = {name:'李白',sex:'男'};let fun = function(){console.log('he

2021-05-09 17:09:19 112

原创 Echarts高度自适应

在开发数据大屏的时候，有需求要求echarts图表能自适应宽度和高度原理：在监听页面大小变化的时候，先监听echarts父级元素的高度变化，计算出echarts的高度，然后再调用echarts的resize函数关键代码window.addEventListener("resize", () => { if (this.subItemsEcharts) { // 计算echarts高度 this.setEchartsHeight('sub-items', 'sub-ite

2021-04-30 11:03:05 2160

原创 vue-cli组件引入assets目录下的图片

方式一：绑定src<img class="bg-img" :src="zuoshangbeijing" />...data() { return { zuoshangbeijing: require("@/assets/images/dashboard/iocn_zuoshangbeijing.webp") }; },方式二：在style中引入background: url('~@/assets/images/dashboard/iocn_zuos

2021-04-27 11:30:33 1971

原创 element-ui的pagination分页增加首页和末页

在使用element-ui的pagination分页时，发现没有跳转到首页和末页的icon,那么现在就自己来实现一下这个功能实现的原理是利用slot来自定义内容，就是带有首页和末页的完整分页由两个pagination组件组成<el-pagination class="ahead-page" :current-page="tablePage.currentPage" :page-sizes="pageSizeArr" :page-size="t

2021-04-22 11:37:13 3227 1

原创 vxe-table国际化

在使用vxe-table时需要用到国际化vxe-table组件国际化自定义部分那么怎么配置呢？1、安装vue-i18nnpm i -S vue-i18n2、新建lang文件夹目录结构index.jsi18n基本配置import Vue from 'vue'import VueI18n from 'vue-i18n'// 引入vxe-table的组件国际化import zhCN from 'vxe-table/lib/locale/lang/zh-CN.js'impo

2021-04-22 10:53:06 1411 1

转载 Vue中watch对象内属性的方法

vue提供了watch方法，用于监听实例内data数据的变化。通常写法是：new Vue({ data: { count: 10， blog:{ title:'my-blog', categories:[] } }, watch: { count: function (newval, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } }

2021-04-21 14:11:14 899

原创 vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

运行vue -V时，报错：vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。解决办法如下：以管理人员身份打开 PowerShell执行：get-ExecutionPolicy，如果回复Restricted，表示状态是禁止的执行：set-ExecutionPolicy RemoteSigned选择Y...

2021-04-20 19:39:45 604

原创 vue-cli 编译时警告entrypoint size limit

npm run dev后产生如下警告解决办法：在vue.config.js中配置module.exports = { //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false } // 或者控制体积大小及提示文件类型 //警告 webpack 的性能提示 performance: { hints:'war

2021-04-20 14:30:06 1017

原创 devServer.proxy配置——vue.config.js

在vue-cli3.0或者vue-cli4.0中配置跨域代理1、新建vue.config.js文件module.exports = {... // 其他配置devServer: { proxy: { '/api': { target: 'http://192.125.155.51:9900',// 代理地址 changeOrigin: true,// 如果接口跨域，需要进行这个参数配置 //ws: true, // pro

2021-04-20 09:44:36 466

原创 vsCode 安装svn报Svn installation not found.

1、vsCode安装svn插件时报Svn installation not found.2、解决办法，进入卸载tortoiseSVN的状态去更改配置（一）卸载tortoiseSVN，出现如下窗口，点击Modify（二）点开command line client tools选项，选择第一个选择第一个后（三）一路next，完成后重启vsCode，这时会成功安装svn如果本文对你有帮助，请点个赞吧！...

2021-04-01 17:12:06 4148

原创 Nodejs安装及环境配置

1、下载安装包和安装（一）下载路径：https://nodejs.org/zh-cn/（二）安装除了需要修改一下路径，其他一路next（三）安装完成后的目录结构（四）安装完成后的版本查看1、node -v 查看 node 版本2、npm -v 查看 npm 版本2、环境配置此处的环境配置主要配置的是 npm 安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全

2021-03-24 09:52:32 25249 6

转载 Vue的实例属性和方法

vue除了常规用法外，还有一些实例属性和方法，在此总结记录下Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的数据属性区分。一、实例属性1、vm.$data：获取data里的数据，相当于用this获取2、vm.$options：用来获取定义在data外的数据和方法的复制代码export default { name: "Test", data() { return { }; }, //在data外面定义的属性和

2021-02-05 17:51:25 852

转载 websocket使用文档

websocket是什么？答: 它是一种网络通信协议，是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。为什么需要websocket? 疑问? 我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答: 因为 HTTP 协议有一个缺陷：通信只能由客户端发起我们都知道轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）, 因此websocket应运而生。WebSocket简介WebSocket 使得客户端和服务器之间的数据交换变得更

2021-02-04 13:57:03 559

转载 vue2.0的contextmenu右键菜单

1.事情对象<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window.onloa

2021-01-26 15:32:46 533

转载 Vue按键修饰符,鼠标按钮修饰符

在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。按键码keyCode 实际键值48到57 0到965到90 a到z（A到Z）112到135 F1到F248 BackSpace（退格）9 Tab13 Enter（回车）20 Caps_Lock（大写锁定）32 Space（空格键）37

2021-01-26 15:27:24 583

原创 Google浏览器报错：“STATUS_INVALID_IMAGE_HASH”

一、报错原因：windows10系统更新后，Google浏览器和Edge浏览器均报错：“STATUS_INVALID_IMAGE_HASH”。二、解决办法（1）Edge浏览器的解决办法（也是Google浏览器办法的第一步）参考我的另一篇博客：https://blog.csdn.net/qq_25857899/article/details/111562102（2）更改Google浏览器应用程序的名称在桌面右键点击Google浏览器快捷方式-》属性-》快捷方式-》打开文件所在的位置将应用程序名

2021-01-13 11:40:20 4639 4

原创 windows10系统更新后，Edge或者Chrome浏览器报错：“STATUS_INVALID_IMAGE_HASH”

解决方法如下：1、Win+R打开运行对话框，输入regedit打开注册表，增加如下项HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Edge2、再DWORD(32位)值，命名RendererCodeIntegrityEnabled，值为03、重启edge即可。注意：在注册表中如果没有，增加项，最下面增加 DWORD(32位)命名RendererCodeIntegrityEnabled，值为0...

2020-12-25 10:27:47 1479 1

原创 VSCode 快捷创建HTML5标准格式的代码

1、新建一个.html文件2、英文输入法的状态下输入!3、按tab建或者enter建4、VSCode自动生成如下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum

2020-12-14 16:13:19 1012

原创 vue screenfull无效的原因

版本升级的原因，将screenfull.enabled改为screenfull.isEnabled

2020-11-29 19:16:18 2306 1

原创 input 只允许输入数字且去掉e

这里的需求是只允许输入不超过4位数字。分析：1、type=“number”，只允许输入数字，包含字母e，e=2.718282、οninput=“if(value.length>4)value=value.slice(0,4)”，限制输入字符长度为4位数3、onKeypress=“return (/[\d]/.test(String.fromCharCode(event.keyCode)))”，正则表达式去除字母e代码参考：<input id="residenceTime" type=

2020-11-27 14:45:18 899

转载图片转为base64格式的优缺点分析

1. 优点（1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗；（2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。（3）base64编码的字符串，更适合不同平台、不同语言的传输；（4）算法是编码, 不是压缩, 编码后只会增加字节数，但是算法简单, 几乎不会影响效率，算法可逆, 解码很方便, 不用于私密信息通信;（5）解码方便, 但毕竟编码了, 肉眼还是不能直接看出原始内容;2. 缺点（1）base6

2020-11-27 13:45:26 5424 3

原创 echarts x轴文字倾斜换行

换行示意图：换行示意图代码：option = { xAxis: { type: 'category', axisLabel: { textStyle: { fontSize: 12 }, // 换行 formatter: function(value){ //这里案例的value不超过6个字符 var str

2020-11-26 15:50:45 886

原创 CSDN 勋章获取

对于刚使用CSDN博客的新人来说，勋章还是很有诱惑力的。这不我为了拿到新星勋章，来这里写下这篇文章勋章入口：这里可以看到哪些是未获取的，以及获取的方式最后，要坚持努力写博客哦！如果本文对你有帮助，请点个赞吧！......

2020-11-26 14:38:44 1235 4

原创 CSDN 博客背景、代码片段背景色（换肤）

直接看图如果本文对你有帮助，请点个赞吧！

2020-11-26 14:15:47 181

转载 CDN名词解释

CDN全称:Content Delivery Network或Content Ddistribute Network，即内容分发网络基本思路：尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。目的：解决因分布、带宽、服务器性能带来的访问延迟问题，适用于站点

2020-11-26 13:58:17 496

CJ∕T 188-2018 户用计量仪表数据传输技术条件.pdf

animation.css和jquery.aniview.min.js页面滚动元素进入视口发生动画特效插件

微信小程序基础学习之计算器

空空如也