
其他
文章平均质量分 76
Beam007
这个作者很懒,什么都没留下…
展开
-
【linux打包部署】问题集锦
问题一、Error: EACCES: permission denied现象:之前部署好好的,突然有一天用Jenkins部署的时候报错,于是手动去服务器上打包部署也报错。报错:Error: EACCES: permission denied, open '/var/lib/jenkins/workspace/141-sub-xxx/node_modules/vue-demi/lib/index.cjs' at Object.openSync (fs.js:440:3) at Ob原创 2022-03-30 16:27:26 · 3194 阅读 · 0 评论 -
Jenkins部署前端服务
一、Jenkins简介官方说明:Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件项目可以进行持续集成。官网地址:https://www.jenkins.io/index.html总之:使用Jenkins,可以实现一键部署发布。Jenkins从SVN拉取代码 > 部署至发布项目的服务器 > 并启动服务。代替人工运行buil命令打包 > 上传至服务器 > 重启服务。二、安装Jenkins原创 2021-11-30 13:17:49 · 9584 阅读 · 2 评论 -
微前端部署配置
微前端部署配置方法及优缺点总结方法一:一个nginx搞定,配置多个server监听多个端口。配置见nginx202.conf优点:配置简单方便缺点:无法单独重启单个服务,这样违背了微前端子服务单独部署启动的原则。方法二:使用docker部署配置见docker-compose.isok.yml和nginx.isok.conf优点:配置一个docker容器,nginx配置同上,简单方便缺点:同上(无法单独重启单个服务,这样违背了微前端子服务单独部署启动的原则。)差别:与上一个方法的差原创 2021-08-23 10:30:47 · 2507 阅读 · 3 评论 -
【浏览器】问题集锦
一、浏览器设置跨域1、复制一个浏览器2、右键-属性-在目标栏追加 --disable-web-security --user-data-dir=C:\MyChromeDevUserData注意:–前有一个空格,确保该文件夹存在C:\MyChromeDevUserData。二、浏览器控制台报错:Error saving setting with name: consoleHistory, value length: 5549354. Error: Failed to set the 'consol原创 2021-08-20 16:32:21 · 2612 阅读 · 0 评论 -
【js】问题集锦
一、JSON.parse对象转换问题obj = JSON.parse(data)时候报错:SyntaxError: Unexpected token . in JSON at position 0原因:data已经是对象了。JSON.parse():将JSON字符串转换成JSON对象JSON.stringify():将JSON对象转换成JSON字符串...原创 2021-08-20 10:43:09 · 314 阅读 · 0 评论 -
【css】问题集锦
一、fixed超出窗口大小部分无法滚动问题:使用fixed固定一个div,当这个div高度大于窗口高度后,超出的内容无法滚动查看。解决办法:在设置fixed的div添加样式 height:100%;overflow:auto; 即可。据说还可以设置样式 max-height:100%;overflow:auto; 即可。具体还是根据情况设置当前div的宽度,若当前div宽度是个固定值不想设置成百分数,则:可以在外层包裹一个div设置为position:fixed;height:100%;ove原创 2021-08-20 10:42:47 · 1439 阅读 · 2 评论 -
NPM私库搭建-verdaccio
背景沿用微前端的思想,需要把公共组件部分抽成包,提供给各子服务导入使用。于是需要一个管理包的仓库,也就是要搭建属于项目组的npm仓库。网上随手一搜都是sinopia,而且上手还挺快的分分钟就启动好了,但是!!后续的上传下载包各种问题,搞了好久,发现这玩意这么多年没更新了,再一查现在都用verdaccio了。血泪教训啊!!!技术选型一定要注意文章的时间!然后注意npm上的下载量和修改时间!!官方文档:https://www.npmjs.com/package/verdaccio参考官方文档,我先原创 2021-07-13 13:53:39 · 10808 阅读 · 0 评论 -
HTTPS免费证书的申请与配置
前言继上一篇 HTTPS证书的生成与配置 链接如下:https://blog.youkuaiyun.com/Beam007/article/details/102524012本次不同的是,通过sslforfree生成【免费的证书】,申请链接如下:https://www.sslforfree.com/优点:简单、免费、浏览器不会提示不安全。缺点:免费的只支持90天。90天后需重新申请,或看需求付费。一、sslforfree登录注册sslforfree官网打开长这样申请时需要登录,登录后长这样这个样原创 2021-03-25 17:26:35 · 1920 阅读 · 0 评论 -
SVG字体的问题导致元素定位相同显示位置不同
问题:同样一个SVG文件,直接用浏览器打开和通过embed嵌入系统后展示,元素位置存在偏差。如图所示:(直接打开图)(embed嵌入图)元素一模一样,但是显示位置就是不同。纠结了半天,结果是因为嵌入系统的,因为字体不一样,导致的错位!!!修改样式如下即可:font-family: Arial, Helvetica, sans-serif;...原创 2021-01-19 13:27:07 · 2034 阅读 · 0 评论 -
SVG的animate动画
箭头闪烁:<polyline transform = "rotate(180.000,1072.00,212.00)" stroke="#FFFF00" stroke-width="5" fill="#FFFF00" points="1072.0 212.0,1112.0 212.0,1092.68 209.41,1092.68 214.59,1112.00 212.00"> <animate attributeName="visibility" values="hidden;v原创 2020-07-29 10:07:35 · 1092 阅读 · 2 评论 -
token鉴权前端操作
前言:就一天天听说后台用的OAuth 2.0进行token鉴权,那前端需要怎么做呢?前端需要确认的是,后台使用的哪种类型的token。参考文档:https://blog.youkuaiyun.com/weixin_39973810/article/details/84673548思考:我记得以前用的是basic、digest鉴权,现在用上了Bearer token。其实不管是哪种类型,前端需要做的只是拿到这个token,存起来,然后使用规定的传递方式在每次请求的时候带上它传到后台即可。操作:1、登录后获原创 2020-07-29 10:04:13 · 909 阅读 · 0 评论 -
js有意思了
一、js计算精度丢失二、js判断是否为null原创 2020-06-18 17:04:24 · 220 阅读 · 0 评论 -
nginx配置问题集锦
1、报错unknown directive无法启动编码格式不对,使用sublime text另存为时选择UTF-8编码格式。关键是我放到服务器上一修改就不行了,非得本地修改保存UTF-8再复制过去。原创 2020-05-22 16:07:10 · 242 阅读 · 0 评论 -
多层SVG嵌套,通过viewBox放大外层SVG时内层会逐渐消失。
问题:多层SVG嵌套使用时候,通过设置viewBox控制最外层SVG的缩放,内层会跟着缩放,但是放大到一定程度,内层会逐渐消失。原因:内层没有设置高宽!!!高宽默认100%,随外层的缩放也在变化,导致外层放大到一定程度,外层高宽小于内层原始高宽,超过部分被遮蔽。效果对比图:内层SVG的原始高宽,可用Ai软件打开(文档设置-编辑画板)查阅。...原创 2020-03-16 17:05:10 · 884 阅读 · 0 评论 -
core-js报错
报错:Can’t resolve ‘E:\……\node_modules\core-js\modules\es.array.iterator.js’原因:core-js版本问题,下载最新版本core-js即可。解决过程:1、查看node_modules下没有core-js,于是安装npm i core-js@2,还是报错!!2、再查看node_modules下的core-js,里面确实...原创 2020-01-21 14:37:43 · 17886 阅读 · 2 评论 -
pdf.js的简单使用
简介pdf.js是火狐开发的,一个基于Web标准的通用平台,用于解析和呈现 PDF。所以使用火狐浏览器在线打开pdf时,自动使用了pdf.js打开,差异在于有目录等功能。使用步骤1、官网下载http://mozilla.github.io/pdf.js/getting_started/#download下载stable稳定版本,放在项目的static文件夹下。2、后台提供打开文件的接...原创 2019-12-06 14:49:56 · 498 阅读 · 0 评论 -
Mysql安装问题记录
完整步骤:1、官网下载Community版本,zip免安装,解压到指定位置即可。32位系统:32 bit或x8664位系统:64 bit或x64,例如(mysql-5.7.22-winx64)2、解压包\mysql-5.7.22-winx64下新建默认配置文件my.ini内容如下:[mysql]# 设置mysql客户端默认字符集default-character-set=...原创 2018-05-14 14:40:06 · 227 阅读 · 0 评论 -
JavaScript
JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。所以原来标签 <script> 中属性 type="text/javascript" 可以不用声明了。JavaScript 数据类型:字符串、数字、布尔、数组、对象、Null、Undefined。var day=new Date().getDay();//显示今日周几,其中 Sunday=0, Monda...原创 2018-05-21 10:46:58 · 197 阅读 · 0 评论 -
Easyui
1、提交表单form$("#Form").form("submit", {url:...,success:function(data){alert(data)}});注意:""、''单双引号都可以2、JSON转换$.parseJSON(data):把后台json形式的data转为json对象类型$.parseJSON遇到异常情况将抛出一个错误,建议使用原生的J...原创 2018-05-24 09:36:07 · 192 阅读 · 0 评论 -
前后端未分离——Bootstrap、HTML
/* ******************************* Bootstrap *********************************** */不要尝试同时引用 bootstrap.js 和 bootstrap.min.js 这两个文件,因为它们都包含了所有的内容引入了两遍。Bootstrap HTML编码规范:用两个空格来代替制表符(tab) -- 这是唯一能保证...原创 2018-10-30 16:06:46 · 1583 阅读 · 0 评论 -
JS实现文档下载兼容谷歌、火狐、IE
js文件下载?简单啊,a标签的download属性,然后点击即下载。http://www.w3school.com.cn/tags/att_a_download.asp官方也说了只有 Firefox 和 Chrome 支持 download 属性。那我IE11怎么办,于是我开始了无尽的百度与尝试。// 方法一:window.open没用,只是打开文件。let output = '/s...原创 2018-11-09 10:01:03 · 2936 阅读 · 2 评论 -
SVG图像缩放及拖动
SVG图像缩放svg引入方法一:通过embed标签引入方法二:直接引入svg图像缩放从调用Init开始svg引入方法一:通过embed标签引入&lt;embed id="svgPic" name="svgPic" text-rendering="geometricPrecision" pluginspage="http://www.adobe.com/svg/v原创 2018-12-06 15:28:12 · 7463 阅读 · 0 评论 -
网页设计 小结
一、字体web安全字体:Arial、Arial Black、黑体(微软雅黑间距过小)……建议:1、网页选用非衬线字体,英文字体大时建议衬线体。2、字体大小不小于12px3、行长不超过40汉字(100英文字符),即450px-700px为宜。4、行间距1.5-1.8em,即字体16px时,行距16px*1.6em=25.6px。注意:在印刷品中,衬线体常用于正文,非衬线体常用于标...原创 2019-01-22 10:12:27 · 1406 阅读 · 0 评论 -
JQuery的那些问题
引入插件大多依赖于 jQuery,所以注意在插件文件之前引用 jQuery。重置方法JQ在重置form时 KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲form').reset();…(’#form’)[0].reset();jQuery在webpack下的全局引入运行命令安装jquery包当前项目目录下运行...原创 2019-02-01 15:16:07 · 443 阅读 · 0 评论 -
Chrome谷歌浏览器记住密码的背景色修改
百度的各种解决办法比如:autocomplete=“off”autocomplete=“new-password”……等等等我这里都用不上!!!因为我需要满足如下要求:1、必须要记住密码这个功能2、背景色尽量透明3、提示“账号”需要在input框内,输入内容时移动至框的上部分试探方法一input { -webkit-box-shadow: 0 0 0px 1000px rgb...原创 2019-02-01 15:31:10 · 1400 阅读 · 0 评论 -
HTTPS证书的生成与配置
环境说明:内网环境,前后端分离,nginx部署前端服务,springbot部署后端服务。证书获取途径1、正规机构颁发优点:正规,浏览器校验通过。缺点:需要通过真实的域名去申请,并按年交纳一定费用。2、自行签发优点:自行通过证书生成工具生成,无需绑定域名方便免费,使用服务器IP即可生成证书。缺点:因无法校验颁发机构,,浏览器提示不安全。keytool生成证书原因因为是内网环境,...原创 2019-10-12 17:32:17 · 6373 阅读 · 1 评论