北辰//-CSDN博客

原创 vue中如何使用mermaid

在 loose 模式下，Mermaid会解析一些常见的HTML标签，并在渲染Mermaid图表时允许一些不安全的操作，比如在文本标签中使用HTML标签。，点击节点是无效的，查找得知是因为mermaid.mermaidAPI.render() 函数渲染Mermaid图表时，Mermaid库会生成一个包含SVG代码的字符串，并将其插入到指定的元素中。但是当我将mermaid类提前定义好，直接mermaid在mermaid标签中渲染数据，也就是最上面使用的方式，如果直接在template中写好。

2023-02-28 17:48:09 1947 1

原创 vue3学习路程1——创建vue3项目

创建vue3项目一、vue-cli版本对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。要升级，你应该需要全局重新安装最新版本的 @vue/cli命令：npm install -g @vue/cli二、安装1、选择一个空文件夹，进入cmd输入 vue create vue3-test命令，回车，选择Manually select features回车；2、项目配置选择Choose Vue version //选择vue

2022-03-14 14:56:16 1713

原创解决Jenkins时间与服务器时间不一致的问题

步骤1、查看服务器时间timedatectl | grep "Time zone"步骤2、修改jenkins时间进入jenkins——系统管理，点击脚本命令行输入输入该命令System.setProperty('org.apache.commons.jelly.tags.fmt.timeZone', 'Asia/Shanghai')点击底部的运行按钮，此时jenkins时间修改完成...

2021-12-22 14:17:38 1476

原创 Animate.css在vue项目中使用

第一步：安装animate.cssnpm install animate.css --save第二步：在main.js中引入 import animated from 'animate.css' Vue.use(animated)第三步：页面中使用<div>  <div class="animate__animated animate__backInLeft"></div&g

2021-11-18 11:31:57 566

原创 AppScan风险——IBM WebSphere ‘WASPostParam‘ Cookie 反序列拒绝服务

AppScan风险——IBM WebSphere ‘WASPostParam’ Cookie 反序列拒绝服务解决方案：1、查看是否安装类似安全狗的安防软件2、修改nginx配置#cookie_WASPostParam参数置空## if和( 之间一定要有空格，否则会报nginx: [emerg] unknown directive 'if($cookie_WASPostParam != "")'if ($cookie_WASPostParam != ""){ set $cookie_W

2021-10-22 10:44:34 3292 5

原创 Web攻击之验证码、弱会话ID、web扫描

验证码、弱会话ID、web扫描实验环境要求安装win7或win10的笔记本或PC电脑一台，硬盘100GB，内存8GB安装VMware® Workstation 14以上总体目标基于centos7搭建dvwa web服务靶机，使用kali和主机上的浏览器作为攻击机，攻击dvwa上的验证码绕过和弱会话ID漏洞，并使用IBM Appscan 对DVWA进行扫描。任务一、使用kali攻击dvwa上的验证码绕过漏洞在kali使用fox浏览器访问dvwa站点设置low级别，并启动Burp Suite

2021-09-30 14:04:13 310

原创 vue3的todoList案例

vue3的练习demo1、todo.vue 父组件<template>  <todo-header @addTask="addTask"></todo-header> <todo-list :arrTask="arrTask" @delTask="delTask"></todo-list></template><script>//引入两

2021-09-27 11:26:18 903

原创 elementui中的表格在实现无限滚动时之前的数据选中状态消失

在vue项目中，使用elementui组件库table表格，在列表页需要有无限滚动和复选框功能问题：在滑动滚动条加载更多数据的时候，之前数据的选中状态发生变化解决：<el-table ref="mytable" :data="tableData" v-el-table-infinite-scroll="load" @select="selectnow" @select-all="selectAll"

2021-09-22 18:21:43 639 1

原创 vue项目中iconfont图标的使用

1、选择需要的图标添加到购物车中2、进入购物车下载图标文件3、将iconfont文件解压存放到assets目录中，可以全部存放，我只是把这两个文件存放进去了4、//指定文件在vue中引入import '../assets/style/iconfont.css'5、打开下载的文件夹中的demo_index.html文件在这个页面复制字体编码,并在html中使用，class中要添加iconfont类名<i class="iconfont"></i

2021-08-26 18:52:45 607

原创 JS的事件处理程序

JS高级的事件处理程序分类最近看js高级程序设计3这本书，对于一些只是做一下简单总结1、HTML事件处理程序<input type="button" value="Echo Username" onclick="alert(username.value)">2、DOM0级事件处理程序var btn = document.getElementById("myBtn");btn.onclick = function(){alert("Clicked");};3、DOM2级事件处

2021-08-20 18:03:31 106

原创访问器属性

var book={ _year:2004, //_year前面的下划线是一种常用的记号，用于表示只能通过对象方法访问的属性 edition:1};//ES5的方法支持的浏览器IE9+（IE8 只是部分实现）、Firefox 4+、Safari 5+、Opera12+ 和ChromeObject.defineProperty(book,'year',{ get:function(){ return this._year; }, set:fun

2021-08-03 14:41:44 83

原创有一个对象数组，需要根据对象数组中的某一对象属性对数组进行排序

对象数组根据对象属性排序function sortArray(propertyName){ return function (obj1,obj2){ var value1=obj1[propertyName]; var value2=obj2[propertyName]; //如果采用升序排序 if(value1>value2){ return 1 }else if(value1<value2){ return -1 }else{ return 0 }

2021-07-29 15:21:45 221

原创小程序引入web-view注意事项

小程序引入web-view注意事项1、官方参考https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html2、web-view的src属性中的链接为自动跳转，所以小程序需要创建一个新页面通过导航跳转到该新页面3、含有web-view的新页面不能作为进入小程序的第一个页面，且跳转到该web-view页面时不能使用wx.redirectTo，否则成功后无法返回到小程序4、如果使用开发者工具开发小程序，需要在开发者工具

2021-07-19 15:32:02 858

原创 errcode: 40029, errmsg: “invalid code, hints: [ req_id: 3GjdxoyWf- ]“

微信小程序通过code未成功获取openid/unionid/session_key说明：前几天是可以获取到的，今天突然发现没办法获取了解决： wx.request({ url:'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + secret + '&js_code=' + code + '&grant_type=authorization_code',

2021-07-19 15:28:00 451

原创 vue项目中使用ThreeJs加载外部的obj模型文件

3、html部分<template> <div> <div id="container"></div> </div></template>2、js部分 import * as Three from 'three' import {OBJLoader} from 'three/examples/jsm/loaders/OBJLoader'; import {OrbitControls} from 'thr

2021-04-15 11:42:18 3129 8

原创 OpenLayers的初级学习--Map

参考：https://www.cnblogs.com/xtfge/p/9949059.html1、Map示例// 实例化Map对象加载地图 //let mapContainer=document.getElementsByClassName('mapContainer')[0]; var map=new ol.Map({ // 地图容器 //target:mapContainer, target:'mapCon'

2021-03-02 11:34:46 473

原创 swiper轮播图圆角滑动会变成直角然后再变回圆角

swiper轮播图圆角滑动会变成直角然后再变回圆角解决：在swiper的父盒子上加overflow:hidden和transform:translateY(0);html<div class="my-swipe-box"> <van-swipe :autoplay="3000" class="my-swipe"> <van-swipe-item v-for="(image, index) in im

2021-02-18 12:04:22 1360

原创防抖节流

防抖节流（1）定义：它是阻止一个函数在短时间间隔内连续调用，只有当上一次函数执行后达到规定的时间间隔，才能进行下一次调用，但要保证一个累计最小调用间隔（2）函数节流用于：onresize, onscroll 等短时间内多次触发的事件（3）原理：使用定时器做事件节流，当触发一个事件时，先用setTimeout让这个事件延迟一小段时间，如果在这个时间间隔内又触发了事件，就clearTimeout原来的定时器，再setTimeout一个新的定时器重复以上流程<button id='btn'>加

2021-01-30 23:23:12 103

原创 JS判断一个对象是不是数组类型，一共有7种方式

判断一个对象是不是数组类型//判断爹//1、用__proto__获得对象的爹，然后再和数组的爹作比较var obj1={}var obj2=[1,2,3]var obj3=new Date()console.log(obj1.__proto__==Array.prototype);//2、因为__proto__可能被浏览器禁用，所以有等效的函数来完成__proto__的任务：Object.getPrototypeOf(child)console.log(Object.getPrototype

2021-01-30 23:18:47 394

原创观察者模式

观察者模式1、定义当一个变量值被修改时，可以自动通知所有关注这个变量的其他对象，让他们自动重新获得这个变量的新值2、实现data对象，专门保存所有人关注的数据和操作数据的方法，只不过需要额外定义一个数组保存所有关注这个数据的其他对象3、代码var data={ money:1000, //用于修改money的值 setMoney(money){ this.money=money; this.notifyAll(); }, /

2021-01-30 23:10:47 72

原创面试题：常见兼容性问题

常见兼容性问题问题：png24位图片在IE6浏览器上出现背景解决：解决方案是做成PNG8问题：浏览器默认的margin和padding不同解决：方案是加一个全局的*{margin:0;padding:0}来统一问题：IE6双边距bug：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置大，浮动IE产生的双倍距离解决：在float标签样式中加入 _display:inline; 将其转化为行内属性 _这个符号只有IE6会识别问题：IE下，可以使用获取常规属性的

2021-01-19 21:21:43 614

原创成功解决Unexpected end of JSON input while parsing near的问题

成功解决Unexpected end of JSON input while parsing near的问题(执行npm install的时候报出的错误)出现的问题，我是在命令行执行npm install的时候报出的错误网上查找到在命令行输入npm cache clean --force然后再去执行npm install,就可以成功执行npm install...

2021-01-18 20:34:59 3571

原创 Django-restfull报错In order to allow non-dict objects to be serialized set the safe parameter to False

In order to allow non-dict objects to be serialized set the safe parameter to False.原因：安全性：默认只允许反馈字典类型的信息；数组类型被认为是不安全的解决方案1：通过参数，修改为非安全模式，允许数组类型return JsonResponse(res,safe=False)解决方案2：推荐，数组放字典中return JsonResponse({'data':res})...

2021-01-18 15:32:09 2314

原创如何从github上下载文件并运行

执行步骤复制下载路径在本地某一硬盘中创建一个文件夹切换到项目的根目录下 cd 项目名使用npm install命令安装依赖包相关的依赖包下载完毕后，使用npm run serve命令运行项目将项目导入到Visual Studio Code工具，打开终端并使用命令运行项目复制下载路径在本地某一硬盘中创建一个文件夹进入文件夹，右键选择Git Bash，然后输入git clone命令克隆并下载项目切换到项目的根目录下 cd 项目名使用npm install命令安装依赖包相关的依赖包

2020-12-10 15:06:51 15483 2

原创 Vue项目如何安装使用moment.js

Vue项目如何安装使用moment.js1、什么是moment.js它是一个简单易用的轻量级Javascript日期处理类库，提供了日期格式化、日期解析等功能，且支持在浏览器和NodeJS两种环境中运行2、Vue项目中安装npm install moment --save3、导入在main.js中导入该组件import Moment from 'moment'4、定义在全局中定义时间格式化全局过滤器，在main.js中引入moment如果获取的时间戳是10位的时间戳使用//定义

2020-12-03 20:09:48 6170

原创正则表达式基础用法总结

正则表达式第一次学习，有很多不足之处，仅供参考正则表达式概述：专门描述字符串中字符出现规则的表达式1、用途：（1）验证字符串格式（2）查找、屏蔽敏感词2、字符集某一位字符上可能有多种备选字时用：[备选字列表]如果[]中部分字符是连续的，可以用[x-x]一个小写字母：[a-z]一位大写字母：[A-Z]一位字母(大小写都行):[A-Za-z]一位字母或数字都行：[0-9A-Za-z]一位汉字：[\u4e00-\u9fa5]3、预定义字符集(字符集的最简化写法):

2020-10-31 09:16:38 136

原创 scss知识点总结

参照：https://blog.csdn.net/pedrojuliet/article/details/728874901、什么是SCSS Sass是成熟、稳定、强大的css预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时，也继承了Sass强大的动态功能2、Scss和Sass区别Scss是Sass的一个升级版本，安全兼容Sass之前的功能，又有些新增的能力文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 Scss 是以“.scss”后缀为扩展名

2020-10-29 10:08:22 577 2

原创程序员必做50题（一）

题目：有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？var count=0;for(var i=1;i<=4;i++){ for(var j=1;j<=4;j++){ for(var k=1;k<=4;k++){ //判断三个数是否重复 if(i!==j&&i!==k&&k!==j){ //通过拼接得到互不相同且无重复数字的三位数 console.log(''+i+j+k); cou

2020-09-15 13:41:26 2667 2

原创 Java模拟登录逻辑。判断用户输入的账号，密码与注册时的是否一致，以及判断用户输入的验证码是否正确

Java模拟登录逻辑。判断用户输入的账号，密码与注册时的是否一致，以及判断用户输入的验证码是否正确 String account = "abc123"; String password = "a123"; Scanner sc = new Scanner(System.in); System.out.println("请输入用户名"); String inAccount = sc.next(); System.out.println("请输入密码"); String i

2020-08-10 16:36:37 5232 1

原创 python猜数游戏，随机生成一个1-9的整数，玩家输入数字，如果猜对，给出正确提示，如果猜错，给出太小或太大的提示，玩家有3次机会，均猜不中，则游戏结束。

创建一个猜数游戏，计算机随机生成一个1-9的整数，玩家输入数字，如果猜对，给出正确提示，如果猜错，给出太小或太大的提示，玩家有3次机会，均猜不中，则游戏结束。

2020-07-15 17:34:10 4531 1

原创成功解决jupyter不是内部或外部命令的问题

在命令行运行jupyter notebook命令出现，jupyter不是内部或外部命令，也不是可执行的程序首先我已经安装了python，通过cmd打开命令行输入jupyter notebook时出现问题解决办法：在cmd命令行中输入 pip install jupyter notebook 即可之后重新运行 jupyter notebook即可进入网页交互...

2020-07-10 22:19:51 17657 3

原创成功解决 ARP项添加失败：请求的操作需要提升

ARP项添加失败：请求的操作需要提升在使用arp -s *** 命令的时候出现解决方式以管理员身份运行cmd，netsh i i show in然后执行netsh -c i i add neighbors 11 192.168.155.2 00-55-56-f6-77-aa即 netsh -c i i add neighbors id号 ip地址物理地址此时通过 arp -a命令查看，修改成功...

2020-06-22 20:56:53 8152 2

原创 Python安装pygame教程

Python安装pygame教程1、版本说明由于python3.8与pygame存在不兼容的问题，因此在下载Python的时候，需要下载python3.8以下版本的，我下载的是python3.7.52、具体步骤1、在本机控制台通过命令安装pygamepip install pygame出现错误需要更新一下pip版本python -m pip install --upgrade pip之后再重新安装pygame运行一个小游戏python -m pygame.examples.alie

2020-06-13 21:32:46 1132

原创解决SQL Server 2014中没有sql management studio 2014的问题

解决SQL Server 2014中没有sql management studio 2014的问题由于一些问题我把SQL Server 2014删除了，但是从回收站还原数据后，就找不到sql management studio 2014了，之后我找了很多资料，原本打算删除重新下载，但是太麻烦了！！！解决办法下载一个SQL Server 2014 SP1即可解决下载地址https://docs.microsoft.com/en-us/sql/sql-server/what-s-new-in-sql-s

2020-06-05 18:28:49 5836 2

基于Docker构建企业Jenkins CI平台

CSS知识点的大部分总结

HTML的知识点总结 HTML.xmind

空空如也