<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dragonfly_w的博客]]></title><description><![CDATA[大家一起来学习啊]]></description><link>https://blog.youkuaiyun.com/Dragonfly_w</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dragonfly_w]]></copyright><item><title><![CDATA[linux 安装nvm centos7.6]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/137952182</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/137952182</guid><author>Dragonfly_w</author><pubDate>Fri, 19 Apr 2024 10:20:33 +0800</pubDate><description><![CDATA[linux centos node nvm]]></description><category></category></item><item><title><![CDATA[Linux 安装 puppeteer centos7.6]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/137949464</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/137949464</guid><author>Dragonfly_w</author><pubDate>Fri, 19 Apr 2024 09:32:50 +0800</pubDate><description><![CDATA[Linux  centos  puppeteer]]></description><category></category></item><item><title><![CDATA[vsocd开发java中文乱码问题]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/131910469</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/131910469</guid><author>Dragonfly_w</author><pubDate>Tue, 25 Jul 2023 09:43:53 +0800</pubDate><description><![CDATA[我是安装Code Runner插件时，运行的代码是在 终端窗口 执行的，执行结果出现中文乱码。]]></description><category></category></item><item><title><![CDATA[【node+demo】使用node-xlsx设置表格的样式]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/131725691</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/131725691</guid><author>Dragonfly_w</author><pubDate>Fri, 14 Jul 2023 17:01:25 +0800</pubDate><description><![CDATA[是node-xlsx支持样式]]></description><category></category></item><item><title><![CDATA[GIT日常使用命令大全]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/126246140</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/126246140</guid><author>Dragonfly_w</author><pubDate>Tue, 09 Aug 2022 13:59:39 +0800</pubDate><description><![CDATA[git常用命令大全]]></description><category></category></item><item><title><![CDATA[centos7.6忘记root密码怎么办]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/125949182</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/125949182</guid><author>Dragonfly_w</author><pubDate>Sat, 23 Jul 2022 17:09:20 +0800</pubDate><description><![CDATA[centos忘记root用户密码怎么办]]></description><category></category></item><item><title><![CDATA[vue-cli4配置vue.config.js]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/123167706</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/123167706</guid><author>Dragonfly_w</author><pubDate>Sun, 27 Feb 2022 18:08:24 +0800</pubDate><description><![CDATA[vue.config.js配置
官网配置链接
const path=require("path");
function resolve(dir){
    return path.join(__dirname,dir);
}
module.exports = {
    // 部署应用包时的基本 URL， 用法和 webpack 本身的 output.publicPath 一致。
    // 这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，这样所有的资源都会被链接为相对路径，这样打出来]]></description><category></category></item><item><title><![CDATA[VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/123132330</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/123132330</guid><author>Dragonfly_w</author><pubDate>Fri, 25 Feb 2022 14:47:24 +0800</pubDate><description><![CDATA[问题现象
项目使用vue/cli4脚手架搭建的前端项目，vue版本为2.6.10。
但开发环境的IE11打开显示白屏，F12打开显示：

查明报错原因是： IE不支持ES6语法

解决方法一

npm install --save-dev babel-polyfill

main.js的第一行引入：
/*记住一定是首行代码*/
import 'babel-polyfill'

然后在babel.config.js修改presets，内容如下：
// presets: [['@vue/app', {useBu]]></description><category></category></item><item><title><![CDATA[JavaScript类型化数组（二进制数组）]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/122776121</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/122776121</guid><author>Dragonfly_w</author><pubDate>Thu, 03 Feb 2022 15:50:50 +0800</pubDate><description><![CDATA[简介
JavaScript类型化数组是一种类似数组的对象，并提供了一种用于访问原始二进制数据的机制。 正如你可能已经知道，Array 存储的对象能动态增多和减少，并且可以存储任何JavaScript值。JavaScript引擎会做一些内部优化，以便对数组的操作可以很快。然而，随着Web应用程序变得越来越强大，尤其一些新增加的功能例如：音频视频编辑，访问WebSockets的原始数据等，很明显有些时候如果使用JavaScript代码可以快速方便地通过类型化数组来操作原始的二进制数据将会非常有帮助。
但是，不要]]></description><category></category></item><item><title><![CDATA[npm安装compression-webpack-plugin插件编译报错问题记录]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121761796</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121761796</guid><author>Dragonfly_w</author><pubDate>Tue, 07 Dec 2021 10:00:22 +0800</pubDate><description><![CDATA[缘由是本人在不能链接外部网络情况下开发项目，由于需要把项目压缩成。.gz文件，所以就想到这个插件

本人先是在外网本上下载这个插件包，直接靠近项目的包文件夹中，结果造成vue编译报错
* 显示让npx browserslist@lastest --update-db(不用管它)
* NOT SUPPORTED: option jsonPointes. Deprecated jsPropertSyntax can be used instead.(废话)   主要来了（TypeError: cannot re]]></description><category></category></item><item><title><![CDATA[vue打包时gzip压缩的两种方案]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121760909</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121760909</guid><author>Dragonfly_w</author><pubDate>Tue, 07 Dec 2021 09:34:31 +0800</pubDate><description><![CDATA[先看状态

在项目部署后，我们的资源文件请求都会保持原本大小，如果文件过大，并且很多的情况下，会导致网络请求耗时，严重点可能阻塞后面的进程。为了解决上述问题想到了两个方法解决
下边介绍两种gzip压缩的方式：
1、打包的时候通过webpack配置生成对应的 .gz 文件，浏览器请求xx.js/css等文件时，服务器返回对应的xxx.js.gz文件；
2、浏览器请求xx.js文件时，服务器对xx.js文件进行gzip压缩后传输给浏览器。

webpack打包生成gz文件
安装插件（compression-we]]></description><category></category></item><item><title><![CDATA[前端表格(excel) spreadjs]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119041490</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119041490</guid><author>Dragonfly_w</author><pubDate>Thu, 02 Dec 2021 16:20:19 +0800</pubDate><description><![CDATA[防抖函数 debounce
写这篇博客是因为看了别的的博客，发现一些问题，自己记录一下

]]></description><category></category></item><item><title><![CDATA[Object.defineProperty()详解]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121636036</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121636036</guid><author>Dragonfly_w</author><pubDate>Tue, 30 Nov 2021 16:49:37 +0800</pubDate><description><![CDATA[无意间看见的一篇文章，很好，很容易理解，并且也容易上头，转载过来，等老了，逗自己一乐
原文链接
开始

菜菜： “老大，那个， Object.defineProperty 是什么鬼？”
假设我们有个对象 user ; 我们要给它增加一个属性 name , 我们会这么做
1 var user = {};
2 user.name="狂奔的蜗牛";
3 console.log(user);//{name: "狂奔的蜗牛"}

如果想要增加一个sayHi方法叻？
1 user.sayHi=function () {]]></description><category></category></item><item><title><![CDATA[element-ui中的表格el-table滚动条样式修改以及textarea样式修改]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121516982</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/121516982</guid><author>Dragonfly_w</author><pubDate>Wed, 24 Nov 2021 15:58:39 +0800</pubDate><description><![CDATA[el-table 滚动条的修改（全是在全局样式中定义）
单独修改elementui 组件滚动条的样式
  // 滚动条的宽度
  /deep/ .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px; // 横向滚动条
    height: 6px; // 纵向滚动条 必写
  }
  // 滚动条的滑块
  /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
    backg]]></description><category></category></item><item><title><![CDATA[如何在命令行中使用 ftp 命令上传和下载文件]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/120431462</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/120431462</guid><author>Dragonfly_w</author><pubDate>Thu, 23 Sep 2021 14:28:19 +0800</pubDate><description><![CDATA[许多时候，出于条件的限制，我们无法使用 FTP 软件上下载文件。比如，在某些对安全性或隐私有要求的主机上就不允许安装此类软件。此时，要想实现文件的上传下载，我们就只好使用系统自带的 FTP 命令来完成操作。
那么，FTP 的命令行语法究竟是怎么的，我们又该如何使用呢？
工具/原料

Windows 操作系统
操作方法：
1 首先，同时按下快捷键 Win+R，调出运行窗口，然后在运行窗口中输入 cmd，回车。

2.建立 FTP 连接
想要连接 FTP 服务器，在命令上中先输入ftp然后空格跟上 FTP 服务]]></description><category></category></item><item><title><![CDATA[Vue-cli@3.0 IE 浏览器路由跳转报错]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119797831</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119797831</guid><author>Dragonfly_w</author><pubDate>Thu, 19 Aug 2021 12:17:30 +0800</pubDate><description><![CDATA[Vue-cli@3.0 IE 浏览器路由跳转报错前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错解决方法
前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错

说明一下我使用的是jointjs框架引入到vue项目中，并封装成组件，而路由跳转包含该组件的页面报错，跳转不过去
解决方法

本人使用的jointjs版本是3.4.0（这个好像是ts语言，vue创项目是没有选着ts,不知道和这]]></description><category></category></item><item><title><![CDATA[JointJS零基础入门05-创建自定义元素]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707539</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707539</guid><author>Dragonfly_w</author><pubDate>Sat, 14 Aug 2021 23:02:13 +0800</pubDate><description><![CDATA[5.1 简介
JointJS内置了基本形状元素，这些形状都在joint.shapes.basic命名空间包括joint.shapes.basic.Rect、joint.shapes.basic.Circle、joint.shapes.basic.Text、joint.shapes.basic.Image。此外，JointJS具有插件，其中包含一些众所周知的图形元素的形状和链接。虽然有很多形状可供选择，你可能会缺少一个想要创建自己的形状。
创建新形状非常简单，但您需要SVG元素的一些基本知识。最重要的SVG元]]></description><category></category></item><item><title><![CDATA[4.1 SVG]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707468</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707468</guid><author>Dragonfly_w</author><pubDate>Sat, 14 Aug 2021 22:54:33 +0800</pubDate><description><![CDATA[当我们知道如何设计元素时，我们来看看如何设置链接。再次，我们需要知道链接的SVG结构，然后使用外部CSS，链接的SVG结构如下：
&lt;path class="connection"/&gt;
&lt;path class="marker-source"/&gt;
&lt;path class="marker-target"/&gt;
&lt;path class="connection-wrap"/&gt;
&lt;g class="labels" /&gt;
&lt;g class="marker-v]]></description><category></category></item><item><title><![CDATA[JointJS零基础入门03-元素样式]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707348</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119707348</guid><author>Dragonfly_w</author><pubDate>Sat, 14 Aug 2021 22:46:54 +0800</pubDate><description><![CDATA[3.1 装饰方法
3.1.1 SVG
在JointJS中，只有SVG标准是您可以对元素做什么的限制。对于样式元素，您需要根据其底层SVG DOM子树对元素的结构有一个基本的了解。
&lt;g class="element basic Rect"&gt;
    &lt;g class="rotatable"&gt;
        &lt;g class="scalable"&gt;
            &lt;rect /&gt;
        &lt;/g&gt;
        &lt;text]]></description><category></category></item><item><title><![CDATA[JointJS入门实例01-补充第一篇在JOINTJS元素中使用HTML]]></title><link>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119706890</link><guid>https://blog.youkuaiyun.com/Dragonfly_w/article/details/119706890</guid><author>Dragonfly_w</author><pubDate>Sat, 14 Aug 2021 22:24:11 +0800</pubDate><description><![CDATA[1.1 简介
很多时候，您可能希望在JointJS图表中使用HTML输入或其他HTML元素。本实例中使用的技术是创建一个自定义视图，用于呈现HTML并处理与HTML的交互。一种不同的方法可能是使用 foreignObject并将其嵌入markup到您的JointJS元素中。然而，由于浏览器支持不佳，这种技术是有问题的。但是，这似乎是将来在JointJS中将HTML与SVG相结合的正确方法。如果您正确设置自定义HTML视图，则可以利用JointJS提供的许多功能。
1.2 实例
1.2.1 效果图

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