- 博客(61)
- 资源 (5)
- 收藏
- 关注
RSS订阅转载 element table 自动滚动
首先在<el-table ref="table"></el-table>标签上写ref="table"// 拿到表格挂载后的真实DOMconst table = this.$refs.table// 拿到表格中承载数据的div元素const divData = table.bodyWrapper// 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)setInterval(() = > { // 元素自增距...
2022-01-15 11:16:26
585
转载 前端性能优化方案
前端性能优化方案一、HTTP层面网络层优化 减少HTTP请求次数 减少DNS解析次数，如果非要多次解析，使用 DNS Prefetch 静态资源文件一定要使用强缓存「Expires / Cache-Control」和 协商缓存「Last-Modified / ETag」 资源文件的压缩「可以基于webpack打包压缩，而且服务器端一定要开启GZIP压缩{这个可以把资源压缩60%左右}」 资源文件的合并「可以基于webpack打包合并，目的是减少页面中的HTT
2021-09-02 16:23:45
176
转载 cookie，session, token 作了一下对比
上周我们在团队内部首次采用了 jwt（Json Web Token） token 这种 no-session 的方式来作用户的账号验证，发现网上很多文章对 token 的介绍有误，所以对 cookie，session, token 作了一下对比（文中 token指jwt token）相信大家看完肯定有收获！Cookie1991 年 HTTP 0.9 诞生了，当时只是为了满足大家浏览 web 文档的要求 ，所以只有 GET 请求，浏览完了就走了，两个连接之间是没有任何联系的，这也是 HTTP 为无状态
2021-07-06 14:31:43
185
原创 vue项目firefox报错SyntaxError: invalid regexp group
项目使用vue2开发，在谷歌浏览器正常在linux中使用火狐报错 SyntaxError: invalid regexp group修改方法：修改前修改后
2021-03-26 13:31:20
1067
原创 vue 监听store的值变化并重置界面大小
监听store中的数值变化，需要用到计算属性，然后watch调用resize方法 computed: { data() { //左侧菜单状态发生变化 return this.$store.state.app.sidebar.opened } }, watch: { data(n, m) { //重置宽高 this.resizeFun() } }, mounted() { //屏幕大小发生变化
2021-01-18 14:12:33
1738
转载 vue项目中使用iframe标签引入外部html,并进行数据交互（转）
首先是vue中引入iframe的src怎么引用路径的坑!首先我们需要把静态的html文件和css,js文件放在public目录下.在iframe标签中引用的时候不要使用public/下的什么,这是不对的.去掉public,直接引用即可.(还是打包后发现放在public文件下的文件都会放在根目录,并没有public这个目录)下面就介绍一下怎么交互的问题.vue文件里的写法:iframe文件里的js的写法:...
2021-01-13 15:51:00
2060
1
转载 使用NodeJS实现JWT原理
JWT是json web token的简称，本文介绍它的原理，最后后端用nodejs自己实现如何为客户端生成令牌token和校验token一 为什么需要会话管理我们用 nodejs 为前端或者其他服务提供 resful 接口时，http 协议他是一个无状态的协议，有时候我们需要根据这个请求的上下获取具体的用户是否有权限，针对用户的上下文进行操作。所以出现了cookies session还有jwt这几种技术的出现， 都是对HTTP协议的一个补充。使得我们可以用HTTP协议+状...
2021-01-06 11:29:00
266
原创 vue json可视化编辑器 vue-json-editor
安装插件npm install vue-json-editor --save或者 yarn add vue-json-editor使用方法<template> <vue-json-editor v-model="resultInfo" :showBtns="false" //是否展示保存按钮 :mode="'code'" //默认模式 lang="zh" //中文...
2020-11-23 18:23:28
3038
6
转载 15张图解Redis为什么这么快
以下文章来源于IT界农民工，作者莱乌IT界农民工BAT搬砖工的日常叨啵！来自公众号：IT界农民工作为一名服务端工程师，工作中你肯定和 Redis 打过交道。Redis为什么快，这点想必你也知道，至少为了面试也做过准备。很多人知道Redis快仅仅因为它是基于内存实现的，对于其它原因倒是模棱两可。那么今天就和小莱一起看看：- 思维导图 -基于内存实现这点在一开始就提到过了，这里再简单说说。Redis 是基于内存的...
2020-10-30 13:52:52
91
转载 数字证书、CA、CA证书，傻傻分不清楚？这一篇看懂！
电子合同得到越来越多人的关注，而电子合同的安全性，更是人们关注的焦点。在电子合同领域，我们经常会听到这么3个词：数字证书、CA、CA证书，而且经常傻傻分不清楚它们到底是什么东西。那么，今天小编就给大家来好好科普一下。数字证书是什么？我们都知道，互联网是虚拟的，通过互联网我们无法正确获取对方真实省份。比如：而通过数字证书可以明确对方身份↓↓↓再比如，小美通过网络发送一份电子版合同（邮件或电子版的纸质合同）给你，你是无法确定这份文档是不是小美发送的，有没有被篡改。通过数字签名
2020-10-19 17:58:08
3589
转载 为什么 HTTPS 是安全的？
近几年，互联网发生着翻天覆地的变化，尤其是我们一直习以为常的 HTTP 协议在逐渐的被 HTTPS 协议所取代，那么，为什么要用 HTTPS？因为 HTTP 不安全！HTTP 协议在谈论 HTTPS 协议之前，先来回顾一下 HTTP 协议的概念。HTTP 协议介绍HTTP 协议是一种基于文本的传输协议，它位于 OSI 网络模型中的应用层。HTTP 协议是通过客户端和服务器的请求应答来进行通讯，目前协议由之前的 RFC 2616 拆分成立六个单独的协议说明（RFC 7...
2020-10-19 17:01:27
199
转载 HTTP1.0、HTTP1.1 和 HTTP2.0 的区别
一、HTTP的历史早在 HTTP 建立之初，主要就是为了将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。也是说对于前端来说，我们所写的HTML页面将要放在我们的 web 服务器上，用户端通过浏览器访问url地址来获取网页的显示内容，但是到了 WEB2.0 以来，我们的页面变得复杂，不仅仅单纯的是一些简单的文字和图片，同时我们的 HTML 页面有了 CSS，Javascript，来丰富我们的页面展示，当 ajax 的出现，我们又多了一种向服务器端获取数据的方法，这些其实都是基于 HTT
2020-10-16 08:49:29
118
原创 基于Vue和Element做Yaml文件的导入导出
其实主要是用到了两个库，实现了json和yaml字符串的互相转换var YAML = require('js-yaml')var json2yaml = require('json2yaml')整个demo代码如下：<template> <div class="app-container"> <el-row> <el-col :span="22"> <el-upload ..
2020-10-15 17:12:24
2926
2
转载 [Javascript] 实现setInterval函数
问题经常使用Javascript的同学一定对setInterval非常熟悉，当使用setInterval(callback, timer)时，每经过timer毫秒时间，系统都将调用一次callback。请问全局如果没有提供setInterval函数，该如何自己实现这一功能？方案一：循环或递归（错误解法）最简单的思路便是通过简单的循环或者递归，每次检查时间戳是否已经超过上次触发给定函数的时间加上间隔时间，如果已经超过便再次触发函数，并重置计时器至当前时间。const setInte.
2020-10-15 16:57:54
1267
转载 JavaScript 进阶（一）JS的“多线程“（转）
这个系列的文章名为“JavaScript 进阶”，内容涉及JS中容易忽略但是很有用的，偏JS底层的，以及复杂项目中的JS的实践。主要来源于我几年的开发过程中遇到的问题。小弟第一次写博客，写的不好的地方请诸位斧正，觉得还有一些阅读价值的请帮忙分享下。这个“JavaScript 进阶”是一个系列文章，请大家鼓励鼓励，我尽快更新。另外，如果你有比较好的话题，也可以在下面评论，我们一起研究提高。JS是多线程的吗？多线程编程相信大家都很熟悉，比如在界面开发中，如果一个事件的响应需要较长时间，那么一般做法就是把
2020-10-15 16:23:59
370
2
转载 Web开发应该知道的数据结构(转)
Web开发应该知道的数据结构数据结构概念数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成 。常用的数据结构有：数组，栈，链表，队列，树，图，堆，散列表等，如图所示：每一种数据结构都有着独特的数据存储方式，不同种类的数据结构适合不同种类的应用，部分数据结构甚至是为了解决特定问题而设计出来的。正确的数据结构选择可以提高算法的效率。下面为大家介绍它们的结构和优缺点。数组 ????定义数组是由相同类型的元素的集合所组成的...
2020-10-07 14:15:46
872
转载 Web开发应了解的5种设计模式（转）
关注Web开发应了解的5种设计模式什么是设计模式？设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的辅助。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。在本文中，我将介绍其中常见的四种设计模式在JavaScript中实际使用场景：单例设
2020-10-07 14:01:08
823
转载 10个简单的技巧让你的 vue.js 代码更优雅(转)
10个简单的技巧让你的 vue.js 代码更优雅????前言????作为深度代码洁癖，我们都希望能写出简单高效的代码，让我们的代码看起来更加优雅，让我们抛弃繁杂的代码，一起开启简单的旅程~~slots 新语法向 3.0 看齐❝使用带有“＃”的新命名插槽缩写语法,在Vue 2.6.0+中可用????❞举个例子:构建插槽时，最好规划一下布局。这就是我的文章布局。构建插槽与构建组件没有什么不同。本质上，插槽是具有超强功能的组件,让我们细分一下上面的布局，组件的外观如下：&
2020-10-07 13:59:44
281
转载 零距离接触websocket（转）
零距离接触websocket????什么是WebSocket定义Websocket是一个持久化的网络通信协议，可以在单个 TCP 连接上进行全双工通讯，没有了Request和Response的概念，两者地位完全平等，连接一旦建立，客户端和服务端之间实时可以进行双向数据传输关联和区别 HTTP HTTP是非持久的协议，客户端想知道服务端的处理进度只能通过不停地使用Ajax进行轮询或者采用long poll的方式来，但是前者对服务器压力大，后者则会因为一直等待Response造成阻
2020-10-07 10:40:16
128
原创 Vue更新数据但是界面不刷新
Vue更新数据不刷新？直接改data有时候是不行的，比如data[0].name='AAA',数据不是props对象格式------------------------------------------------------------------------------------------------------------试试下面这种方式,亲测可用，$set方式才会被监听this.$set(this.list[num], 'delflag', true)---.
2020-07-24 14:07:29
788
原创 字母数字下划线常用正则表达式
1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$2.非负整数（正整数 + 0 ）: ^/d+$3. 正整数: ^[0-9]*[1-9][0-9]*$4.非正整数（负整数 + 0）： ^((-/d+)|(0+))$5. 负整数 : ^-[0-9]*[1-9][0-9]*$6.整数: ^-?/d+$7.非负浮点数（正浮点数 + 0）: ^/d+(/./d+)?$8.正浮点数 : ^(([...
2020-07-15 14:52:40
4745
1
转载 解决element 弹出多个message消息提示问题(转)
在新版本的element中，官方对message消息提示做了修改，修改成一个请求对应一个提示语，这就会导致多条消息提示共存的一个问题，而很多情况下，这多条消息提示的内容是一样的，从用户的体验来说，并不友好第一步. 先写一个resetMessage.js import { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { ...
2020-07-11 15:55:47
2107
转载 Vue 开发必须知道的 36 个技巧
Vue 开发必须知道的 36 个技巧前言Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件,原始写法:importtitleComfrom'@/components/home/titleCom'importbannerComfrom'@/components/home/bannerCom'imp...
2020-07-07 14:03:23
132
转载 JSON.stringify
作为一名 JavaScript 开发人员，JSON.stringify()是用于调试的最常见函数。但是它的作用是什么呢，难道我们不能使用console.log()来做同样的事情吗？让我们试一试。//初始化一个user对象constuser={"name":"PrateekSingh","age":26}console.log(user);//结果//[objectObject]哦！console.log()没有帮助我们打印出期望的结果。它输...
2020-07-06 14:08:56
248
转载 前端常用60余种工具方法（转）
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => ...
2020-07-04 14:14:39
218
转载 Vue子组件调用父组件的三种方法（转）
Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default {
2020-07-04 10:01:47
333
原创 Vue.js 删除data数据
1.从当前列表中删除//从当前列表中删除this.namelist.splice(scope.index, 1)2.删除对象中的某个属性//删除对象中的某个属性//Vue.delete(this.namelist, 'name')this.$delete(this.form,'members1')this.$delete(this.form,'leader1')...
2020-07-02 09:52:39
3910
转载 js浅拷贝与深拷贝的区别和实现方式（转）
如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。1. 如果是基本数据类型，名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间，此时b和a都是相互独立的b = 2;console.log(a); // 1当然，这也算不上深拷贝，因为深拷贝本身只针对较为复杂的object类型数据。2. 如果是引用数据类型，名字存在栈内.
2020-06-09 15:41:30
140
转载 js 深拷贝和浅拷贝区别，以及实现深拷贝的方法（转）
深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用，深拷贝在计算机中开辟了一块内存地址用于存放复制的对象，而浅拷贝仅仅是指向被拷贝的内存地址，如果原地址中对象被改变了，那么浅拷贝出来的对象也会相应改变。1.深拷贝1.1. 最简单的方法就是JSON.parse(JSON.stringify（））function deepCopy(o) { return JSON.parse(JSON.stringify(o))}var c = { age: .
2020-06-09 15:39:28
385
原创 Vue中如何使用定时器
Vue中如何使用定时器 created() { // 如果不加 window ，则会使用 vue实例的方法，将无法清除定时器 this.timer = window.setInterval(() => { // 要执行的函数 this.init() }, 5000) }, beforeDestroy() { w...
2020-04-28 14:12:52
4297
转载 55个提高你CSS开发效率的必备片段
55个提高你CSS开发效率的必备片段来自：Join GitHub today链接：https://github.com/Wscats/CV/issues/29这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目中遇到的问题，强烈建议点赞收藏再看，方便日后查找。清除浮动浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来...
2020-04-17 13:30:46
105
转载 (转)vue 点击按钮复制指定内容到剪切板，复制变量值到剪切板
1.安装插件npm install --save vue-clipboard2或者cnpm install --save vue-clipboard2或者yarn add vue-clipboard22.main.js引入，或者在使用的组件页面引入，这里在main.js引入import Vue from 'vue' import VueClipboard fr...
2020-04-08 16:44:28
547
转载 (转)Docker 搭建你的第一个 Node 项目到服务器
Docker 是什么Docker 概念关于 Docker 的概念是确实不太好总结，下面我通过四点向你说明 Docker 到底是个什么东西。 Docker 是世界领先的软件容器平台。 Docker 使用 Google 公司推出的 Go 语言 进行开发实现，基于 Linux 内核 的cgroup，namespace，以及 AUFS 类的 UnionFS 等技术，对进程进行封装...
2020-01-08 14:20:02
103
转载 浏览器缓存控制三种方式（Expires、Last-Modified、Etag）
当请求一个页面时，如果浏览器使用本地缓存，因此我们经常会看到一个HTTP请求为304状态。或者显示200状态，在chrome下标注是from cache，在火狐下会标注BFCache；我们希望在服务器端更新了静态文件（如css、js、图片），能够在客户端得到及时的更新，但又不想让浏览器每次请求都从服务器端获取静态资源。那么就需要了解一些下面的知识：Last-Modified / If-Mo...
2019-12-13 15:58:12
844
原创 ExtJS获取父容器、子容器、兄弟容器的方法
比如操作按钮删除记录，就需要子按钮获得父容器id，然后进行删除var id = this.ownerCt.id;Ext.getCmp('labelForm').remove(id);1.当前对象的父对象(上级对象)this.ownerCt:2.当前对象的下一个相邻的对象this.nextSibling();3.当前对象的上一个相邻的对象this.p...
2019-11-02 16:37:28
904
原创 查看网络连接状态netstat
ping能ping通，但是端口开没开不确定windows 通过命令 netstat -an|findstr 8088 查看linux netstat -an|grep 8088 查看出现SYN_SENT 就得小心了 毫秒级的状态，如果持续能看到，就得查查防火墙了TCP的状态迁移不复杂。TCP有11个状态，这些状态...
2019-10-30 11:30:34
1267
原创 extjs6 button鼠标移上去有提示
开始的头部引用Ext.tip.QuickTipManager.init();具体使用{ xtype: 'button', iconCls: 'fa fa-chevron-left', tooltip: '上一页',...
2019-08-12 16:16:16
385
原创 ExtJs6 Grid里渲染样式
效果图比如我想在每一列中都加入“童鞋”和“传统模式”,并且把字体颜色改成红色实现代码如下：传统模式是在renderer里写方法实现样式或者增加内容新版本可以用 xtype: 'templatecolumn'和 tpl 属性控制模版的属性用于渲染Ext.create('Ext.data.Store', { storeId:'employeeStore'...
2019-06-27 18:53:20
527
原创 ExtJs6 FontAwesome 图标引用
效果如图使用方法效果一样喜欢哪个用哪个glyph方式：{ text: '关闭', glyph: 'xf00d@FontAwesome', handler: function() { //随你 }}iconCls方式：{ text: '关闭', iconCls : 'fa fa-line-chart', h...
2019-06-27 18:35:33
1054
原创 Linux Nginx 小记
Nginx 编译先进入 nginx 减压后的目录 ，执行“./configure” 编译完成后，这个目录下会多一个“Makefile”文件Nginx 安装1、进入nginx减压后的目录，即上面的编译位置执行安装命令：make PREFIX=/usr/local/nginx install2、PREFIX：指定安装到哪个目录下，否则默认安装时很容易找不到地方3...
2019-06-26 19:00:01
122
tomcat-redis-session.7z
2019-12-13
javascript -jwt-decode.zip
2019-06-27
kafka(卡夫卡)2.20版本jar包
2019-04-04
适合做演讲的PPT（3种方法关于查QQ好友的IP地址）
2013-05-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人