<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[NoSuchObjectError的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/NoSuchObjectError</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NoSuchObjectError]]></copyright><item><title><![CDATA[如何使用js将html、css、js代码格式化并高亮显示]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109528816</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109528816</guid><author>NoSuchObjectError</author><pubDate>Fri, 06 Nov 2020 14:20:43 +0800</pubDate><description><![CDATA[代码格式化，高亮显示，这在我们开发过程中都是司空见惯的功能，各种编辑器都有，在好多网站上也可以在线格式化代码，但是如何在我们的前端页面上插入一段格式化后高亮显示的代码呢？有些小伙伴可能还不会，那么看完这篇文章之后肯定就学会了。
效果图如下：

自己要去找实现方法可能很难也很花时间，但是别人总结好的东西就会给你省下很多事情了。
多看多总结多分享，跟大家一起进步，加油！！
好了，下面步入正题吧。
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;met]]></description><category></category></item><item><title><![CDATA[vue框架如何将SPA项目改为SSR项目]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/107473970</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/107473970</guid><author>NoSuchObjectError</author><pubDate>Fri, 06 Nov 2020 11:57:10 +0800</pubDate><description><![CDATA[相信使用vue spa模式开发页面的都知道，使用spa模式的项目首页加载很慢，就算你再怎么切割chunks，首页加载时总会有几秒钟的白屏，非常影响体验，而且spa项目很难进行seo。
如果你也遇到了上面这些问题，那么可以尝试将spa项目改为ssr项目，更好地seo、更快地首屏加载恰好就是ssr相对于传统的spa项目的优点。
接下来实际操作如何将spa项目改为ssr项目，照着vue官网的ssr文档看估计你是一脸懵逼，无从下手，但是vue已经有了官方的ssr框架nuxt，所以我们直接使用nuxt搭建框架，然后将]]></description><category></category></item><item><title><![CDATA[在linux服务器上安装node、pm2]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109130798</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109130798</guid><author>NoSuchObjectError</author><pubDate>Sat, 17 Oct 2020 16:46:41 +0800</pubDate><description><![CDATA[1、在node.js官网上下载linux版node.js安装包

2、将安装包上传到linux服务器上并解压

]]></description><category></category></item><item><title><![CDATA[js使用POST请求下载文件]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109022075</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/109022075</guid><author>NoSuchObjectError</author><pubDate>Mon, 12 Oct 2020 10:00:09 +0800</pubDate><description><![CDATA[平时都是使用get请求来下载文件，但是要传很多参数的时候就会很复杂，使用post请求来下载文件也是可以的

	// 请求还是一样返回数据流，不过在请求中设置响应类型为blob
	this.$axios.post('file/downloadSomeFile', {json: params}, {responseType: 'blob'}).then(res =&gt; {
        const blob = res.data;
        const reader = new FileReader]]></description><category></category></item><item><title><![CDATA[使用js通过链接下载文件]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/108486538</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/108486538</guid><author>NoSuchObjectError</author><pubDate>Wed, 09 Sep 2020 11:59:14 +0800</pubDate><description><![CDATA[前端js通过链接下载文件
原文章地址

			axios({
			    method: 'get',
			    url: `http://xxxx.mp4`,
			    // 必须显式指明响应类型是一个Blob对象，这样生成二进制的数据，才能通过window.URL.createObjectURL进行创建成功
			    responseType: 'blob',
			}).then((res) =&gt; {
			    if (!res) {
			        return
			]]></description><category></category></item><item><title><![CDATA[纯css编写任意角度的多个扇形]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/107403890</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/107403890</guid><author>NoSuchObjectError</author><pubDate>Fri, 17 Jul 2020 11:27:48 +0800</pubDate><description><![CDATA[使用css来绘制任意角度的扇形，先来看效果如下

下面来介绍如何用代码来实现，纯css实现，逻辑简单，一看就会。
	&lt;!-- html代码，没什么好说的 --&gt;
	&lt;ul class="container"&gt;
		&lt;li class="li-1"&gt;&lt;/li&gt;
		&lt;li class="li-2"&gt;&lt;/li&gt;
		&lt;li class="cover"&gt;&lt;/li&gt;
	&lt;/ul&gt;

下面来进行css代码讲解：]]></description><category></category></item><item><title><![CDATA[vs code全局搜索内容不全的问题]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/106714379</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/106714379</guid><author>NoSuchObjectError</author><pubDate>Fri, 12 Jun 2020 13:59:52 +0800</pubDate><description><![CDATA[vscode有时全局搜索内容明显不对，可能是搜索时使用了.ignore文件导致忽略了其中的内容，打开vscode的设置，搜索search，找到Search: Use Ignore Files，取消掉勾选，然后就可以搜索到所有的内容了


]]></description><category></category></item><item><title><![CDATA[Node.js 学习笔记 七]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97027169</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97027169</guid><author>NoSuchObjectError</author><pubDate>Tue, 23 Jul 2019 19:55:46 +0800</pubDate><description><![CDATA[Node.js Express框架
Express 简介
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。
使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性：

可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
可以通过向模...]]></description><category></category></item><item><title><![CDATA[Node.js 学习笔记 六]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026996</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026996</guid><author>NoSuchObjectError</author><pubDate>Tue, 23 Jul 2019 19:52:33 +0800</pubDate><description><![CDATA[Node.js GET/POST请求
获取GET请求内容
由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此你可以手动解析后面的内容作为GET请求的参数。
node.js 中 url 模块中的 parse 函数提供了这个功能。
实例
const http = require('http');
const url = require('url');
const uti...]]></description><category></category></item><item><title><![CDATA[Node.js 学习笔记 五]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026624</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026624</guid><author>NoSuchObjectError</author><pubDate>Tue, 23 Jul 2019 19:50:15 +0800</pubDate><description><![CDATA[Node.js文件系统
Node.js 提供一组类似 UNIX（POSIX）标准的文件操作API。 Node 导入文件系统模块(fs)语法如下所示：
var fs = require("fs")

异步和同步

文件系统分为异步的（fs.readFile() ）和同步的（ fs.readFileSync()）
异步的方法函数最后一个参数为回调函数，回调函数的第一个参数包含了错误信息(error)。...]]></description><category></category></item><item><title><![CDATA[Node.js学习笔记 四]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026241</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/97026241</guid><author>NoSuchObjectError</author><pubDate>Tue, 23 Jul 2019 19:46:01 +0800</pubDate><description><![CDATA[Node.js 函数
在JavaScript中，一个函数可以作为另一个函数的参数。我们可以先定义一个函数，然后传递，也可以在传递参数的地方直接定义函数。
const say = function(value) {
	console.log(value);
}
// someFunc参数是一个方法
function execute(someFunc,value) {
	someFunc(value)...]]></description><category></category></item><item><title><![CDATA[Node.js学习笔记（三）]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94668809</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94668809</guid><author>NoSuchObjectError</author><pubDate>Thu, 04 Jul 2019 23:49:32 +0800</pubDate><description><![CDATA[Node.js Stream(流)
Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。
Node.js，Stream 有四种流类型：

Readable - 可读操作。
Writable - 可写操作。
Duplex - 可读可写操作.
Transform - 操作被写入数...]]></description><category></category></item><item><title><![CDATA[Node.js学习笔记（二）]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94590888</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94590888</guid><author>NoSuchObjectError</author><pubDate>Wed, 03 Jul 2019 21:52:55 +0800</pubDate><description><![CDATA[node.js学习笔记（二）
Node.js Buffer（缓冲区）
Javascript 语言自身只有字符串数据类型，没有二进制数据类型。
但在处理TCP流或文件流时，必须用到二进制数据。因此在Node.js中，专门定义了一个Buffer类，该类用来创建一个专门用来存放二进制数据的缓冲区。
在Node.js 中，Buffer类是随Node 内核一起发布的核心库.Buffer类为Node.js带来...]]></description><category></category></item><item><title><![CDATA[Node.js学习笔记（一）]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94590847</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94590847</guid><author>NoSuchObjectError</author><pubDate>Wed, 03 Jul 2019 21:49:39 +0800</pubDate><description><![CDATA[node.js学习笔记（一）
1、node.js创建第一个应用
node.js是由以下三个部分组成：

引入require模块：我们可以使用require指令来载入Node.js模块；
创建服务器：服务器可以监听客户端的请求，类似于Apach、Nginx等http服务器；
接受请求和相应请求：服务器很容易创建，客户端可以使用浏览器火终端发送http请求，服务器接受请求后返回相应数据。

	// 使...]]></description><category></category></item><item><title><![CDATA[re0：从零开始的Webpack4配置]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94150839</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/94150839</guid><author>NoSuchObjectError</author><pubDate>Sat, 29 Jun 2019 16:10:58 +0800</pubDate><description><![CDATA[从零开始的Webpack4配置
作为一个前端工程师，不管怎么说，webpack配置还是要了解一下的。虽然一般情况下都用不上，但是人无我有，人有我优，是不是就能在市场有有一点优势了呢？学了webpack之后，以后要在项目中装其他乱七八糟的插件的时候也不会一脸懵逼，不知道这些东西怎么配置的，免得每次配东西都要百度。话不多说，开始学习吧！
这是根据知乎上看到的文章写的，我照着教程走了一遍，为了巩固学习成...]]></description><category></category></item><item><title><![CDATA[常见的多种在线代码编辑器]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93473455</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93473455</guid><author>NoSuchObjectError</author><pubDate>Mon, 24 Jun 2019 11:42:36 +0800</pubDate><description><![CDATA[1、BeautifyTools
提供各种转化工具，但是不会提供前端代码运行的结果。



如图，这个编辑器提供的是转化工具，代码提示，错误提示功能很强大，就是没有执行结果。


主要功能全部是转化工具。

2、codepen


可以编辑前端html、css、js代码并查看执行结果，也可以指定其它的编程语言。
编辑代码时没有代码提示，错误提示也只有css代码会出现。

3、jsbin

提供基本的...]]></description><category></category></item><item><title><![CDATA[sass学习笔记]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93421127</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93421127</guid><author>NoSuchObjectError</author><pubDate>Sun, 23 Jun 2019 23:41:38 +0800</pubDate><description><![CDATA[scss基础知识学习笔记
1. 使用变量
1.1、声明变量与使用变量
变量名以$开头，名字自定义。
$font-size: 14px;
$border: 1px solid violet;
使用方法

	$font-size: 14px;		/* 声明变量 */
	.violet {
		font-size: $font-size;	/* 使用变量 */
		$width: 15px;	/* 声明...]]></description><category></category></item><item><title><![CDATA[input输入框在输入中文时的compositionstart和compositionend事件]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93193229</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/93193229</guid><author>NoSuchObjectError</author><pubDate>Fri, 21 Jun 2019 15:08:11 +0800</pubDate><description><![CDATA[input框在输入切换中文输入法时的输入事件
1、compositionstart
compositionstart事件只有在输入中文时才会触发，触发事件在input事件之前

2、compositionend
compositionend表示结束中文输入时触发的事件，不管最后输入的是不是中文都会触发

3、input
input事件就是最后输入到输入框的事件
4、如何应用这些事件
利用这些事件，...]]></description><category></category></item><item><title><![CDATA[使用codemirror打造你自己的前端在线编辑器]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/92772024</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/92772024</guid><author>NoSuchObjectError</author><pubDate>Tue, 18 Jun 2019 11:27:48 +0800</pubDate><description><![CDATA[介绍如何使用codemirror生成自己的在线代码编辑器，现在还只支持前端编辑后查看运行结果]]></description><category></category></item><item><title><![CDATA[webpack 4+ create-react-app如何配置请求跨域]]></title><link>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/90247263</link><guid>https://blog.youkuaiyun.com/NoSuchObjectError/article/details/90247263</guid><author>NoSuchObjectError</author><pubDate>Thu, 16 May 2019 10:05:35 +0800</pubDate><description><![CDATA[webpack 4+ create-react-app如何配置请求跨域
一、安装http-proxy-middleware管理包，npm i --save http-proxy-middleware
二、在项目目录src/下新建setupProxy.js文件，然后写入如下代码:
const proxy = require(‘http-proxy-middleware‘);
	module.expo...]]></description><category></category></item></channel></rss>