前端插件总结

https://github.com/flesler/jquery.scrollTo 平滑滚动插件
eg

<script src="//cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>
<script>
$("#toTop-scroll").click(function(){
				$(window).scrollTo(0,700)
			});<script>
</script>

https://imakewebthings.com/waypoints/ 滚动监测插件
eg

<script src="lib/waypoint/jquery.waypoints.js"></script>
<script>

			//滚动监测插件
			var waypoint = new Waypoint({
			  element: document.getElementById('waypoint'),//要滚动的是哪个元素  这里选取中间部分最外层 的div
			  handler: function(direction) {
			    //console.log('Scrolled to waypoint!',direction)  在检查元素中的console可以查看输出
				if(direction =='down'){
					$('#toolbar').show(500) //500是出现的时间间隔
				}else{
					$('#toolbar').hide(500)
				}
			  }
			})
</script>

https://davidshimjs.github.io/qrcodejs/ 自动生成二维码插件
eg

<script src="lib/qrcode/qrcode.js"></script>
<script>
//自动生成二维码的插件
			var qrcode = new QRCode("weixinqrcode", { //二维码要弹出在元素的id
			    text: "http://jindo.dev.naver.com/collie",
			    width: 110,
			    height: 110,
			    colorDark : "#000000",
			    colorLight : "#ffffff",
			    correctLevel : QRCode.CorrectLevel.H
			});
</script>

https://pandao.github.io/editor.md/ markdown编辑器插件

**https://animate.style/ 动画效果插件

https://github.com/sofish/typo.css 网页文章排版插件

https://tscanlin.github.io/tocbot/自动生成目录插件

https://github.com/PrismJS/prism代码区域高亮插件**

标题

段落 加粗

markdown转HTML插件
新增博客内容时 存储的是markdown语法的字符串
要取内容时 得到的就是这个字符串 不带格式的 要把它转换为HTML