诗水人间的博客_云博前端

js封装网易云api请求

封装axios，以及封装网易云音乐api文档中的所有请求封装号的js文件地址Github:云博前端项目-网易云音乐api封装后的js文件地址向将axios请求封装npm install axios -s封装的请求函数文件，通过传入type=GET/POST/PUT/DELETE分别发送axios.ge

ios

封装

ajax

原创 2022-03-01 11:37:03 129 阅读

stylus的使用和基础知识

安装stylusnpm install stylus stylus-loader -sstylus是主流的css预编译器LessSassStylus使用方法<style lang="stylus" rel="stylessheet/stylus"></style>语法中文文档语法结构：完全通过缩进控制，不需要大括号和分号

css

预处理

css样式

原创 2022-03-01 11:15:26 119 阅读

vue中手机端和电脑端之间路由切换的实现代码，正则表达式对路由替换

例如有手机端登录页面和电脑端的登录页面登录的路由分别是/pc/login/phone/login实现代码：先根据浏览器判断是电脑还是手机端的界面然后通过正则截取/login进行字符串拼接，形成新的路由在入口App.vue中的script中添加 export default {

手机端

页面切换

登录页面

原创 2022-03-01 10:51:05 155 阅读

云博(yumbo)前端模块划分

项目目录结构云博分为手机端界面和pc端界面，通过判断是手机还是pc来自动切换路由路由的格式手机端用 phone PC端用 pc例如主页路由： 1. localhost:8080/phone 表示手机端 2. localhost:8080/pc 表示PC端比如登陆界面路由:

手机端

目录结构

文件存储

原创 2022-03-01 10:50:28 43 阅读

封装ajax请求

对ajax请求进行封装，希望通过ajax直接返回response.data数据/*ajax请求函数模块返回值: promise对象(异步返回的数据是: response.data) */import axios from 'axios'export default function ajax (url, data={},

ajax

ios

数据

原创 2022-03-01 10:50:14 131 阅读

js封装QQ音乐api

QQ音乐api文档地址：QQ音乐api文档封装好后的api文件地址:需要引入请求封装文件…/ajax.jshttps://github.com/1015770492/yumbo-vue/blob/master/src/api/music/qq/qqmusicApi.js向将axios请求封装npm install axios -s

ios

ajax

封装

原创 2022-03-01 10:49:35 523 阅读

使用ElementUi中的el-upload组件，后台服务器签名，前端直传阿里云OSS。

endpoint和bucket来源于下面，地址则是创建完bucket后点开这个bucket就会看到accessID和accessKey则是拥有这个bucket管理的用户，后面内容可以找到这个信息需要有前面的操作：开启OSS对象存储服务，创建Bucket以及添加一些必要的设置后台服务器签名

ios

上传

服务器

原创 2022-03-01 10:26:53 1081 阅读

动态yumbo的gif制作

如下效果图第一步、通过AI给每一个字符上色例如，字体和大小然后导出png再通过PS创建图层通过框选选择部分字体，右键拷贝图层一个一个建立图层，让图层显示的内容就是部分的内容

图层

右键

时间轴

原创 2022-03-01 10:14:36 78 阅读

css中使用自定义字体和自定义字体图标

下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体为什么要使用自定义字体？浏览器对于字体的支持力度不一样

矢量图

自定义

css

原创 2022-03-01 10:05:44 793 阅读

vue子路由的一个坑

路由信息如下下面是错误的路由export default new VueRouter({ routes: [ { path: '/', children: [ {

路由配置

原创 2022-02-24 17:24:19 424 阅读

拆分vue的路由，便于阅读路由信息

如下是pc端的路由信息：pc-router.js，我的意图是将路由拆分成电脑端和手机端。方便日后设计手机界面的UI注意点: export 返回的是一个数组import Login from "@/components/common/login_Register_Reset/login/Login";

数组

后台管理

手机端

原创 2022-02-24 17:06:16 213 阅读

网站应用接入qq登录,实现免注册原理

创建一个wen网站类型的应用,如下过程，这个过程可能比较久前提条件 1、网站域名已经备案成功并且网站可以访问，然后再来申请接入网站应用然后需要用到备案信息，否则就会收到邮件通知你审核不通过如下信息：框出来的信息需要用到填入网站主页即可注意回调域，这个在后面获取access_token需要用到，它会将用户登录后的这个字段通过url的code返回。就是下面的这一串信息是后面需要用到的假设你

qq互联

f5

字段

html

原创 2022-01-19 16:06:15 535 阅读

yumbo分布式博客的未来构思

近期小结最近一段时间很少写博客，原因是近段时间事情比较多，作为一个大四学生，临近毕业

数据

代码块

个人博客

原创 2022-01-19 15:47:10 52 阅读

使用ElementUi中的el-upload组件，后台服务器签名，前端直传阿里云OSS。

endpoint和bucket来源于下面，地址则是创建完bucket后点开这个bucket就会看到accessID和accessKey则是拥有这个bucket管理的用户，后面内容可以找到这个信息需要有前面的操作：开启OSS对象存储服务，创建Bucket以及添加一些必要的设置后台服务器签名：阿里云OSS文档地址首先需要有一个能获取签名的地址第一步、搭建签名服务器方式一、有外网服务器的情况

ios

上传

服务器

json

java

原创 2021-08-07 12:47:20 1104 阅读

动态yumbo的gif制作

如下效果图第一步、通过AI给每一个字符上色例如，字体和大小然后导出png再通过PS创建图层通过框选选择部分字体，右键拷贝图层一个一个建立图层，让图层显示的内容就是部分的内容，然后一张一张的播放就能达到gif动态字体的的效果窗口==>时间轴然后设置每一个图层显示的顺序和时间编辑好后，如下导出gif完成...

图层

右键

时间轴

其他

原创 2021-08-07 12:29:17 184 阅读

封装ajax请求

对ajax请求进行封装，希望通过ajax直接返回response.data数据/*ajax请求函数模块返回值: promise对象(异步返回的数据是: response.data) */import axios from 'axios'export default function ajax (url, data={}, type='GET') { return new Promise(function (resolve, reject) { // 执行异步ajax请求 l

ajax

数据

ios

post请求

封装

原创 2021-08-07 10:14:00 283 阅读

vue中手机端和电脑端之间路由切换的实现代码，正则表达式对路由替换

例如有手机端登录页面和电脑端的登录页面登录的路由分别是/pc/login/phone/login实现代码：先根据浏览器判断是电脑还是手机端的界面然后通过正则截取/login进行字符串拼接，形成新的路由在入口App.vue中的script中添加 export default { name: 'App', methods: { // 判断phone端还是pc端 _isMobile() {

手机端

页面切换

登录页面

字符串拼接

ios

原创 2021-08-07 10:13:56 721 阅读

云博(yumbo)前端模块划分

项目目录结构云博分为手机端界面和pc端界面，通过判断是手机还是pc来自动切换路由路由的格式手机端用 phone PC端用 pc例如主页路由： 1. localhost:8080/phone 表示手机端 2. localhost:8080/pc 表示PC端比如登陆界面路由: 1. localhost:8080/phone/login 2. localhost:8080/pc/login同理手机和电脑端的切换只需要更换路由中的pc和phone即可目录结构：（项目完

手机端

目录结构

文件存储

页面布局

html

原创 2021-08-07 10:13:54 112 阅读

stylus的使用和基础知识

安装stylusnpm install stylus stylus-loader -sstylus是主流的css预编译器LessSassStylus使用方法<style lang="stylus" rel="stylessheet/stylus"></style>语法中文文档语法结构：完全通过缩进控制，不需要大括号和分号，冒号可选。.tab display:flex height 40px line-height 40px .tab-i

css

引用变量

f5

css样式

变量名

原创 2021-08-07 10:13:05 337 阅读

js封装网易云api请求

封装axios，以及封装网易云音乐api文档中的所有请求封装号的js文件地址Github:云博前端项目-网易云音乐api封装后的js文件地址向将axios请求封装npm install axios -s封装的请求函数文件，通过传入type=GET/POST/PUT/DELETE分别发送axios.get(url)和axios.post(url,data)/*ajax请求函数模块返回值: promise对象(异步返回的数据是: response.data)其它请求使用axios.post

ios

封装

ajax

数据

网易云音乐

原创 2021-08-07 10:12:58 653 阅读

js封装QQ音乐api

QQ音乐api文档地址：QQ音乐api文档封装好后的api文件地址:需要引入请求封装文件…/ajax.jshttps://github.com/1015770492/yumbo-vue/blob/master/src/api/music/qq/qqmusicApi.js向将axios请求封装npm install axios -s封装的请求函数文件，通过传入type=GET/POST/PUT/DELETE分别发送axios.get(url)和axios.post(url,data)/*a

ios

ajax

封装

数据

post请求

原创 2021-08-07 10:12:56 670 阅读

vue子路由的一个坑

路由信息如下下面是错误的路由export default new VueRouter({ routes: [ { path: '/', children: [ { path: 'login', component: Login } ] } ]

路由配置

JAVA

原创 2021-08-07 10:02:19 477 阅读

拆分vue的路由，便于阅读路由信息

如下是pc端的路由信息：pc-router.js，我的意图是将路由拆分成电脑端和手机端。方便日后设计手机界面的UI注意点: export 返回的是一个数组import Login from "@/components/common/login_Register_Reset/login/Login";// 登录组件import AdminMeau from "@/components/computerUI/userConsole/layout/AdminMeau";// 后台管理组件export

手机端

数组

后台管理

JAVA

原创 2021-08-07 10:02:16 142 阅读

yumbo分布式博客的未来构思

近期小结最近一段时间很少写博客，原因是近段时间事情比较多，作为一个大四学生，临近毕业。毕业论文，找工作，学习。三件事情让我忙不胜忙，因此最近一段时间的写博客频率比较低。从2019年开始我就一直在构思yumbo博客的架构和实现，我不满意csdn的博客所提供的功能，虽然csdn的博客系统已经基本满足了个人写博客的需求。以下我举出几个例子来提出csdn不足的地方专栏分类非常糟糕的设计，无法处理多级专栏（3级以上完全无法实现），2级专栏只是样式的调整，我猜测csdn的这个专栏设计应该是mysql的一

数据

代码块

个人博客

置顶

博客系统

原创 2021-08-07 09:56:51 117 阅读

css中使用自定义字体和自定义字体图标

下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体为什么要使用自定义字体？浏览器对于字体的支持力度不一样，概括的说：不是所有的字体浏览器都支持!换而言之：要使用浏览器不支持的字体，就得通过其它方法解决解决方案：css3中使用@font-face可以支持浏览器不支持得字体第一步、需要将字体文

矢量图

自定义

css

字体图标

html

原创 2021-08-07 09:54:11 644 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx603ebe2769cf3的博客

js封装网易云api请求

stylus的使用和基础知识

vue中手机端和电脑端之间路由切换的实现代码，正则表达式对路由替换

云博(yumbo)前端模块划分

封装ajax请求

js封装QQ音乐api

使用ElementUi中的el-upload组件，后台服务器签名，前端直传阿里云OSS。

动态yumbo的gif制作

css中使用自定义字体和自定义字体图标

vue子路由的一个坑

拆分vue的路由，便于阅读路由信息

网站应用接入qq登录,实现免注册原理

yumbo分布式博客的未来构思

使用ElementUi中的el-upload组件，后台服务器签名，前端直传阿里云OSS。

动态yumbo的gif制作

封装ajax请求

vue中手机端和电脑端之间路由切换的实现代码，正则表达式对路由替换

云博(yumbo)前端模块划分

stylus的使用和基础知识

js封装网易云api请求

js封装QQ音乐api

vue子路由的一个坑

拆分vue的路由，便于阅读路由信息

yumbo分布式博客的未来构思

css中使用自定义字体和自定义字体图标