<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dyanfee的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Dyanfee</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dyanfee]]></copyright><item><title><![CDATA[解决midwayjs使用sqlite3报DriverPackageNotInstalledError错误]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/148946748</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/148946748</guid><author>Dyanfee</author><pubDate>Fri, 27 Jun 2025 10:00:34 +0800</pubDate><description><![CDATA[在MidwayJS项目中使用pnpm workspace管理时，安装sqlite3模块可能出现DriverPackageNotInstalledError错误。该问题源于pnpm的依赖结构与原生模块不兼容，导致无法正确加载二进制文件。解决方案为：1) 创建pnpm-workspace.yaml文件，配置onlyBuiltDependencies包含sqlite3；2) 重新卸载并安装sqlite3。该方法通过特殊标记处理原生模块，确保二进制文件被正确编译和定位。该方案同样适用于better-sqlite3等]]></description><category></category></item><item><title><![CDATA[图片选框跟随鼠标移动]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/140018121</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/140018121</guid><author>Dyanfee</author><pubDate>Thu, 27 Jun 2024 17:19:49 +0800</pubDate><description><![CDATA[使用css 的 mask属性绘制选框边缘。使用css变量设置选框位置和样式。]]></description><category></category></item><item><title><![CDATA[css3动画之 transform-style preserve-3d 实现webpack官网图标]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/138570941</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/138570941</guid><author>Dyanfee</author><pubDate>Wed, 08 May 2024 14:27:09 +0800</pubDate><description><![CDATA[注意：放元素的容器可以设置景深相机，但是在本动画中设置后会导致线条无法完全对，可自行尝试。将元素转为3D视图。]]></description><category></category></item><item><title><![CDATA[css3 动画之满意度表情变化的复杂动画]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/138190842</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/138190842</guid><author>Dyanfee</author><pubDate>Thu, 25 Apr 2024 15:36:58 +0800</pubDate><description><![CDATA[实现效果：
拉动滑动条，表情由愤怒到满意，并且颜色也由红色逐渐变更成绿色
如下图：

实现思路：

利用clip-path实现多边形蒙版对眼睛部分进行绘制

  .eye {
        position: absolute;
        top: 45px;
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        clip-path:]]></description><category></category></item><item><title><![CDATA[利用css实现文字一行内展示，超出一行，内容中间显示省略号]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/137239190</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/137239190</guid><author>Dyanfee</author><pubDate>Mon, 01 Apr 2024 16:52:40 +0800</pubDate><description><![CDATA[* 重要 必须设置背景色 以在文字溢出换行时将原文字覆盖 *//* 需要固定展示高度 且行高应与展示高度一致 *//* 重要 重新设置背景色将原文字覆盖 *//* 仅展示一行 */]]></description><category></category></item><item><title><![CDATA[黑群晖使用pc端 Drive]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/127543058</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/127543058</guid><author>Dyanfee</author><pubDate>Wed, 26 Oct 2022 23:14:50 +0800</pubDate><description><![CDATA[黑群晖使用Drive的PC端报错解决方法]]></description><category></category></item><item><title><![CDATA[golang桌面gui库fyne使用]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/123922674</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/123922674</guid><author>Dyanfee</author><pubDate>Sat, 02 Apr 2022 16:07:50 +0800</pubDate><description><![CDATA[golang桌面gui库fyne使用
使用
初始项目

新建项目文件夹fyna
执行go mod init
执行go get fyne.io/fyne/v2
执行go mod tidy
创建main.go

执行以上步骤即可创建一个fyne环境
hello world
代码如下：
package main

import (
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/widget"
)

func main() {
	a := app.New()
	//创建一个窗口
]]></description><category></category></item><item><title><![CDATA[centos7安装mysql8.0]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/119433262</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/119433262</guid><author>Dyanfee</author><pubDate>Fri, 06 Aug 2021 02:32:13 +0800</pubDate><description><![CDATA[centos7安装mysql8.0
下载mysql源
https://dev.mysql.com/downloads/repo/yum/
选择对应版本
注意：Linux 8对应centos 8,需要下载Linux 7
wget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpm

安装mysql源
yum localinstall mysql80-community-release-el7-3.noarch.rpm

检测]]></description><category></category></item><item><title><![CDATA[centos7安装mysql8.0报错 Requires: libstdc++.so.6]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/119432508</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/119432508</guid><author>Dyanfee</author><pubDate>Fri, 06 Aug 2021 01:49:24 +0800</pubDate><description><![CDATA[安装mysql8.0报错 Requires: libstdc++.so.6
报错内容如下：
Error: Package: mysql-community-server-8.0.26-1.el8.x86_64 (mysql80-community)
           Requires: libstdc++.so.6(CXXABI_1.3.11)(64bit)
Error: Package: mysql-community-client-8.0.26-1.el8.x86_64 (mysql80-commu]]></description><category></category></item><item><title><![CDATA[js-cookie 简单使用教程]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/118308551</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/118308551</guid><author>Dyanfee</author><pubDate>Mon, 28 Jun 2021 17:30:57 +0800</pubDate><description><![CDATA[js-cookie 简单使用教程
js-cookie
js-cookie是一个简单的，轻量级的处理cookies的js API。
官网。
安装：
// 安装js-cookie
npm install js-cookie --save

基本使用：
// 创建值
Cookies.set('name','value')
// 创建7天内有效的值
Cookies.set('name', 'value', { expires: 7 });
// 创建带有有效期和有效路径的值
Cookies.set('name', ]]></description><category></category></item><item><title><![CDATA[Vue源码学习之实现model数据双向绑定和代理数据]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/116241317</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/116241317</guid><author>Dyanfee</author><pubDate>Wed, 28 Apr 2021 19:26:49 +0800</pubDate><description><![CDATA[Vue源码学习之实现model数据双向绑定和代理数据

接之前，首先实现model数据的绑定，修改MyVue.js文件，在compileUtile中修改model方法.

/**
 * 
 * @param {*} exp 数据key
 * @param {*} vm vue实例
 * @param {*} inputVal 修改的值
 * @returns 
 */
setValue(exp, vm, inputVal) {
    return exp.split('.').reduce((data, ]]></description><category></category></item><item><title><![CDATA[Vue学习之数据视图驱动Watcher类实现]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/116240719</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/116240719</guid><author>Dyanfee</author><pubDate>Wed, 28 Apr 2021 18:52:41 +0800</pubDate><description><![CDATA[Vue学习之数据监听Observer类实现
之前已经监听了数据变化，现在要实现的时在数据初始化时增加对数据的观察，并且在数据变化时，通过数据变化来修改视图。
新建脚本文件
文件名Watcher.js
在index.html中引入&lt;script src="Watcher.js"&gt;&lt;/script&gt;
class Watcher {
    /**
     * 
     * @param {*} vm Vue实例
     * @param {*} exp data数据key值
   ]]></description><category></category></item><item><title><![CDATA[Vue学习之数据监听Observer类实现]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/116237489</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/116237489</guid><author>Dyanfee</author><pubDate>Wed, 28 Apr 2021 16:45:51 +0800</pubDate><description><![CDATA[Vue学习之数据监听Observer类实现
创建脚本文件
文件名：Observer.js
在index.html中引入脚本文件&lt;script src="Observer.js"&gt;&lt;/script&gt;
创建Observer类，并在构造函数中传入Vue实例的data数据。
class Observer {
    constructor(data) {
        this.observer(data);
    }
    // 实现数据变化监听
    observer(data)]]></description><category></category></item><item><title><![CDATA[简单实现Vue之指令解析器Compile类]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/116217360</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/116217360</guid><author>Dyanfee</author><pubDate>Wed, 28 Apr 2021 03:25:45 +0800</pubDate><description><![CDATA[简单实现Vue之指令解析器Compile类
创建html文件

文件名为index.html

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-w]]></description><category></category></item><item><title><![CDATA[mongoDB的简单安装与使用]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/106890893</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/106890893</guid><author>Dyanfee</author><pubDate>Sun, 21 Jun 2020 20:52:24 +0800</pubDate><description><![CDATA[mongoDB的简单安装与使用
一、mongodb的安装
​	下载地址:https://www.mongodb.com/try/download/community
​	安装直接下一步到取消勾选安装compass,即MongoDB的可视化工具，勾选的话会下载安装。
二、mongodb启动
​	双击安装目录下的bin目录的mongod.exe即可启动。如需要配置启动数据库的data数据位置，可通过cmd启动
F:\mongodb\bin\mongod --dbpath E:\mongodb\data --lo]]></description><category></category></item><item><title><![CDATA[express node 运行报错 安装bcrypt报错]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/106682856</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/106682856</guid><author>Dyanfee</author><pubDate>Thu, 11 Jun 2020 10:32:03 +0800</pubDate><description><![CDATA[express node 运行报错 安装bcrypt报错

[root@izwz9cs0w4qqwzrpcyftzuz nodeServe]# npm install bcrypt -S

&gt; bcrypt@4.0.1 install /home/nodeServe/node_modules/bcrypt
&gt; node-pre-gyp install --fallback-to-build

node-pre-gyp WARN Using needle for node-pre-gyp http]]></description><category></category></item><item><title><![CDATA[Vue 使用问题记录 css中calc使用 生命周期函数重复]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/106682683</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/106682683</guid><author>Dyanfee</author><pubDate>Thu, 11 Jun 2020 10:27:46 +0800</pubDate><description><![CDATA[Vue 使用问题记录

style样式中使用calc属性计算时，计算符号两边需要空格 如calc(100% - 44px)
当生命周期函数定义多个重复，后面的函数会覆盖前面的。如

 methods: {
   onSubmit(formName) {
     this.$refs[formName].validate(valid =&gt; {
       if (valid) {
         alert("submit!");
       } else {
         console.]]></description><category></category></item><item><title><![CDATA[vue+express+mongodb+mongoose项目部署]]></title><link>https://blog.youkuaiyun.com/Dyanfee/article/details/106670336</link><guid>https://blog.youkuaiyun.com/Dyanfee/article/details/106670336</guid><author>Dyanfee</author><pubDate>Wed, 10 Jun 2020 16:54:22 +0800</pubDate><description><![CDATA[vue+express+mongodb项目部署
项目结构：

前后端分离项目，前端使用vue+vuex+axios,
后端使用node+express+mongodb+mongoose.
项目地址：https://github.com/dyanfee/vueBlog
一、环境部署
1. mongodb


下载
wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.2.7.tgz


解压
tar -xvf mongodb-l]]></description><category></category></item></channel></rss>