绅士的可怖-CSDN博客

原创 elementPlus的时间组件(el-date-picker)带时间禁用

elementPlus的时间组件(el-date-picker)带时间禁用我这个例子设置的时间是30day,比较简单直接上例子;<div> <el-date-picker v-model="value" type='daterange' unlink-panels range-separator="至" start-placeholder="开始" end-placeholder="结束" @calendar-change="calendar" :disabled-date="di.

2022-01-05 11:50:02 2847

原创渐进式 Web 应用（PWA）

渐进式 Web 应用（PWA）PWA（Progressive Web Apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富，使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。PWA 的优势PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节，请参阅 PWA 的优势 (en-US)。…等待后续有时间了补充…...

2021-12-17 15:37:19 535 1

原创 vue/cli-plugin-pwa

@vue/cli-plugin-pwavue-cli 的 pwa 插件该插件加入的 service worker 只会在生产环境下 (即只在运行 npm run build 或 yarn build 时) 开启。在开发环境下开启 service worker 并不推荐，因为它会导致之前的缓存资源被使用而未包含最新的本地改变。取而代之的是，在开发环境下引入 noopServiceWorker.js。这个 service worker 文件会重置之前在相同主机和端口注册过的任何 service wo

2021-12-17 15:32:48 2890

原创补充说明:vue本地服务,代理其他登陆服务,需要了解http-proxy events

http-proxy eventsSubscribe to http-proxy events:option.onError: function, subscribe to http-proxy's error event for custom error handling.function onError(err, req, res, target) { res.writeHead(500, { 'Content-Type': 'text/plain', }); res.en

2021-12-14 09:31:38 1098

原创安全检测,第三方劫持,SQL盲注等(vue3项目举例)

安全检测,第三方劫持,SQL盲注等安全检测常见Web应用安全问题:１、跨站脚本攻击(CSS or XSS, Cross Site Scripting)２、SQL注入攻击(SQL injection)３、远程命令执行(Code execution，个人觉得译成代码执行并不确切)４、目录遍历(Directory traversal)５、文件包含(File inclusion)６、脚本代码暴露(Script source code disclosure)７、Http请求头的额外的回车换行符注入(

2021-12-13 17:54:01 327

原创 vue本地服务,代理其他登陆服务,遭遇sessionID不一致,而登陆失败解决办法；

vue本地服务,代理其他登陆服务,遭遇sessionID不一致,而登陆失败解决办法;//url 是你代理的地址//源请求有一个sessionID//代理请求又一个sessionID//例如使用的是redis-sercer//查看日志会发现sessionID的不一样,导致代理登陆失败//如下解决方法'/login': { target: url + "/login", ws: true, changeOrigin: true, p

2021-12-13 16:59:01 926

原创 VUE3父子组件的生命周期

VUE3父子组件的生命周期直接上例子:<template> <div> <Header/> <router-view/> </div></template>beforeCreatecreatedbeforeMount HEADER- beforeCreate HEADER- created HEADER- beforeMount HEADER- mountedmo

2021-11-26 14:42:50 270

原创页面展示pdf文件

突然想到页面怎么展示系统说明等pdf文档文件;<html> <head> <title></title> <meta charset="utf-8"/> </head> <body> <div> <p> <div></div>

2021-10-15 17:57:22 253

原创 elementPlus时间组件,时间范围选择时要求结束时间在起始时间特定的时间范围内,如30天

elementPlus时间组件date-picker时间范围选择时要求结束时间在起始时间特定的时间范围内,如30天//例子????<div> <el-date-picker v-model="value1" type='daterange' unlink-panels range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" @calendar-change="calendar" :disabled-

2021-09-27 13:49:41 1595

原创对于浏览器记住密码,会在登录等某些环境反显问题的解决--autocomplete

在我们的登录界面等环境下,在有用户名,密码等输入信息时,往往会出现在我们还未做任何触发等操作的前提下,会反显处某些信息,等等问题.在我们使用了 autocomplete=‘off’ 无效的情况下,应该怎么处理这个问题呢?下面我举例说明????:// An highlighted block<div> <label style="display: block;">输入密码</label> //注释:这里加上一个隐藏的input(type="password"

2021-09-26 11:46:54 344

原创 vue的this.$parent的使用

vue组件this.$parent在使用vue时,你可能会用到this.$parent来进行组件与组件或者组件与外部实例的数据以及方法调用,这里简单介绍下两种使用环境.(这里你可以理解外部实例为非第三方组件)一、在实例中this.$parent 写在组件里面,外部实例调用此组件,则其指向vue实例(这里是调用组件的实例),你可以在组件中调用 data,methods://例子·???? this.$parent.list;//数据(模拟) this.$parent.request();//方法(

2021-09-24 09:10:57 12906 1

原创 vue3中文件下载

vue3中文件下载可以用原生数据流下载(axios)发个请求从后台拿数据流/*** 例如*/ axios({ method:'post',//请求方式 url:url,//请求地址 responseType:'blob'//文件流将会被转成blob }).then(res => { const blob = new Blob([res.data]);//处理文档流 const fileName = '帮助文档.docx'; const dow

2021-09-15 14:50:00 6497

原创 js中的字符字节问题；

一般来说英文是1个，中文是两个。但是会根据编码方式不同而不同。英文字母和中文汉字在不同字符集编码下的字节数：英文字母：字节数 : 1;编码：GB2312字节数 : 1;编码：GBK字节数 : 1;编码：GB18030字节数 : 1;编码：ISO-8859-1字节数 : 1;编码：UTF-8字节数 : 4;编码：UTF-16字节数 : 2;编码：UTF-16BE字节数 : 2;编码：UTF-16LE中文汉字：字节数 : 2;编码：GB2312字节数 : 2;编码：GBK字节数 :

2021-07-15 11:22:03 353

原创 vue3的项目，在启用一段时间后电脑突然卡死问题

使用vue-cli项目开发运行时电脑突然卡死问题，node，npm，vue-cli项目启动使用的命令时：npm run serve;使用的VUE3；项目第一版没有这个问题，出现问题是在过了一段时间之后，项目大改第二板，但是没做依赖升级，还是用的最开始的依赖；node_modules。我用的是idea，首先我已经把软件的内存调大了，但是还是卡死，卡死所需的时间会久一点；外部原因：公司电脑确实有点垃圾了，idea2019版启用量确实有待改进，启用其他业务（服务等某些软件）过多。我们排出外部原因，现在

2021-07-09 10:11:43 1514 1

原创 echarts与vue3的结合

echarts的引用1. 通过 npm 获取 echarts； npm install echarts --save；2. 通过 CDN 引入；通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><head> <meta charset="utf-8">  <script src="echarts.min.js"&g

2021-06-22 11:14:19 1085

原创 vue2与vue3的实例销毁，有什么区别。

vue2的实例销毁:vm.$destroy()完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。触发 beforeDestroy 和 destroyed 的钩子。vue3的实例销毁：destroyed 生命周期选项被重命名为 unmountedbeforeDestroy 生命周期选项被重命名为 beforeUnmountupdated：在包含组件的 VNode 及其子组件的 VNode 更新后调用。beforeUnmount：在卸载绑定元素的父组件之前调用unmoun

2021-06-19 13:26:50 9764

原创 js:对象数组排序

在js中，如何对对象数组排序；直接举例：// 对象数组排序var objArr=[ {mc:"甘肃",total:3}, {mc:"湖南",total:120}, {mc:"内蒙",total:317}, {mc:"河北",total:320}, ]; function compare(key){ return function(a,b){ var val1=a[key]; var val2=b[key];

2021-06-19 09:58:23 522

原创 vue3+elementPlus项目，组件如何一个axios发送多个文件流

如何一个axios发送多个文件流这个解决方案我使用的原生方法：背景：使用elementPlus组件（el-upload）提交的时候存在问题（无法一个axios提交多个文件流）,所以想到了原生的方式；记录一下：//省略其他...let formData = new FormData();let files = document.querySelector('.el-upload__input').files;for(let i = 0; i < files.length;i++){

2021-04-27 17:17:07 455 2

原创 VUE3项目：Content type ‘multipart/form-data；‘ .... not supported“问题解决

Content type ‘multipart/form-data;’ …not supported"在开发当中遇到了这个问题:Content type ‘multipart/form-data;boundary=----WebKitFormBoundarypOpfYxCGU6Q4sciA;charset=UTF-8’ not supported点击请求会看待这样一个，preview：We’re sorry but mff doesn’t work properly without JavaScri

2021-04-27 11:46:05 5220

原创 Vue面试题总结

https://www.cnblogs.com/myfate/p/10416752.html

2021-03-05 18:48:16 1530

原创前端，移动端开发框架

SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。MUI http://dev.dcloud.net.cn/mui/ 最接近原生APP体验的高性能前端框架weUI https://weui.io/ 微信原生框架Vant https://youzan.github.io/vant/?sour

2021-03-05 18:45:31 590

原创 ie11等浏览器+iframe闪烁白屏

ie11等浏览器+iframe闪烁白屏解决：

2021-03-05 18:44:46 612

原创了解ssh及其命令

了解ssh及其命令

2021-03-05 18:42:43 221

原创在javascript中实现unicode=＞中文，中文=＞unicode。

在一些地方需要用到两者互转，你如前端开发中，我们可能出于兼容等原因来对两者进行处理转化，接下来实现一个简单的互转例子： // 简单举例： // 转为unicode 编码 //函数名可以根据你定制的开发规范进行命名 function enuniCode(str) { var res = []; for ( var i=0; i<str.length; i++ ) { res[i] = ( "00" + str.charCodeAt(i).toString(16) ).sl

2021-03-05 18:34:45 154

原创用css实现背景表格

将背景制作为表格除了图片和元素累计之外还可以用样式的；直接上代码：// An css blockbackground-image: linear-gradient(90deg, black 3%, transparent 3%), linear-gradient(0deg, black 3%, transparent 3%);background-size: 20px 20px;background-repeat: repeat;background-position: center cent

2021-03-05 18:32:39 420

原创 elementPlus 动态切换table内容

elementPlus 动态切换table内容table表格的内容变化：列变化、行变化<el-table :key="tableIndex" ...其他的省略了> <el-table-column label="ID" v-if="判断条件"></el-table-column> <el-table-column label="操作"> ...操作... </el-table-col

2020-12-29 14:45:21 3001 3

原创 axios配置，全局配置，优先顺序，拦截器

全局axios默认值axios.defaults.baseURL = 'https: //api.example.com ’ ;axios.defaults.headers.common [ ‘Authorization’ ] = AUTH_TOKEN;axios.defaults.headers.post [ ‘Content-Type’ ] = ‘application / x-www-form-urlencoded’ ;自定义实例默认值//创建实例时设置默认设置const instance

2020-11-25 11:18:41 1409

原创 axios post 中文汉字乱码例子：？？？？？

Vue axios post 中文汉字乱码：这里举例解决：（PS:后端已经在这方面做了处理）使用该qs库对数据进行编码：qs:https://github.com/ljharb/qsconst qs = require('qs');axios.post('/foo', qs.stringify({ 'bar': 123 }));另一种方式（ES6），import qs from 'qs';const data = { 'bar': 123 };const options = { m

2020-11-25 11:11:34 3379 2

原创 Added non-passive event listener to ascroll- blocking ‘mousewheel‘event Consider marking event handl

[Violation ] Added non-passive event listener to ascroll- blocking 'mousewheel’event Consider marking event handler as ’ passive’to make the page more responsive. See https: com/feature/574554 3795965952翻译：[冲突]在ascroll中添加了非被动事件侦听器-阻塞“mousewheel”事件考虑将事件处理

2020-11-20 16:37:04 12585

前端实现国密SM4,JavaScript

elementPlus.docx

空空如也