<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Calaxh的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/XHoler</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; XHoler]]></copyright><item><title><![CDATA[【Vue】基础]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/109519658</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/109519658</guid><author>XHoler</author><pubDate>Thu, 05 Nov 2020 20:15:50 +0800</pubDate><description><![CDATA[Vue
一. Vue基础
Vue是一个渐进式JavaScript国产框架。是由尤雨溪创建的。2014年2月Vue正式发布。
官网：https://cn.vuejs.org/

渐进式
声明式渲染—组件系统—客户端路由----集中式状态管理----项目构建

1. 基本使用
&lt;body&gt;
    &lt;div id="test"&gt;
        {{msg}}
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
     ]]></description><category></category></item><item><title><![CDATA[MongoDB]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/109253626</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/109253626</guid><author>XHoler</author><pubDate>Sat, 24 Oct 2020 08:49:53 +0800</pubDate><description><![CDATA[MongoDB
一. 安装和测试


下载压缩包或者安装包：https://www.mongodb.com/try/download/community


解压或安装


创建服务


以管理员身份打开控制台
创建数据和日志存放目录
进入安装后的目录的bin文件夹
控制台输入: mongod --install --dbpath=数据路径 --logpath=日志路径

可以加–serviceName “名称”    定义服务名


启动服务

net start mongodb

关闭服务

net s]]></description><category></category></item><item><title><![CDATA[【HTML】颜色和选择器]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108803299</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108803299</guid><author>XHoler</author><pubDate>Fri, 25 Sep 2020 20:14:32 +0800</pubDate><description><![CDATA[颜色与单位
一.颜色

相关的概念




色调：指图像的相对明暗程度，也称色相。 通俗来说就是颜色。
饱和度：指色彩的鲜艳程度，也称色彩的纯度或彩度。是颜色中灰色的含量。饱和最大灰色为零
亮度：指色彩的明暗差异，也称色彩明度。是颜色中黑色的含量。亮度最大黑色为零
饱和度、亮度和色调是色彩的三要素
对比度：前景色与背景色之间的差异。差异越大，对比度越大。
web安全色：一个色板，些颜色可以安全的应用于所有的Web中.
具体颜色参考网站：https://www.bootcss.com/p/websafecol]]></description><category></category></item><item><title><![CDATA[【Ajax异步交互与跨域访问】实现跨域访问和axios库]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108644308</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108644308</guid><author>XHoler</author><pubDate>Thu, 17 Sep 2020 15:21:13 +0800</pubDate><description><![CDATA[实现跨域访问
一. 跨域访问


URL地址：

URL地址：网络协议 + 域名(IP地址) + 端口号 + 资源路径

同源：网络协议相同、域名相同以及端口相同
不同源：
域名不相同：完全跨域
域名相同，端口号不一样：跨子域
互联网默认原则(同源策略)不允许跨域访问




通源策略

1995年，同源政策由Netscape公司引入游览器。现在所有游览器都实行这个政策。
同源指“三个相同”：协议相同、域名相同和接口相同

同源策略的作用：
保证用户信息安全
防止恶意的网站窃取数据
如果不是同源的话，会有三]]></description><category></category></item><item><title><![CDATA[【Ajax异步交互与跨域访问】jQuery中的Ajax]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108521523</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108521523</guid><author>XHoler</author><pubDate>Thu, 10 Sep 2020 19:47:14 +0800</pubDate><description><![CDATA[jQuery中的Ajax
jQuery对JavaScript语言进行了封装，并对Ajax异步交互进行了封装。

jQuery提供了6个Ajax操作方法

load方法
.get()方法和.get()方法和.get()方法和.post()方法
$.ajax()方法
.getScript()方法和.getScript()方法和.getScript()方法和.getJSON()方法


jQuery提供的事件

ajaxStart()事件和ajaxStop()事件
ajaxComplete()事件、ajaxSen]]></description><category></category></item><item><title><![CDATA[【Ajax异步交互与跨域访问】Json数据格式]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108431917</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108431917</guid><author>XHoler</author><pubDate>Sun, 06 Sep 2020 15:17:48 +0800</pubDate><description><![CDATA[一. JSON是什么
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSON是独立于任何语言的文本格式，易于程序员阅读和编写，同时易于计算机解析和生成


JSON分为两种结构

“键/值”对的集合。不同语言中，它被理解为对象、记录、结构、字典、哈希表、关联数组等

JSON中键值对的集合是无序的’名称/值’的集合。如{name:admin,passworld:6666}


值的有序列表.在大部分语言中，被理解为数组(array)。

JSON格式中作为值的类]]></description><category></category></item><item><title><![CDATA[【Ajax异步交互与跨域访问】Ajax的基本用法]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108431888</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108431888</guid><author>XHoler</author><pubDate>Sun, 06 Sep 2020 15:16:01 +0800</pubDate><description><![CDATA[一. 同步交互与异步交互


同步交互

同步交互，指发送一个请求，需要等待返回，然后才能够发送下一个请求。
同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同

过程：

客户端向服务端发送请求并等待服务器端响应，服务器端向客户端进行响应。
分别进行过请求和响应之后客户端才能发送下一个请求

同步交互第二次请求必须等待第一次请求结束之后才能开始




异步交互

异步交互，指发送一个请求，不需要等待返回，随时可以发送下一个请求。
同步交互和异步交互的区别在于同步交互需要等待结果，而异步交互不用等]]></description><category></category></item><item><title><![CDATA[【HTTP协议与网络编程】HTTP原理与实践]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108250366</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108250366</guid><author>XHoler</author><pubDate>Thu, 27 Aug 2020 00:07:07 +0800</pubDate><description><![CDATA[HTTP原理与实践
一. HTTP协议基础与发展历史
1. 五层网络模型介绍
传输层、应用层为高层，网络层、数据链路层和物理层为低层




名称
作用




应用层
为应用软件提供了很多服务，建立于TCP协议之上，屏蔽网络传输细节


传输层
向用户提供可靠的端到端服务，传输层向高层屏蔽了下层数据通信的细节


网络层
为数据在结点之间传输创建逻辑链路


数据链路层
在通信的实体间建立数据链路连接


物理层
定义物理设备如何传输数据


2. HTTP协议的发展历史




版本
描述




HT]]></description><category></category></item><item><title><![CDATA[【HTTP协议与网络编程】缓存和跨域资源共享]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108186464</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108186464</guid><author>XHoler</author><pubDate>Sun, 23 Aug 2020 18:25:05 +0800</pubDate><description><![CDATA[一. HTTP的缓存机制
1. 缓存机制是什么


概念：

缓存就是一种将资源的副本保存到用户的客户端电脑中，下次请求时无需再次访问服务器而是访问本地

缓存需要合理配置，因为并不是所有资源都是永久不变的。重要的是对应资源的缓存应截止到其下一次发生改变(既不能缓存过期的资源)




缓存的优势：


缓解服务端的资源消耗和运行压力，提升服务器端的整体性能
减少服务器端资源加载的延迟，进而减少显示某个资源所用的时间
减少对带宽造成的压力，避免网络拥塞问题的出现
Web站点变得更具有响应性




缓存的应]]></description><category></category></item><item><title><![CDATA[【HTTP协议与网络编程】HTTP概念和消息]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/108186455</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/108186455</guid><author>XHoler</author><pubDate>Sun, 23 Aug 2020 18:22:20 +0800</pubDate><description><![CDATA[一. HTTP概念
1. HTTP是什么


HTTP即超文本传输协议（HyperText Transfer Protocol），是网络中使用最广泛的一种网络协议。


HTTP是一种“客户端—服务端”的协议，可以理解成端到端的协议。


最初的http协议是为了提供一种发布和接收HTML页面的方法。发展历史:




版本





HTTP/0.9
1991年制定，有严重缺陷，只支持GET方法，不支持MIME类型


HTTP/1.0
1996年制定，支持多种请求方法，支持多媒体对象，广泛应用


HT]]></description><category></category></item><item><title><![CDATA[【NodeJS】cqmanager案例]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107219433</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107219433</guid><author>XHoler</author><pubDate>Thu, 09 Jul 2020 07:29:41 +0800</pubDate><description><![CDATA[案例
零. 准备数据—抓包，入库


用crawler抓取包
var Crawler = require("crawler");

var c = new Crawler({
    maxConnections: 10,
    // This will be called for each crawled page
    callback: function (error, res, done) {
        if (error) {
            console.log(error)]]></description><category></category></item><item><title><![CDATA[【NodeJS】数据库管理]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107196242</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107196242</guid><author>XHoler</author><pubDate>Wed, 08 Jul 2020 07:34:56 +0800</pubDate><description><![CDATA[数据库管理
零. MySql数据库相关


操作关系型数据库的标准化、结构化的查询语言: SQL(structured query language)


MySQL属于一种关系型的数据库管理系统


结构化查询语言的分类：


数据定义语言：创建、修改、删除数据库中的各种对象

create—创建数据库
alter—修改数据库
drop—删除数据库



数据操纵语言：查询、修改

select—查询
insert—插入到表或视图
update—修改
Delete—删除表数据



数据控制语言：授予权限]]></description><category></category></item><item><title><![CDATA[【NodeJS】服务器相关知识]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107167652</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107167652</guid><author>XHoler</author><pubDate>Mon, 06 Jul 2020 20:51:23 +0800</pubDate><description><![CDATA[服务器相关知识
一. 服务器重定向

就是服务器主动修改地址, 一般用于网站引导注册登录功能（访问首页是自动跳转到登录页）
服务器重定向用响应头的302状态码实现

app.use((req,res)=&gt;{
    res.writeHead(302,()=&gt;{
        Location: 'http://127.0.0.1:8088/login.html';
    });
    res.end();
})

二. IP和域名


IP其实就相对于服务器在网络中的门牌号，因为IP地址]]></description><category></category></item><item><title><![CDATA[【NodeJS】服务器搭建]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107133896</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107133896</guid><author>XHoler</author><pubDate>Sun, 05 Jul 2020 06:58:50 +0800</pubDate><description><![CDATA[Node服务器搭建
一. 静态服务器搭建


先说一下端口：比如一台电脑上可以部署多个服务器，通过本地回环地址(127.0.0.1/localhost)可以找到电脑，然后通过端口区分不同的服务器。


默认的http端口是80，Apache配置web服务器用的就是默认的80端口。默认的80端口可以省略


我们搭建服务器不要去占用公认端口(0~1023)，用大于这个范围的端口一般没有被占用。

当然大于这个范围也有被占用的端口，例如：
3306端口：MYSQL数据库端口
5432端口：postgresql数]]></description><category></category></item><item><title><![CDATA[【NodeJS】模块使用]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107098095</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107098095</guid><author>XHoler</author><pubDate>Fri, 03 Jul 2020 08:49:46 +0800</pubDate><description><![CDATA[NodeJS模块使用和其他
一. fs模块


fs 模块提供了用于与文件系统进行交互的 API。


使用模块要先导包
const fs = require('fs');



文件系统操作都具有同步和异步的形式


异步的形式总是把完成回调作为其最后一个参数，第一个参数预留给异常。 如果操作被成功地完成，则第一个参数会为 null 或 undefined
// 导包
const fs = require('fs');
// 调用unlink删除方法
fs.unlink('./test/hello.txt]]></description><category></category></item><item><title><![CDATA[【NodeJS】ES6的基础语法]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107097991</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107097991</guid><author>XHoler</author><pubDate>Fri, 03 Jul 2020 08:47:42 +0800</pubDate><description><![CDATA[ES6的基础语法
一. let和const的认识
let关键字：

ES6新增的命令，用来声明变量。用法和var相似，但let所声明的变量只在let命令所在的代码块内有效

```js
{
    let a = 5;
    var b = 10;
}

console.log(a); // ReferenceError: a is not defined
console.log(b); // 10
```



在同一块级作用域内不允许重复声明，不存在变量提升
// 不存在变量提升会报错
console]]></description><category></category></item><item><title><![CDATA[【NodeJS】认识NodeJS]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/107077248</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/107077248</guid><author>XHoler</author><pubDate>Thu, 02 Jul 2020 09:40:33 +0800</pubDate><description><![CDATA[认识NodeJS
零. 学习NodeJS的意义

了解客户端游览器和服务端后台的交互过程。

一. 什么是NodeJS

NodeJS官网: https://nodejs.org/en / http://nodejs.cn
一个基于Chrome v8引擎的一个JavaScript运行环境。作用是让JS有开发服务端的功能
Node使用事件驱动、非阻塞IO模型(异步读写)使其非常轻量和高效

Node中绝大数API都是异步


NPM是世界上最大的开源库生态系统(类似于GitHub)

二. NodeJS的环境]]></description><category></category></item><item><title><![CDATA[【jQuery】节点操作]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/106865739</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/106865739</guid><author>XHoler</author><pubDate>Fri, 19 Jun 2020 23:57:49 +0800</pubDate><description><![CDATA[jQuery节点操作
一. 添加节点


追加到指定元素内部


append()方法: 追加到指定元素内部的后面

$('button').eq(0).click(function(){
    $('ul').append($li);

    // appendTo: 只是语法不同
    // $li.appendTo('ul');
})


appendTo: 只是语法不同, 效果一样



prepend()方法: 追加到指定元素内部的前面
$('button').eq(1).click(fun]]></description><category></category></item><item><title><![CDATA[【jQuery案例】动效案例循环滚动图、下拉菜单、弹窗广告……]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/106854950</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/106854950</guid><author>XHoler</author><pubDate>Fri, 19 Jun 2020 14:13:58 +0800</pubDate><description><![CDATA[一. 循环滚动图
效果：图片循环滚动，当鼠标移入时其他图片变色





jQuery代码
$(function(){
        // 定义变量
        var offset = 0
        // 设置图片滚动
        var timer
        function anmiPlay(){
            timer = setInterval(function () {
                offset += -10;
               ]]></description><category></category></item><item><title><![CDATA[【jQuery】动效]]></title><link>https://blog.youkuaiyun.com/XHoler/article/details/106854311</link><guid>https://blog.youkuaiyun.com/XHoler/article/details/106854311</guid><author>XHoler</author><pubDate>Fri, 19 Jun 2020 13:36:04 +0800</pubDate><description><![CDATA[jQuery动效
一. jQuery显示和隐藏动画


show(): 显示
$('button').eq(0).click(function(){
    $('div').show(1000,function(){
        alert('显示动画完毕')
    })
})


格式：show(毫秒, fn)   fn在动画执行完毕会执行





hide(): 隐藏
$('button').eq(1).click(function () {
    $('div').hide(1000, f]]></description><category></category></item></channel></rss>