2021年03月_starcpdk微信～

原创 github或者gitee第三方登录

首先我们需要在github或者gitee上申请一个应用根据以上的图片在gitee中申请我们的一个应用注意：申请完成后我们就可以开始写代码了这里是我的代码，大家跟着改一改就可以了先来看一下我的项目结构，这部分只在github包中有涉及写一个controllerpackage com.starcpdk.blogservice.github.controller;import com.alibaba.fastjson.JSON;import com.alibaba.fastj

2021-03-20 22:24:25 1132

原创 Vue踩坑之二级路由下静态资源加载失败

在使用vue开发过程中意外发现 , 当我的路由加到二级时我的页面背景突然没了? 这是怎么回事呢?让我们先来复现一下问题吧起初我的登陆页面的路由是这样子的我的背景图片是在外部的一个css中写着的这个外部css文件我是在index.html中全局引入的 , 按理来说 , 在全局引入了css , 那么我的所有组件 , 所有路由都应该可以访问到我自己写的这个css的内容的 , 也就是说我不管写什么路径都应该可以看到自己的背景图片的给大家先看下我的index.html文件中是怎么引入的这个外部css

2021-03-11 17:25:37 2917 4

原创 vue中通过props实现父组件向子组件传递参数

首先我们看一个例子下面的例子是父组件中的引入HelloWorld这个子组件在子组件标签中用单项绑定绑定一个变量在这里 , msg就是子组件中接受父组件变量值的变量text 就是在父组件中的data中定义的一个变量这里的意思就是 , 把父组件中的变量text的值传递给子组件的变量msg在子组件中 , 我们使用props: [‘msg’],去获取父组件传递的值并将值赋值给子组件中的msg这个变量这样 , 在子组件中就可以通过this.msg去拿到父组件传递的那个值了这里需要注意 , 在子组件

2021-03-03 21:35:25 1209 1

原创滚动侦测 ,让右下角的内容在页面最上方不显示 , 随鼠标下滑而显示

下载插件下载后把图中两个js文件引入自己的项目中然后在组件中引入这个js在mounted的钩子函数中添加这部分内容// 滚动侦测 var waypoint = new Waypoint({ element: document.getElementById('waypoint'), // 这里代表检测的什么标签 handler: function(direction) { if (direction == "down"){ // 滚动

2021-03-03 20:14:48 291 1

原创回到顶部实现

添加如下js代码即可 , #toTopButton锁定到一个button , 用于确定点击哪儿个按钮触发这个事件$('#toTopButton').click(function () { $(window).scrollTop(0 , 500) // 第一个参数是滚动到什么位置 , 第二个参数是滚动的时间})...

2021-03-03 19:30:41 132 1

原创网页生成二维码

插件官网下载后导入将里面得js文件copy到自己得项目中然后在自己得项目组建中引入js文件最后就是使用我们需要在钩子函数mounted中添加如下代码// 生成二维码的图标 var qrcode = new QRCode("qrcode", { // 这里的test就是指定元素的id , 就是生成得二维码要放到哪儿个标签下面 text: "http://jindo.dev.naver.com/collie", width: 100, hei

2021-03-03 19:20:58 403 1

原创通过网页内容生成目录

下载安装命令npm install --save tocbot下载后将dist目录下面的内容copy到自己的项目目录下然后在组件中引入这个插件的css和js在组件的mounted钩子函数中添加这段代码// 生成目录插件初始化 tocbot.init({ // Where to render the table of contents. tocSelector: '.js-toc', // 生成的目录放在哪儿 , 这里用css选中

2021-03-03 16:15:12 849 2

原创文章内容排版以及代码高亮

代码高亮官网进入官网后下载js和css文件下载后将css和js文件引入到项目中这里我用的是vue , 引入方式如下引入后代码即可高亮了事例代码<pre><code class="language-css">p { color: red }</code></pre>效果文章内容排版官网下载后将typo.css引入项目即可......

2021-03-03 14:39:58 240 1

原创 vue集成MarkDown编辑器插件

安装mavon-editor插件npm install mavon-editor --save在main.js中引入mavon-editor// 导入markdown编辑器import mavonEditor from "mavon-editor";import "mavon-editor/dist/css/index.css";3// 使用MarkDown编辑器Vue.use(mavonEditor);在组件中使用<template> <div cla.

2021-03-02 15:14:19 1334 2

原创对导航栏的滚动侦测实现导航栏随也没内容下滑后固定

我们常常看到一些网站的内容下滑时 , 导航栏就固定在顶部 , 这样的功能是怎样实现的呢?我这里是vue的实现在vue的钩子函数中将下面的代码粘贴进去 ,然后我们在自己导航栏的那个标签上加上一个id = "inner"的属性mounted() { //导航栏随页面滚动检测 // 在页面中的nav标签加上id="inner"这洋一个属性 let obj11 = document.getElementById("inner"); let top11 = ge

2021-03-02 14:40:19 534

weixin_44735933的博客