自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(133)
  • 收藏
  • 关注

原创 ES6解构赋值

1、解构赋值的理解以前对变量赋值只能为变量指定赋值,es6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值,方便了复杂对象中数据字段的获取。2、解构赋值的应用场景 (1)交换变量let x = 1;let y = 2;[x, y] = [y, x];(2)从函数返回多个值// 返回一个数组function example() { return [1,...

2021-09-07 10:43:18 43

原创 vue项目使用electron打包成桌面应用

打包流程详情步骤:1、准备工作: a、win7系统则确保node版本在v12以上,electron-builder对系统或版本有要求; b、项目路径不使用中文; c、使用淘宝镜像命令代替npm管理工具npm install-g cnpm--registry=https://registry.npm.taobao.org d、命令窗口中可以使用 “ cd.. ” 返回上一级目录 e、修改confi...

2021-09-06 15:55:20 194

原创 React和Vue的Chrome扩展工具安装

1、vue--devtools简单安装教程https://blog.csdn.net/weixin_43941029/article/details/1058675852、react-devtools简单安装教程https://blog.csdn.net/weixin_41217541/article/details/105686676

2021-09-01 17:43:26 25

原创 自定义的全局公共样式

/* by zuoluo 2021-08-06 ========================================================================== *//* 全局padding、border、margin、font设置 */html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,f.

2021-08-30 17:55:14 27

原创 Echarts图表插件资源

https://www.makeapie.com/explore.html

2021-08-30 17:40:31 28

原创 修改el-popover和el-select样式

如图el-popover弹框和el-select下拉项的的容器是div#app之外的,所以在scoped作用域内使用>>>或/deep/修改样式无效。虽然可以使用全局样式修改,但是会造成所有页面组件样式改变。1、修改el-select选项样式的解决办法:Popper-append-to-body属性是Element-UI官方文档中提供的一个属性,该属性的用途就是将el-select选项的内容移动div#app当中,默认值是true,下面一张图是将该属性设置为false时.

2021-08-30 15:15:06 140

转载 Eclipse中的快捷键

熟悉 Ecplise的 快捷键可以帮助开发事半功倍,节省更多的时间来用于做有意义的事情。 编辑类快捷键 按键作用Ctrl+1快速修复(最经典的快捷键,可以解决很多问题,比如 import 类、try catch 包围等)Ctrl+Shift+F格式化当前代码Ctrl+Shift+M添加类的 import 导入Ctrl+Shift+...

2021-03-26 11:12:14 44

转载 java注解-最通俗易懂的讲解

来源:秒懂,Java 注解 (Annotation)你可以这样学 Annotation 中文译过来就是注解、标释的意思,在 Java 中注解是一个很重要的知识点,但经常还是有点让新手不容易理解。 我个人认为,比较糟糕的技术文档主要特征之一就是:用专业名词来介...

2021-03-17 14:08:01 51

转载 软件开发之常见前端安全漏洞

原标题:软件开发之常见前端安全漏洞 软件开发完成后,在Web服务器在投入使用之前,应该确保服务器是相对安全地。保证服务器相对安全地前提是,要充分了解影响Web系统安全。 1、跨站脚本(XSS)漏洞跨站脚本攻击发生在客户端,可被用于进行窃取隐私、钓鱼欺骗、偷取密码、传播恶意代码等攻击行为。解决方案:①④⑤对参数做HTML转义过滤,要过滤的字符包括:单引号、双引号、大于号、小于号、&符号,防止脚本执行;②在变量输出时进行HTML ENCODE...

2021-03-03 10:43:02 238

转载 OSI七层模型传输过程的通俗理解

转自:http://bbs.clnchina.com.cn/thread-1250443-1-1.html 1.OSI七层模型划分。从上到下依次是:应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。 分层功能应用层网络服务与最终用户的一个接口(可理解为人机交互界面)表示层数据的表示,安全,压缩会话层建立,管理,终止会话传输层定义传输数据的协议端口号,以及流控...

2021-02-26 09:58:10 1011

转载 webService、webSocket、socket、http之间的区别

HTTP HTTP 是基于请求响应式的,即通信只能由客户端发起,服务端做出响应,无状态,无连接。 无状态:每次连接只处理一个请求,请求结束后断开连接。 无连接:对于事务处理没有记忆能力,服务器不知道客户端是什么状态。 以往实现即时通讯的手段: 轮询:客户端定时向服务器发送 Ajax 请求,服务器接到请求后马上返回响应信息并关...

2021-02-25 15:45:48 71

转载 BS架构和CS架构的优缺点

1、CS、BS架构定义   CS(Client/Server):客户端----服务器结构。C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。因为客户端要负责绝大多数的业务逻辑和UI展示,又称为胖客户端。它充分利用两端硬件,将任务分配到Client 和Server两端,降低了系统的通讯开销。C/S结构的软件需要针对不同的操作系统系统开发不同版本的...

2021-02-25 14:21:30 987

转载 了解与防御XSS攻击

一. XSS是什么 XSS攻击全称跨站脚本攻击(Cross Site Scripting),是为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS,XSS是一种在web应用中的计算机安全漏洞,它允许恶意web用户将代码植入到提供给其它用户使用的页面中。“XSS本质是在于执行脚本(javascript/html等),而一个javascript就可以让你黑遍整个世界”。 二. XSS的危害 盗取用户Co...

2021-02-05 18:37:41 133

转载 浅谈XSS攻击的那些事(附常用绕过姿势)

本文《浅谈XSS攻击的那些事(附常用绕过姿势)》 由一叶知安团队原创投稿安全脉搏首发,作者geek痕,安全脉搏独家首发表本文,如需要转载,请先联系安全脉搏授权;未经授权请勿转载。随着互联网的不断发展,web应用的互动性也越来越强。但正如一个**会有两面一样,在用户体验提升的同时安全风险也会跟着有所增加。今天,我们就来讲一讲web渗透中常见的一种攻击方式:XSS攻击。首先,什么是XSS攻击。先上一段标准解释(摘自百度百科)。“XSS是跨站脚本攻击(Cross Site Scri...

2021-02-05 18:12:56 344

转载 前端安全配置之Content-Security-Policy(csp)

什么是CSP CSP全称Content Security Policy ,可以直接翻译为内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略. 通过CSP所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、fton、style等等可能的远程的资源...

2021-02-04 18:41:51 557

转载 IP 基础知识“全家桶”,45 张图一套带走!

转载自:https://mp.weixin.qq.com/s/kPjFeefB1Xsbc2bHz_Or1Q前言前段时间,有读者希望我写一篇关于 IP 分类地址、子网划分等的文章,他反馈常常混淆,摸不着头脑。那么,说来就来!而且要盘就盘全一点,顺便挑战下小林的图解功力,所以就来个IP 基础知识全家桶。吃完这个 IP 基础知识全家桶全家桶,包你撑着肚子喊出:“真香!”不多说,直接上菜,共分为三道菜: 首先是前菜 「 IP 基本认识 」 其次是主菜 「IP 地址的基础...

2021-02-04 18:28:43 109

原创 electron打包vue-cli4项目的解决方案1(项目实测)

背景:公司需要将vue-cli项目转成桌面端应用程序,选择electron来实现。electron简介:Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。测试发现vue-cli使用webpack打包后的项目1、electron使用loadURL的方式对运行的项目包裹展示https://segmentfault.com/a/1190000011971612https://blog.csd..

2021-02-04 17:02:03 212

原创 js判断url链接是否可访问(服务可连接,可用)

electron 项目中通过loadURL() 方法加载用户输入的url服务,但是electron不管该url服务是否可用都会加载执行,所以需要在用户输入url后对该url进行可用性判断,记录一下解决方案:解决方案一: XMLHTTP方案 function getURL(url) { function getXmlHttpRequest() { if (window.XMLHttpRequest) { return new XMLHttpR.

2021-02-01 18:34:12 1669

转载 vue-cli3+与vue-cli2的区别和vue-cli 修改配置

vue-cli3是基于webpack4打造,vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录 vue-cli3提供了vue ui 命令,提供了可视化配置 vue-cli3移除了static文件夹,新增了public文件夹,并且将index.html移动到public中使用vue-cli3初始化项目 vue create 文件名,生成的目录修改配置,因为vue-cli3把配置文件都给隐藏了,隐藏到...

2021-01-29 15:50:09 87

转载 二进制、八进制、十六进制相互转换

一、十进制与二进制之间的转换1、十进制转二进制方法为:十进制数除2取余法,即十进制数除2,余数为权位上的数,得到的商值继续除2,依此步骤继续向下运算直到商为0为止。(具体用法如下图)2、二进制转十进制方法为:把二进制数按权展开、相加即得十进制数。(具体用法如下图)二、二进制与八进制之间的转换1、二进制转八进制方法为:3位二进制数按权展开相加得到1位八进制数。(注意事项,3位二进制转成八进制是从右到左开始转...

2021-01-29 13:23:40 1000

转载 Apache 和 Tomcat 服务器的区别

Apache 和 Tomcat 都是web网络服务器,两者既有联系又有区别,在进行HTML、PHP、JSP、Perl等开发过程中,需要准确掌握其各自特点,选择最佳的服务器配置。  Apache是web服务器(静态解析,如HTML),tomcat是java应用服务器(动态解析,如JSP)  Tomcat只是一个servlet(jsp也翻译成servlet)容器,可以认为是apache的扩展,但是可以独立于apache运行  两者从以下几点可以比较的:  1、两者都是apa...

2021-01-28 17:43:31 33

原创 vue-cli安装和使用

主要记录安装vue-cli制定版本和使用,注意vue-cli4创建项目命令和项目结构的改变检查当前项目的vue-cli版本:vue -V 卸载当前版本:npm uninstall vue-cli -g安装最新版本:npm install -g vue-cli安装指定版本:npm install -g @vue/cli@3.11.0创建项目和运行项目:vue init webpack my-app //创建项目np...

2021-01-26 16:57:37 55

原创 restful api接口设计

技术由来:互联网早期,页面请求和并发量不高,且移动端未盛行时对接口要求不高,使用动态页面(jsp)就能满足绝大多数的使用需求。但是随着互联网和移动设备的发展,人们对Web应用的使用需求也增加,传统的动态页面由于低效率而渐渐被HTML+JavaScript(Ajax)的前后端分离所取代,并且安卓、IOS、小程序等形式客户端层出不穷,客户端的种类出现多元化,而客户端和服务端就需要接口进行通信,但接口的规范性就又成了一个问题:所以一套结构清晰、符合标准、易于理解、扩展方便让大部分人都能够理解接受的接口

2021-01-26 11:30:33 145 1

原创 JS中使用bignumber处理高精度小数运算

项目开发中发现精度丢失的问题,如0.1+0.2 = 0.30000000000000004的问题解决方式:引用bignumber.js用于数字精度要求较高的计算。1、安装或引用: 下载地址:https://github.com/MikeMcl/bignumber.js/releases 或 npm install bignumber.js --save 命令安装后使用import BigNumber from 'bignumber.js' 引用 ...

2021-01-22 13:57:49 3101

原创 electron-vue解决打包错误、无法调用出开发者工具(亲测有效)

错误1:unresolved node modules vue... 或 not found modules..的错误解决方式:依赖的模块错误,删除node_module文件夹后,尽量用npm install而不是淘宝镜像cnpm安装错误2:Cannot create symlinks (on Windows hosts, it requires admin privileges); skipping mas platform解决方式:在项目根目录下以管理权限运行命令行窗口cmd后,输...

2021-01-21 17:25:49 787

转载 Vue 打包前需修改的配置,解决白屏问题

vue-cli项目和electron-vue项目打包运行都有遇到的白屏问题,下面记录打包前需要确认的配置第一:config文件夹下的index.js 中的文件中的 assetsPublicPath :‘/’ 改为’./’ 不然的话会是空白页,记住,是build那块第二:build/util.js文件下在 ‘vue-style-loader’ 之后加一行:publicPath: ‘…/…/’ 不然的话会有图片显示不出来,字体不能正常使用第三: 如果你有本地json数据的话把本地j..

2021-01-20 15:23:15 166

转载 vue-router区分hash模式和history模式

作者:imgss 出处:http://www.cnblogs.com/imgss欢迎转载,也请保留这段声明。谢谢!众所周知,vue-router有两种模式,hash模式和history模式,这里来谈谈两者的区别。hash模式hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件:window.onhashchange = function(event){ console.log(event.oldURL, event.newURL); .

2021-01-20 15:03:10 101

转载 使用electron-vue创建项目卡顿的问题

使用electron-vue创建项目卡顿的问题1.执行vue init simulatedgreg/electron-vue xxx(project)命令太慢。推荐解决方法:1.1、将electron-vue项目先下载下来electron-vue国内码云地址,直接下载到本地。 或通过git直接克隆到本地git clone https://gitee.com/mirrors/electron-vue.git1.2安装样板代码F:\privateProjects\workspace\p.

2021-01-20 14:44:45 239

原创 windows下升级nodejs版本

使用electron+vue创建项目时提示node.js版本不能低于10,记录windows下升级nodejs方式1、Windows下是没有n模块并不支持 “npm install -g n” “n latest” 命令的方式更新版本;2、解决方法:cmd命令窗口使用where node 命令查看之前的node版本安装的路径,在官网下载nodejs(https://nodejs.org/en/download/)并安装覆盖即可...

2021-01-20 14:35:35 1401

转载 js数组遍历和对象遍历

针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。JS数组遍历:1,普通for循环,经常用的数组遍历var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);}2,优化版for循环:使用变量,将长度缓存起来,避免重复获取长度,数组很大时优化效果明显for(var j = 0,len = arr.length; j &..

2020-09-28 17:08:39 133

原创 el-table表格在表头和数据行添加图标、处理数据

通过header插槽自定义表头:<template slot="header" slot-scope="scope"> ...</template>可以通过scope.row.columnName 获取单元项数据进行数据处理:<template slot-scope="scope"> <span :class="1<2 ? 'red-font' : 'blue-font' "> {{formatDate(scope.ro

2020-09-28 16:41:28 2811

原创 vue图片加载失败使用默认图片,el-image支持懒加载,自定义占位、加载失败等

<template> <d2-container> <h3>image加载失败使用默认图片</h3> <img src="" alt="test1.png" :onerror="errorImg" /> <hr> <h3>el-image懒加载、大图预览、加载占位、加载失败、</h3> <div class="demo-im.

2020-09-24 14:04:37 1813 1

原创 vue使用class添加动态类

<template> <d2-container> <h3>class使用测试页面</h3> <p :class="1 < 2 ? 'red-font' : 'blue-font'">使用三元表达式;</p> <p :class="['red-font','blue-bg']">使用数组包含多个类名;</p> <p :class="{'red-font':fals.

2020-09-24 13:50:17 85

转载 干净高效的搜索引擎

找一个干净好用的搜索引擎,好文转载备忘为什么不用百度搜索引擎,估计一百个人会有一百个理由。百度最让人诟病的还是它的竞价排名,其实要赚钱无可厚非,但这吃相……前几天看到知乎上有人发了张百度和谷歌搜索的对比图,搜“网上药店”,百度搜索首页惨目忍睹基本上是广告,很难找到有用的信息……百度第一页几乎全是广告那么,还有其他什么靠谱的搜索引擎么?说到搜索引擎,绕不开Google,但由于众所周知的原因,国内谷歌是不好访问的,少数人虽然可以通过技术手段实现访问,但老Y还是不推荐过多使用,因为这样毕竟

2020-09-17 10:40:26 2806

原创 vue-cli打包后怎么修改服务器地址实践有效

前言:公司vue项目使用 npm run build 打包生成dist文件部署后,当需要修改服务器端地址时候就又需要重新配置url并打包部署,为简化部署测试工作,想实现通过修改服务器地址的配置文件来实现修改打包后的项目服务器地址。项目基于vue-cli2搭建测试,下面是实现步骤:1、在static文件夹下创建配置文件 serverconfig.json,服务器地址信息{...

2020-03-01 00:55:40 2090

原创 vscode统计代码行数,前端开发配置、快捷键使用

1、统计代码行数使用场景是项目年终统计行数。实现:在需要统计得文件夹右键“在文件夹中查找“,后输入筛选得正则表达式 ^b*[^:b#/]+.*$(注意右边小图标都点亮)这里顺便将自己使用vscode进行前端开发环境配置归纳一下,便于自己以后快速搭建vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。当...

2020-01-18 21:38:29 8731

原创 软考计算机基础:存储系统

软考计算机存储系统笔记:存储器分类:1、按存储位置分为内存和外存;2、按存储材料分为磁存储(使用磁存储介质)、半导体存储(分为双极型和MOS型,根据数据是否需要刷新可以分为静态SRAM存储器和动态DRAM存储器)、光存储(如光盘);3、按工作方式分为读写存储器RAM和只读存储器ROM ;RAM读写存储器存储信息是易失性的,断电就会丢失;ROM只读可以分为ROM、PROM可编程...

2019-11-24 17:53:23 581

原创 磁卡、ID卡、IC卡、M1卡、CPU卡的理解区分

一、磁卡 磁卡是在一张塑料片上均匀地涂布上一层磁性微 粒材料制成的。 刚生产出来的磁卡上面的磁性微粒是不显磁性的, 这样的磁卡就象一张白纸, 人们需要在磁卡里输入一些信息才能使用。 那么信息是怎样被记录的呢?这就需要纪录磁头 的帮助。 纪录磁头是一种一旦通上电流, 就可以产生与电流成比例的磁场的装置。 人们通过 控制设备让磁卡穿过纪录磁头, 磁卡上的磁性微粒就被化。 如果信号电流是变化的, 这...

2019-11-23 11:56:19 5346

转载 计算机基础:程序、进程、线程

进程、线程、多线程相关总结一、说说概念1、进程(process)狭义定义:进程就是一段程序的执行过程。广义定义:进程是一个具有一定独立功能的程序关于某个数据集合的一次运行活动。它是操作系统动态执行的基本单元,在传统的操作系统中,进程既是基本的分配单元,也是基本的执行单元。简单的来讲进程的概念主要有两点:第一,进程是一个实体。每一个进程都有它自己的地址空间,一般情况下,包括文本区...

2019-11-16 17:32:46 145

原创 Js数组去重的多种方法

方法一原理:利用双层循环将相邻元素 arr[i]和arr[i+1] 进行比较,相等则数组删除arr[i+1] 下标元素var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ f...

2019-11-16 13:09:03 137

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除