<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Damp_XUN的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Damp_XUN</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Damp_XUN]]></copyright><item><title><![CDATA[npm安装很慢]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/106386837</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/106386837</guid><author>Damp_XUN</author><pubDate>Wed, 27 May 2020 17:35:21 +0800</pubDate><description><![CDATA[三种方法

搭梯子
安装淘宝镜像
清理npm缓存，命令  npm cache clean -f


]]></description><category></category></item><item><title><![CDATA[音频可视化前端实现]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105331793</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105331793</guid><author>Damp_XUN</author><pubDate>Sun, 05 Apr 2020 19:28:18 +0800</pubDate><description><![CDATA[思路
我们需要将音频文件解码成二进制流文件，这个流文件即为音频资源buffer播放源
之后需要将buffer播放源与分析器相连，分析器与扬声器相连，（扬声器为 audioContext.destination）
audioContext.destination:
返回AudioDestinationNode对象，表示当前audio context中所有节点的最终节点，一般表示音频渲染设备。
&lt...]]></description><category></category></item><item><title><![CDATA[google workspace同步调试修改文件]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105281338</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105281338</guid><author>Damp_XUN</author><pubDate>Thu, 02 Apr 2020 22:38:09 +0800</pubDate><description><![CDATA[最新版的google打开开发者工具，然后f1找到workspace，打开相应目录，就可以在开发者工具的source下直接修改文件并调试。

]]></description><category></category></item><item><title><![CDATA[小程序开发记录（七）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105276345</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105276345</guid><author>Damp_XUN</author><pubDate>Thu, 02 Apr 2020 18:31:09 +0800</pubDate><description><![CDATA[未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。
打开project.config.json文件
注意miniprogramRoot字段，一定要对应app.json的文件目录



]]></description><category></category></item><item><title><![CDATA[小程序开发记录（六）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105109205</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105109205</guid><author>Damp_XUN</author><pubDate>Thu, 26 Mar 2020 01:19:38 +0800</pubDate><description><![CDATA[小程序开发记录（六）
音频API
获取实例
InnerAudioContext
该实例通过 wx.createInnerAudioContext() 获得；
获取音频长度
如果想要获取音频长度InnerAudioContext.duration，目前看来只能等音频播放才能获取，网上虽然有onCanplay据说可以获取，但是我实验并不可以；
当前时间点
音频进度条需要通过总音频时长和当前播放时间点I...]]></description><category></category></item><item><title><![CDATA[小程序开发记录（五）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105109156</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105109156</guid><author>Damp_XUN</author><pubDate>Thu, 26 Mar 2020 00:59:12 +0800</pubDate><description><![CDATA[小程序开发记录（五）
request 封装为promise
更加优雅的request写法~
var requestNameApi = function (app) {
  return new Promise((resolve, reject) =&gt; {
    wx.request({
      url: 'https://www.yoursite.com/url',
      hea...]]></description><category></category></item><item><title><![CDATA[小程序开发记录（四）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105108811</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105108811</guid><author>Damp_XUN</author><pubDate>Thu, 26 Mar 2020 00:54:22 +0800</pubDate><description><![CDATA[小程序开发记录（四）
iphoneX自定义顶部tab栏适配
出现问题：除iphoneX其他适配都正常，但是实测时iPhone X出现适配错误。
自定义顶部栏实现
tip：需要在pages同级目录下创建目录 custom-tab-bar
该目录下有三个文件，html，js，json
index.html
&lt;view class='nav-wrap' style="height:{{height...]]></description><category></category></item><item><title><![CDATA[微信小程序出现log提示问题]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/105028726</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/105028726</guid><author>Damp_XUN</author><pubDate>Sun, 22 Mar 2020 15:26:57 +0800</pubDate><description><![CDATA[加载反复出现

log appendFile err fs_appendFile:fail no such file or directory, open "http:…

微信开发者工具选择工具&gt;刷新即可

]]></description><category></category></item><item><title><![CDATA[2020.3.6总结]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104702890</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104702890</guid><author>Damp_XUN</author><pubDate>Fri, 06 Mar 2020 20:18:13 +0800</pubDate><description><![CDATA[图像变形：
transform:skew(45deg);

图像45°变形，例如长方形变为平行四边形。
可以一个参数，也可以两个参数。
一个参数表示沿x轴变形，两个参数表示分别沿x，y轴变形。

参考 skew() - CSS(层叠样式表) | MDN

关于层叠上下文
之前在面经中看到过关于层叠上下文的问题，后来看了一篇文章，但是实际上很少用到，只有碰到具体场景才想到是不是遇到了层叠上下文。
今...]]></description><category></category></item><item><title><![CDATA[低级错误集合]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104693103</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104693103</guid><author>Damp_XUN</author><pubDate>Fri, 06 Mar 2020 12:09:26 +0800</pubDate><description><![CDATA[react route引入component一直不显示：
错误示范：
import React, { Component } from 'react';
import Home from '../pages/home/home'
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

class Rou...]]></description><category></category></item><item><title><![CDATA[git常用命令之工蜂]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104670891</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104670891</guid><author>Damp_XUN</author><pubDate>Thu, 05 Mar 2020 11:19:58 +0800</pubDate><description><![CDATA[git add.
git commit -m "description"
git push -u origin dev/frontend-v0.0.1


]]></description><category></category></item><item><title><![CDATA[前端项目计划]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104639454</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104639454</guid><author>Damp_XUN</author><pubDate>Tue, 03 Mar 2020 19:36:05 +0800</pubDate><description><![CDATA[一周小项目
项目名称
Todo
需求分析
根据个人工作学习需求，需要满足以下特点：

创建项目，创建项目子任务待办，根据子任务完成数，显示项目完成进度。子任务可设置权重，计算进度。
创建每日待办，每日待办和子任务同时需要显示，分别在不同的列表里展示。

任务周期
一周，3.3-3.10

...]]></description><category></category></item><item><title><![CDATA[前端实战复习——音频动效]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104634509</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104634509</guid><author>Damp_XUN</author><pubDate>Tue, 03 Mar 2020 15:58:51 +0800</pubDate><description><![CDATA[音频动效
纯前端样式，无音频分析。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;ti...]]></description><category></category></item><item><title><![CDATA[前端实战复习——歌词滚动]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104634392</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104634392</guid><author>Damp_XUN</author><pubDate>Tue, 03 Mar 2020 15:56:46 +0800</pubDate><description><![CDATA[歌词滚动
此处展示为html的demo
思路

首先歌词单独为div
歌词整体滚动，设置wrap为div
歌词上移使用移动wrap位置，所以需要设置wrap，position为absolute。
歌词高亮使用当前歌词改变类名实现，添加过渡transition，使其有放大缩小的效果。

此处对歌词进行了处理。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
...]]></description><category></category></item><item><title><![CDATA[小程序开发记录（三）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104487963</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104487963</guid><author>Damp_XUN</author><pubDate>Mon, 24 Feb 2020 23:04:58 +0800</pubDate><description><![CDATA[小程序开发记录（三）
接口文档规范

{
    "success":20200,
    "msg":"login success,is a old user",
    "name":"test",
    "sessionId":"6cdf33e6-b037-4ddb-bdce-5158335ffd18"
}

{
    "success":20201,
    "msg":"login ...]]></description><category></category></item><item><title><![CDATA[小程序开发记录（二）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104359863</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104359863</guid><author>Damp_XUN</author><pubDate>Mon, 17 Feb 2020 16:16:15 +0800</pubDate><description><![CDATA[小程序开发记录（二）
图片白边
内联元素的空格导致，display:block变成块级元素即可。
flex让元素自动占据剩余空间
对内容子元素设置flex:1
换一换效果
点击换一换，换一换的图标旋转。
思路：通过更改类名。
问题：小程序直接更改元素类名，通过query选择节点更改比较麻烦。
解决：通过数据绑定，将类名作为变量，与图片绑定，旋转效果通过animation；此处复习一下，animat...]]></description><category></category></item><item><title><![CDATA[小程序开发记录（一）]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/104340939</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/104340939</guid><author>Damp_XUN</author><pubDate>Sun, 16 Feb 2020 12:48:00 +0800</pubDate><description><![CDATA[小程序开发记录（一）
正常申请注册完个人账号，选择小程序后。
开通云服务。
开通云服务
在微信开发者工具中选择云开发，基础配额开通云服务。
等待10分钟，云服务器就绪后重新编译，成功开通云服务。

...]]></description><category></category></item><item><title><![CDATA[2019下半年总结]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/103736016</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/103736016</guid><author>Damp_XUN</author><pubDate>Fri, 27 Dec 2019 17:46:54 +0800</pubDate><description><![CDATA[7-8月 储备知识
这两个月暑假在家，主要是在刷剑指offer，为了下学期的实习打基础，进步的话，大概就是二叉树彻底明白了？关于递归还是理解的不够，算法硬撸出来，还是有点痛苦。

9-10月 项目实战
9月开学，主要做了一个全栈项目，前端ejs，后端mongodb+node
说实话当初非常自豪地将模拟客户端请求地部分撸出来了，现在看来我真的没有深入理解。准备仔细地学习一遍计算机网络。完善这个项目。...]]></description><category></category></item><item><title><![CDATA[node实现即时消息通知]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/103569695</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/103569695</guid><author>Damp_XUN</author><pubDate>Mon, 16 Dec 2019 20:41:07 +0800</pubDate><description><![CDATA[关于这个项目，是关于我们设计模式的案例设计
题目是重构我们教务在线的教师端，实现消息通知
也就是说，当教师的监考发生变动时，就产生即时的消息。
刚刚看的这个题目，我想到的是，利用观察者模式，在JavaScript中，观察者模式又称为发布订阅模式。
对于教师端来说，教师就是订阅者，管理员发布更新监考事宜为发布事件。教师订阅了“更新监考”这个事件，一旦管理员触发事件，则教师会收到消息。

如何实现呢...]]></description><category></category></item><item><title><![CDATA[最近看到和遇到的一些问题]]></title><link>https://blog.youkuaiyun.com/Damp_XUN/article/details/103186167</link><guid>https://blog.youkuaiyun.com/Damp_XUN/article/details/103186167</guid><author>Damp_XUN</author><pubDate>Thu, 21 Nov 2019 16:38:47 +0800</pubDate><description><![CDATA[linux centos启动mongodb失败，首先需要看mongodb文件夹里面的mongod.log，查看日志，日志里面会有错误原因。本次错误的原因是权限问题。修改权限即可。


在mongo目录下使用命令 找一下mongo在哪 (find / -name “mongo”)
chown mongod -R mongo
chgrp mongod -R mongo
之后重启mongo服务就行

...]]></description><category></category></item></channel></rss>