master

分支 (1)

管理

管理

master

cactus1949.github.io
/
index.html

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="X-UA-Compatible" content="IE=edge"><meta name="author" content="CACTUS"><title>浅见寡识</title><meta name="description" content="How much can i do?"><meta name="keywords"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="renderer" content="webkit"><link rel="short icon" href="/images/favicon.png" type="image/x-icon"><link rel="stylesheet" href="/css/style.css"><link rel="stylesheet" href="/css/blog_basic.css"><link rel="stylesheet" href="/css/font-awesome.min.css"><link rel="alternate" type="application/atom+xml" title="ATOM 1.0" href="/atom.xml"><meta name="generator" content="Hexo 4.2.1"></head><body><div class="sidebar animated fadeInDown"><div class="logo-title"><div class="title"><img src="/images/logo@2x.png" style="width:127px;"><h3 title=""><a href="/">浅见寡识</a></h3><div class="description"><p>How much can i do?</p></div></div></div><ul class="social-links"></ul><div class="footer"><a target="_blank" href="/"><span>Theme by </span></a><a href="https://www.caicai.me" target="_blank" rel="noopener"> CaiCai </a><span>&</span><a href="https://github.com/Ben02/hexo-theme-Anatole" target="_blank" rel="noopener"> Ben</a><div class="by_farbox"><a href="https://hexo.io/zh-cn/" target="_blank">Proudly published with Hexo&#65281;</a></div></div></div><div class="main"><div class="page-top animated fadeInDown"><div class="nav"><li><a class="current" href="/">Home</a></li><li><a href="/about">Sobre</a></li><li><a href="/archives">Arquivo</a></li><li><a href="/links">Links</a></li></div><div class="information"><div class="back_btn"><li><a class="fa fa-chevron-left" onclick="window.history.go(-1)" style="display:none;"> </a></li></div><div class="avatar"><img src="/img/46735921.jpeg"></div></div></div><div class="autopagerize_page_element"><div class="content"><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/10/07/api%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BA/">api+vutrl服务器搭建</a></h3></div><div class="post-content"><p>api+vutrl服务器搭建
在最近学习过程中，找到了个好玩的网站，他会提供免费的api进行测试练习（ 跳转查看），在后来要个可以获取到歌曲的接口，在查找后，发现了网易云音乐api、QQ音乐api，在下面演示中使用到的是qq音乐api

前期准备需要有一个服务器，当然任何平台的都可以，这里我使用的是vutrl。
...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-10-07</span><i class="fa fa-tag"></i><a class="tag" href="/categories/FE/" title="FE">FE </a><a class="tag" href="/categories/FE/api/" title="api">api </a><a class="tag" href="/categories/FE/api/node-s/" title="node's">node's </a><a class="tag" href="/tags/api/" title="api">api </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/09/27/%E5%9C%A8mac%E4%B8%AD%E9%85%8D%E7%BD%AEapache%E3%80%81mysql%E3%80%81php%20/">在Mac上配置apache，mysql，php的环境</a></h3></div><div class="post-content"><p>在Mac上配置apache，mysql，php的环境
版本：MacOS Catalina 10.15.6

mac系统一般自带apache和php，只需要简单命令开启即可
apachesudo apachectl start; //开启apahce服务
sudo apachectl restart; //重启ap...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-09-27</span><i class="fa fa-tag"></i><a class="tag" href="/categories/FE/" title="FE">FE </a><a class="tag" href="/categories/FE/Mac/" title="Mac">Mac </a><a class="tag" href="/tags/mac/" title="mac">mac </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/09/18/node%E7%9A%84%E4%BF%AE%E8%A1%8C--%E7%AC%AC%E4%B8%80%E5%A4%A9/">node的修行--第一天</a></h3></div><div class="post-content"><p>node的修行–第一天
运行环境：macOS Catalina
遇到的问题：nvm、node、npm等安装后，重新打开terminal执行时报command not found解决方法

前言
补充一些新姿势，可以

nvmnvm（nodejs version manger），nodejs的版本管理，可以很轻松的...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-09-18</span><i class="fa fa-tag"></i><a class="tag" href="/categories/FE/" title="FE">FE </a><a class="tag" href="/categories/FE/node/" title="node">node </a><a class="tag" href="/tags/node/" title="node">node </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/09/08/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%BE%93%E5%85%A5%E6%B3%95%E5%92%8C%E5%BA%95%E9%83%A8%E7%9A%84%E5%86%B2%E7%AA%81%E8%A7%A3%E5%86%B3/">移动端输入法和底部的冲突解决</a></h3></div><div class="post-content"><p>移动端输入法和底部的冲突解决
在用原生写一个移动端的app时，遇到了一个问题，在设置了一个搜索栏的同时页面底部有导航栏，并且点击搜索栏输入并没有跳转到其他页面，结果在测试输入时发现底部导航栏出现在了输入法的上方

分析原因我猜想是窗口大小改变了，从原来的大视图缩小为小视图+键盘大小，给导航栏设置的position...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-09-08</span><i class="fa fa-tag"></i><a class="tag" href="/categories/FE/" title="FE">FE </a><a class="tag" href="/tags/移动端/" title="移动端">移动端 </a><a class="tag" href="/tags/前端/" title="前端">前端 </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/09/07/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/">正则表达式自测及总结</a></h3></div><div class="post-content"><p>正则表达式
以下测试使用的网站为：regex101

前文正则表达式在处理文件，验证表单信息时常常使用，你是否也在使用它的时候不管它的意思，只要百度到能用的就用了，虽然在使用上可能不会遇到什么问题，但是当你理解了其中的意思，在看现成的代码时可以进行学习以及修改，让他可以无限的符合自己的需求，何乐而不为呢。
正则表...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-09-07</span><i class="fa fa-tag"></i><a class="tag" href="/categories/FE/" title="FE">FE </a><a class="tag" href="/categories/FE/正则/" title="正则">正则 </a><a class="tag" href="/tags/正则/" title="正则">正则 </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/09/05/ajax%E5%89%8D%E5%90%8E%E7%AB%AF%E6%95%B0%E6%8D%AE%E4%BA%A4%E4%BA%92/">ajax前后端数据交互</a></h3></div><div class="post-content"><p>ajax前后端数据交互
通过一次和后端的对接，记录一下学习到的知识点，项目中我使用的是jquery，原因会在后面说到。

使用原生js来设置ajaxvar xhr = null;
if(window.XMLHttpRequest){//判断当前浏览器是否支持XMLHttpRequest()
  xhr = win...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-09-05</span><i class="fa fa-tag"></i><a class="tag" href="/categories/ajax/" title="ajax">ajax </a><a class="tag" href="/categories/ajax/后端/" title="后端">后端 </a><a class="tag" href="/tags/ajax/" title="ajax">ajax </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/08/07/%E6%9B%B4%E6%8D%A2%E7%94%B5%E8%84%91%E5%90%8E%E5%8D%9A%E5%AE%A2%E8%AE%BE%E7%BD%AE/">更换电脑后博客的相关设置</a></h3></div><div class="post-content"><p>博客迁移
有原来的文件，只需要在新电脑上进行部署即可

大概步骤
生成并添加ssh部署密钥


Macos
打开终端输入ls -al ~/.ssh,查看目录下是否有id_rsa和id_rsa.pub文件，如果有则说明已经存在ssh密钥，直接打开文件进行复制即可
上面步骤如果没有两个文件，则需要进行生成，在终端中输...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-08-07</span><i class="fa fa-tag"></i><a class="tag" href="/categories/blog/" title="blog">blog </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/07/27/md%E6%A0%BC%E5%BC%8F/">markdown常用格式一览</a></h3></div><div class="post-content"><p>常用markdown语法一览
记录一些常用的markdown文档书写格式，以便于博客的书写，有使用到的新的语法即会更新此博客。

标题# h1
## h2
...
###### h6
列表
无序列表
- list
- list
有序列表
1. xxx
2. xxx
多选框- [] xxx
超链接[xxx](htt...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-07-27</span><i class="fa fa-tag"></i><a class="tag" href="/categories/blog/" title="blog">blog </a><a class="tag" href="/categories/blog/markdown/" title="markdown">markdown </a><a class="tag" href="/tags/markdown/" title="markdown">markdown </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/07/27/hexo+codepen/">在hexo博客中嵌入codepen</a></h3></div><div class="post-content"><p>在hexo博客中嵌入codepen
在以往记录时，使用的都是纯代码加上效果图，但是不怎么方便好用，这里尝试使用codepen进行代码的演示。

方式一一、在codepen中创建一个账户
二、创建一个Pen，编写完成后进行保存
三、在右下角找到Embed，点击后拉到最下面选择iframe，html都可以（一定要保存...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-07-27</span><i class="fa fa-tag"></i><a class="tag" href="/categories/blog/" title="blog">blog </a><a class="tag" href="/categories/blog/hexo/" title="hexo">hexo </a><a class="tag" href="/categories/blog/hexo/codepen/" title="codepen">codepen </a><a class="tag" href="/tags/hexo/" title="hexo">hexo </a><a class="tag" href="/tags/codepen/" title="codepen">codepen </a></div></div></div></div><div class="post animated fadeInDown"><div class="post-title"><h3><a href="/2020/01/01/%E6%A8%A1%E7%89%88/">博客模版</a></h3></div><div class="post-content"><p>博客模版
记录下写博客的一般顺序以及博客基本格式

写博客---
title: 首页显示的大标题
date: 2020/01/01（可选，不设置会自动生成）
index_img: /img/xxx.jpg(可选，首页左侧配图)
banner_img: /img/xxx.jpg(文章页顶部大图)
categorie...</p></div><div class="post-footer"><div class="meta"><div class="info"><i class="fa fa-sun-o"></i><span class="date">2020-01-01</span><i class="fa fa-tag"></i><a class="tag" href="/categories/blog/" title="blog">blog </a></div></div></div></div><div class="pagination"><ul class="clearfix"></ul></div></div></div></div><script src="/js/jquery.js"></script><script src="/js/jquery-migrate-1.2.1.min.js"></script><script src="/js/jquery.appear.js"></script></body></html>