- 博客(57)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 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
2956
原创 渐进式 Web 应用（PWA）
渐进式 Web 应用（PWA）PWA（Progressive Web Apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富，使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。PWA 的优势PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节，请参阅 PWA 的优势 (en-US)。…等待后续有时间了补充…...
2021-12-17 15:37:19
608
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
3017
原创 补充说明: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
1147
原创 安全检测,第三方劫持,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
372
原创 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
958
原创 VUE3父子组件的生命周期
VUE3父子组件的生命周期直接上例子:<template> <div> <Header/> <router-view/> </div></template>beforeCreatecreatedbeforeMount HEADER- beforeCreate HEADER- created HEADER- beforeMount HEADER- mountedmo
2021-11-26 14:42:50
323
原创 页面展示pdf文件
突然想到页面怎么展示系统说明等pdf文档文件;<html> <head> <title></title> <meta charset="utf-8"/> </head> <body> <div> <p> <div></div>
2021-10-15 17:57:22
292
原创 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
1710
原创 对于浏览器记住密码,会在登录等某些环境反显问题的解决--autocomplete
在我们的登录界面等环境下,在有用户名,密码等输入信息时,往往会出现在我们还未做任何触发等操作的前提下,会反显处某些信息,等等问题.在我们使用了 autocomplete=‘off’ 无效的情况下,应该怎么处理这个问题呢?下面我举例说明????:// An highlighted block<div> <label style="display: block;">输入密码</label> //注释:这里加上一个隐藏的input(type="password"
2021-09-26 11:46:54
407
原创 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
13047
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
6655
原创 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
402
原创 vue3的项目，在启用一段时间后电脑突然卡死问题
使用vue-cli项目开发运行时电脑突然卡死问题，node，npm，vue-cli项目启动使用的命令时：npm run serve;使用的VUE3；项目第一版没有这个问题，出现问题是在过了一段时间之后，项目大改第二板，但是没做依赖升级，还是用的最开始的依赖；node_modules。我用的是idea，首先我已经把软件的内存调大了，但是还是卡死，卡死所需的时间会久一点；外部原因：公司电脑确实有点垃圾了，idea2019版启用量确实有待改进，启用其他业务（服务等某些软件）过多。我们排出外部原因，现在
2021-07-09 10:11:43
1572
1
原创 echarts与vue3的结合
echarts的引用1. 通过 npm 获取 echarts； npm install echarts --save；2. 通过 CDN 引入； 通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"&g
2021-06-22 11:14:19
1187
原创 vue2与vue3的实例销毁，有什么区别。
vue2的实例销毁:vm.$destroy()完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。触发 beforeDestroy 和 destroyed 的钩子。vue3的实例销毁：destroyed 生命周期选项被重命名为 unmountedbeforeDestroy 生命周期选项被重命名为 beforeUnmountupdated：在包含组件的 VNode 及其子组件的 VNode 更新后调用。beforeUnmount：在卸载绑定元素的父组件之前调用unmoun
2021-06-19 13:26:50
9941
原创 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
566
原创 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
482
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
5396
原创 前端，移动端开发框架
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
606
原创 在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
172
原创 用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
445
原创 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
3041
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
1461
原创 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
3437
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
12824
原创 带着这些问题，去了解webpack
问：1、webpack与grunt、gulp的不同？2、与webpack类似的工具还有哪些？谈谈你为什么最终选择（或放弃）使用webpack？3、有哪些常见的Loader？他们是解决什么问题的？4、有哪些常见的Plugin？他们是解决什么问题的？5、Loader和Plugin的不同？6、webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全7、是否写过Loader和Plugin？描述一下编写loader或plugin的思路？8、webpack的热更新是如何做到的？说明其原理？
2020-11-18 19:56:47
99
原创 node你需要了解的一些东西
https://www.jianshu.com/p/9bfac7ac741b1：简述require()模块加载机制答：在node中文件即模块，分为原生模块和3种文件模块。具体加载顺序如下图图片: 2：node导出模块有哪2种方式，说说它们的区别？图片: 答：真正的接口是module.exports, 初始值为{}。exports是对module.exports的引用，指向module.exports。在require()的时候，返回的是module.exports而不是exports。3：请
2020-11-18 19:54:15
203
原创 前端最基本的算法
冒泡排序（Bubble Sort）冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。什么时候最快（Best Cases）：当输入的数据已经是正序时（都已经是正序了，我还要你冒泡排序有何用啊。。。。）什么时候最慢（Worst Cases）：当输入的数据是反序
2020-11-18 19:43:35
204
原创 快速了解，git merge 和git rebase
1、结果上没有区别简单来说，git merge和git rebase从最终效果来看没有任何区别，都是将不同分支的代码融合在一起。2、生成的代码树不同虽然从最终效果上来说相同，但是git merge和git rebase生成的代码树稍微有些不同。git merge（合并）代码树 git rebase（复位基底）代码树3、 git merge会生成一个新的合并点，而git rebase不会。比如：当前存在两个分支，master和test分支D—E test/
2020-11-18 19:30:44
166
原创 element-plus的CDN引用以及结合VUE3使用
element-plusnpm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm install element-plus --saveCDN目前可以通过 unpkg.com/element-plus 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。引入样式<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css
2020-11-18 19:29:54
8596
13
原创 前端优化简单整理
DNS 解析:DNS 实现域名到IP的映射。通过域名访问站点，每次请求都要做DNS解析。目前每次DNS解析，通常在200ms以下。一般采用DNS Prefetch 一种DNS 预解析技术，当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行DNS的解析，减少用户等待时间，提高用户体验。 只有部分浏览器支持# TCP 连接：采用http2.0，可以复用tcp通道，采用二进制格式而非文本格式，使用报头压缩，HTTP/2降低了开销，支持cache p
2020-11-16 23:16:33
154
原创 extend深拷贝
jQuery.extend( [deep ], target, object1 [, objectN ] )一看就懂，直接上语句：var object1 = { apple: 0, banana: { weight: 52, price: 100 }, cherry: 97};var object2 = { banana: { price: 200 }, durian: 100};//默认情
2020-11-16 23:13:36
283
原创 在javaScript中，可以这样检测数据类型
使用typeof来检测数据类型可以使用typeof来检测数据类型：“undefined”–>这个变量是未定义的(为初始化的变量和未声明的变量的typeof操作都返回undefined)”boolean“–>这个值是布尔值”string“ -->这个值是字符串”number“–>这个值是数字”object“–>这个值为null或者obejct”function“–>这个值是函数Object.prototype.toString.call()借用一个网络图片
2020-11-14 00:40:02
379
原创 VUE 你需要了解的 Vue.nextTick()
Vue.nextTick( [callback, context] )参数：{Function} [callback]{Object} [context]用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。// 修改数据vm.msg = ‘Hello’// DOM 还没有更新Vue.nextTick(function () {// DOM 更新了})// 作为一个 Promise 使用 (2.1.0 起新增，详见接下来的提示)V
2020-11-14 00:33:13
104
原创 前端的模块管理（RequireJS、AMD、CMD、CommonJS、ES6）
RequireJs是一个小巧的JavaScript模块载入框架，压缩后14k，具有轻量级、异步加载模块等特点。AMD是Asynchronous Module Definition的缩写，是模块加载规范，提倡提前加载、依赖前置，RequireJS就是AMD是实践者。CMD是国内发展起来，Common Module Definition的缩写，提倡延迟加载、依赖后置。CommonJS主要用于服务器端模块管理，是同步加载模块，因为服务器端程序(nodejs)和模块都运行在磁盘上，加载延迟可以忽略，客
2020-11-14 00:31:17
183
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人