- 博客(31)
- 收藏
- 关注
原创 前端npm install一直报错超时,连接不上某地址
1.改成淘宝镜像:npm config set registry https://registry.npm.taobao.org。2.将strict-ssl设置为false即可:npm config set strict-ssl false。配置后可通过下面方式来验证是否成功:npm config get registry。3.再npm install 超级快。
2024-01-23 09:47:30
1007
原创 AES加密解密(前端)
安装crypto-js插件:npm install crypto-jsconst CryptoJS = require('crypto-js')// const key = CryptoJS.enc.Utf8.parse('abcdefgabcdefg12') // 十六位十六进制数作为密钥/* 加密 * @param word* @returns {*}*/// function encrypt(word) {// // var iv = CryptoJS.lib.WordArr
2021-11-19 13:39:44
3812
原创 RSA2048签名和加密+OAEP填充方式(前端)
安装jsrsasign 插件: npm install jsrsasign jsrsasign-utilimport jsrsasign from 'jsrsasign'// RSA 位数,这里要跟后端对应// var bits = 1024;var bits = 2048// var rsaKeypair = jsrsasign.KEYUTIL.generateKeypair('RSA', bits)var rsaKeypair = nullvar keyPairs = {}ex.
2021-11-19 13:34:36
4136
3
原创 docker容器化部署nginx前端项目
根据博客https://www.cnblogs.com/myzony/p/9071210.html先安装docker容器。 执行docker pull nginx,拉取最新的nginx镜像。执行docker images 查看镜像是否拉取成功。 执行docker run -d -p 80:80 --name nginx-sgcc_web \-v /home/nginx/www:/usr/share/nginx/html \-v /home/nginx/conf/nginx.conf:/e...
2021-11-19 11:41:07
2611
原创 提升vue项目编译速度
当编译项目时,需要花费很长时间,会在75%左右卡顿,每次稍微改一点东西都要等上好一会儿,真的很浪费前端开发人员的时间。解决办法:安装babel-plugin-dynamic-import-node插件,npm install babel-plugin-dynamic-import-node公司是vue-cli2项目:在.babelrc文件里添加配置dynamic-import-node{ "presets": [ ["env", { "modules": .
2021-11-14 10:06:43
1603
原创 nginx.conf配置文件做各种拦截
负负线损线损一、未按抄表例日抄表或抄表不同步。负线损,即统计周期内线路售电端电量统计值大于供电端电量的非正常现象.这是线损问题中极为特殊的一类,也是严重影响电力公司管理工作的问题之一,高,低压供电系统的负线损现象会影响供电企业正常的供电服务。电力线路导至负线损的原因有哪些?一、未按抄表例日抄表或抄表不同步。二、有外电源引入。三、总表或用户表出现故障。四、总表互感器变比错误。五、大型用户互器变比错误。...
2021-10-14 15:59:14
1184
原创 nginx配置禁用除GET|POST之外的方法。
在nginx.conf文件内server里面配置如下: server { ...... if ($request_method !~* GET|POST) { return 403; } ....... }
2021-05-19 10:13:46
1628
原创 nginx禁止浏览器直接打开webpack打包后的js文件
应公司安全测试要求,webpack打包后的js文件不能直接在浏览器打开。解决方法:通过nginx配置文件过滤,跳转到403页面,代码如下: location / { set $flag 0; if ($request_uri ~ ".js" ){ set $flag "${flag}1"; } if ($http_referer = ''){ set $flag "${flag}1"; } if ($flag = "011"){ return
2021-05-19 09:44:23
2194
3
原创 离线部署nginx到redhat/centos,从安装环境到部署dist包全家桶(附带生成自签名SSL证书)
一、准备nginx环境先检查gcc、PCRE 、zlib、openssl、nginx是否已经安装。gcc versionrpm -qa pcreyum list installed | grep zlib*rpm -qa openssl rpm -qa | grep nginx以上如果安装了,会显示版本号。Redhat6.8系统中除了nginx外,其他都是已经安装好了的。下面是离线安装编译nginx的步骤,附带nginx1.15.4的安装包(安装包上传不了)。...
2021-03-02 18:59:39
506
原创 el-dialog实现拖拽移动
首先声明博客参考来源:https://blog.csdn.net/kw269937519/article/details/107839132实现原理:利用vue创造一个自定义指令,绑定到需要拖拽移动的el-dialog组件上,在自定义指令中处理弹窗拖拽。1.utils文件夹下创建dialog-directive.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { b...
2021-02-04 10:51:00
2242
原创 linux系统使用openssl生成自签名SSL证书并配置到nginx(生成伪https)
申明本文转载自:https://www.cnblogs.com/007sx/p/12583675.html检查OpenSSL检查是否已经安装openssl:openssl version一般在CentOS7上,openssl已经默认安装好了。生成自签名的SSL证书和私钥第一步:生成私钥新建/etc/ssl/certs/www.ffcc.com目录并进入,后执行命令:openssl genrsa -des3 -out server.key 2048输入一个4位以上的密码
2021-02-02 19:37:27
1526
原创 前端项目首次部署配置nginx反向代理
公司服务器是linux的cenos版本。第一步:安装配置nginx环境,具体参见https://www.cnblogs.com/boonya/p/7907999.html 。注意:因为公司有用https接口,在编译之前,配置的时候需要添加ssl模块,加入代码如下:./configure --prefix=/usr/local/nginx --with-http_ssl_module因为一开始没装ssl模块导致无法支持代理后端协议为https的请求,解决方法的博客参考:http://ww..
2021-01-29 10:28:45
639
原创 echarts地图文字重叠 解决方法
地图太小,文字重叠。产品要求文字不能重叠。找到地图json文件,修改如下: cp属性的坐标决定了文字摆放的位置。"properties": { "name": "海曙区", "cp": [121.511595,29.829419]},...
2020-06-08 10:10:27
2014
原创 chrome 80+ SameSite属性
周末空挡,整理下公司CAS单点登录出现的问题,搭个环境验证下想法。起因:一直在用的项目,忽然相继出现iframe嵌套的第三方页面跳出CAS登录页面。排查发现是项目存储的cookie属性TGC在跳转的时候消失了。思路1:网上查找资料发现:chrome 80于2020.2.27发布,强制启用SameSite属性(Cookie 的SameSite属性用来限制第三方 Cookie),默...
2020-03-21 18:46:35
795
1
原创 IOS中el-table切换值之后,字体忽然变大。
el-table在其他浏览器都正常,在IOS就发生变异。后来看了一些博客,下面的代码完美解决了问题:// 使表格兼容safari,不发生错乱table { width: 100% !important;}...
2020-02-28 10:53:03
531
原创 微信小程序 webview嵌入页面,IOS访问后台接口204,安卓正常。
小程序 webview嵌入页面IOS访问后台接口返回状态码204,安卓是正常的。后台在确认IOS发请求有问题而安卓没问题之后就不管了,可怜我个小前端啊。解决过程:配置了一个反向代理,修改了下User-Agent ,请求成功了。代码如下:proxy_set_header User-Agent "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleW...
2020-02-28 10:25:05
652
原创 safari苹果不支持修改滚动条
在用element UI el-table时想修改滚动条样式,发现chrome可以修改,但是safari不生效。后台发现可以曲线救国。element-UI有个隐藏的标签:<el-scrollbar>。上代码:<el-scrollbar> <div style="width: 740px"> <el-table></el...
2020-02-28 10:04:13
2115
1
转载 js访问xml之节点操作(转)
本文转自:https://blog.csdn.net/liwenxia626/article/details/78033998代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->获取元素值x=xmlDoc.getElementsByTagName...
2018-07-12 11:59:13
478
原创 普通页面导出和弹窗导出
1.普通页面导出到excel:用window.location.href="url" 与后台交互,后台返回流; 会在本页面底部生成保存提示。2.弹窗中导出到excel: 2.1:父页面在写弹窗时把window对象作为参数传递到子页面,子页面用var a=window.dialogArguments.xxx来获取父页面传递的window。然后用 a.location.href=...
2018-06-14 17:02:29
1095
原创 对身份证等数字的脱敏处理
保留数据的前4位和后4位function formatIdcard(value){var val=''if(value){val=value.substring(0,4)+'******'+value.substring(value.length-4)}return val;}easyUI调用此方法处理数据脱敏columns:[[{fie
2017-12-29 16:06:12
11965
原创 jquery实现tab栏的选中和取消样式
实现点击其中一个,获取其中一个的value值,其他取消。再点击可以取消。css中定义activity类的样式。bind();function bind(){$(".someInfoNavOne").on("click",'a',function(){if($(this).hasClass('activety')){$(this).removeClass("activ
2017-12-14 19:13:15
563
原创 bootstrap-table使用时遇到的坑
分页的坑:一开始使用的默认queryParamsType方式,也就是limit。前台传递的limit和offset。就一直分页不对。后来改成了queryParamsType:' '; 传参到后台pageNumber和pageSize(其他自定义的参数也一起传的)。果断正常了。
2017-11-14 11:28:46
3016
2
转载 JS 对象与数组的变化监听
MVVM重要一环的M到V的变化监听。研究了一些MVVM的框架。发现很多框架写的太过多复杂。而且有些框架,把对象直接赋加很多它的私有属性,kendo 它把私有以_前缀来区分,knockout 和vue把对象直接转换成函数了。用起来感觉怪怪的。感觉已经不是自己当初的数组或对象了所以想动手自己写一套数据模型监听。一、我想做的事情是监听Object 或Array的变化就行,
2017-10-27 15:48:09
1791
转载 JQuery的ON()方法支持的所有事件罗列
这篇文章主要介绍了JQuery的ON()方法支持的所有事件罗列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源码,比较权威,需要的朋友可以参考自从jQuery添加了on()和off()方法之后,基本跟事件有关的操作我不会再使用其他诸如$(‘xxx').click(function(){});之类的了。不过jQuery的api里面没有说on里面到底可以绑定多
2017-10-27 14:12:06
5534
1
转载 jQuery中的四种事件监听方式
jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前,先来声明一个例子,各函数的用法将围绕这个例子进行,html代码如下:ol id="myol"> li>列表元素1li> li>列表元素2li> li>列表元素3li> li
2017-10-27 13:40:57
19289
转载 jsp获取当前页面路径的方式
以工程名为TEST为例: (1)得到包含工程名的当前页面全路径:request.getRequestURI() 结果:/TEST/test.jsp (2)得到工程名:request.getContextPath() 结果:/TEST (3)得到当前页面所在目录下全名称:request.getServletPath() 结果:如果页面在jsp目录下 /TEST/jsp/t
2017-10-24 09:37:53
11942
转载 jquery处理ajax跨域问题方法(三)--jsonp详解(转)
在Ajax应用中,jQuery的Ajax请求是非常容易而且方便的,但是初学者经常会犯一个错误,那就是Ajax请求的url不是本地或者同一个服务器下面的URI,最后导致虽然请求200,但是不会返回任何数据,事实上简单来说请求同一个域名下的url或者说用不带http的绝对路径和相对路径请求是没有任何问题的,如果请求外部资源,那么这就称为跨域请求。 由于安全性的问题,浏览器默认不支持跨域调用,
2017-10-06 14:51:34
521
转载 jquery处理ajax跨域问题方法(二)(转)
由 于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决 ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题,到知道是跨域问题不知道如何解决,再到解决跨域问题,最后找到两种方法解决ajax 跨域问题的全过程。不知是跨域问题起 因是这样的,为了复用,减少重复开发,单独开发了一
2017-10-06 14:48:18
492
转载 jquery处理ajax跨域问题方法(一)(转)
这篇文章主要介绍了jquery中ajax处理跨域的三大方式,感兴趣的小伙伴们可以参考一下。也是网上找过来的。由于JS同源策略的影响,因此js只能访问同域名下的文档。因此要实现跨域,一般有以下几个方法:一、处理跨域的方式:1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie
2017-10-06 14:42:56
5950
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人