<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Raaabbt GO!!]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_39457740</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_39457740]]></copyright><item><title><![CDATA[温故知新——DOM节点增删查改替换复制]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/100027641</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/100027641</guid><author>github_39457740</author><pubDate>Fri, 23 Aug 2019 00:45:45 +0800</pubDate><description><![CDATA[DOM节点增删查改替换复制

这篇文章中总结的节点操作比较狭义，特指对 element 节点的操作，并没有包含其他内容，至于对文本内容和属性的操作就放在下一篇吧～

节点的“查”操作已经在上一篇文章中总结过了，在本文中主要包括创建节点、修改节点、插入节点、删除节点、替换节点、查看节点和复制节点
今天的通过下面这一段范例代码展开：
&lt;ul id="users"&gt;
  &lt;li cla...]]></description><category></category></item><item><title><![CDATA[温故知新——DOM操作之获取节点]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/99699103</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/99699103</guid><author>github_39457740</author><pubDate>Sat, 17 Aug 2019 22:48:59 +0800</pubDate><description><![CDATA[浏览器读取 HTML 文件并进行解析之后，会生成一棵由 DOM 节点构成的树，我们可以对其中的节点进行操作
基本的 DOM 节点操作包括节点的获取、创建、修改、插入和删除
我们先写一段简单的 HTML 代码，
&lt;body&gt;
  &lt;header id="title" class="main-title"&gt;
    &lt;span class="text-heading"&g...]]></description><category></category></item><item><title><![CDATA[JS的柯里化与偏应用]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/91049159</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/91049159</guid><author>github_39457740</author><pubDate>Thu, 06 Jun 2019 20:11:12 +0800</pubDate><description><![CDATA[在之前的文章中对函数式编程做了一个简单的概述，在这篇文章中对一个大家喜闻乐见的话题——函数的柯里化进行一个总结。

** ⚠️注意： ** 柯里化和偏应用的概念经常被混用，在文中会有概念上的简单区分
一些基本概念
一元函数、多元函数以及变参函数
这些概念还是很好理解的，我们的日常开发中总是伴随着这些函数：

一元函数：只有一个参数的函数，形如

let log = (msg) =&gt; {co...]]></description><category></category></item><item><title><![CDATA[怎么让 git 忽略 .DS_Store]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/90813858</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/90813858</guid><author>github_39457740</author><pubDate>Tue, 04 Jun 2019 21:40:35 +0800</pubDate><description><![CDATA[怎么让 git 忽略 .DS_Store

很多前端开发攻城狮都会将 Mac OSX 作为自己的开发环境，在这个环境下往往会出现一些奇妙的问题，比如这篇文章的主要内容——如何让你的 git 忽略 .DS_Store

什么是 .DS_Store
由于这个文件往往前面有一个 . 所以在 Finder 中是不可见的，但是它确确实实存在于每一个文件夹中，甚至包含外部设备
这个文件存储了这个文件夹的元数据...]]></description><category></category></item><item><title><![CDATA[你所不知道的HTML5——语音合成]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/90245954</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/90245954</guid><author>github_39457740</author><pubDate>Wed, 15 May 2019 21:49:50 +0800</pubDate><description><![CDATA[你所不知道的HTML5——语音合成

前端能力的增强很大程度上依赖于 HTML5 的新 API，从这篇文章开始我也会对平时做不常用的一些 API 做一下学习总结
今天的文章就从语音合成开始

为什么想到这个 API 呢？
在写报告查资料的时候在 “人人都是产品经理”http://www.woshipm.com/ 上发现了一个有趣的功能（打了丑丑的马赛克）

听一下就会发现，播放出来的声音并不是预先...]]></description><category></category></item><item><title><![CDATA[初见函数式编程]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/89971944</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/89971944</guid><author>github_39457740</author><pubDate>Wed, 08 May 2019 20:25:11 +0800</pubDate><description><![CDATA[初见函数式编程

在学习 JS 的过程中时常会听到一个名次——“函数式编程”，那么究竟什么是函数式编程，函数式编程又有什么优点，这就在这篇博客进行一个简单的总结吧～

主要内容：

函数式编程的概念
函数式编程的优点与示例

什么是函数式编程
首先，我们放下编程的概念，我们来看函数。
函数的概念来自于数学，数学中的函数 f(x) = y 有一个非常重要的特点对于一个给定的 x，有唯一的 y 与其对...]]></description><category></category></item><item><title><![CDATA[ES6计算属性名-代码优化利器]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/89714560</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/89714560</guid><author>github_39457740</author><pubDate>Tue, 30 Apr 2019 18:48:00 +0800</pubDate><description><![CDATA[ES6计算属性名-代码优化利器

虽然现在已经是2019年4月了（马上就是5月），ES10的草案也已经诞生很久了，但是 ES6 还是有很多没有研究到的地方，本文就是对 ES6 计算属性名的一个简单梳理

本文主要内容：

ES6 计算属性名
计算属性名的应用场景
闲话

什么是计算属性名
计算属性名是 ES6 的一个很大的增强，事实上可计算属性不是一个很新鲜的东西
在 ES5 版本中我们也可以通过...]]></description><category></category></item><item><title><![CDATA[Docker入门——用docker运行容器（一）]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/89406714</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/89406714</guid><author>github_39457740</author><pubDate>Fri, 19 Apr 2019 19:28:12 +0800</pubDate><description><![CDATA[Docker入门——用docker运行容器（一）

在我的上一篇文章 Docker——理解Docker中，我们已经进行了一些整理简述了一些 Docker 的基本概念
在这篇文章中，我将对Docker的初步使用进行总结，同时进一步明确一些概念

安装
安装确实没有什么好说的，我相信对Docker有兴趣的你一定不会被这个问题难住
（事实上，没有必要写安装步骤，因为即便是写了安装步骤，不久后就会过时的，...]]></description><category></category></item><item><title><![CDATA[# 浮动与清除浮动]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/89365595</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/89365595</guid><author>github_39457740</author><pubDate>Wed, 17 Apr 2019 21:40:19 +0800</pubDate><description><![CDATA[浮动与清除浮动
浮动布局是一种常见的布局方式，最初的使用目的是进行图文的混排
这篇文章对浮动布局进行简单的总结，包括以下内容：

浮动

单个浮动元素
多个浮动元素
父子元素


清除浮动
浮动的使用场景

浮动
浮动通过css定义：
#div1{
    float:left;
}

浮动可以取的值：none（默认）|left|right
当元素进行左浮动或者右浮动之后会脱离文档流，并且构成一个...]]></description><category></category></item><item><title><![CDATA[margin 重叠]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88960276</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88960276</guid><author>github_39457740</author><pubDate>Mon, 01 Apr 2019 23:56:20 +0800</pubDate><description><![CDATA[margin 重叠

只发生在block元素上(不包括float、absolute、inline-block元素)
只发生在垂直方向上(不考虑writing-mode)
margin的重叠发生可以发生在父子元素、兄弟元素和元素本身上


兄弟元素
表现为两个兄弟元素之间的margin会合并，并且按照较大margin宽度的计算布局
div{
    width:100px;
    height:1...]]></description><category></category></item><item><title><![CDATA[CSS盒模型]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88959401</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88959401</guid><author>github_39457740</author><pubDate>Mon, 01 Apr 2019 22:45:28 +0800</pubDate><description><![CDATA[CSS 盒模型


当我们面对一个页面的时候，我们可以将它抽象成一块块矩形区域，页面上的每一个文档元素都占据了这样的一个矩形，像是放在一个个矩形的盒子中，从而我们有了盒模型的概念

这篇文章对CSS中的盒子模型进行一个简单的总结
两种不同的盒模型
盒模型有两种常见的形式，标准盒模型和IE盒模型：

W3C的标准模型：容器的width和height仅仅表示内容区域（上图中的content）的宽度和高...]]></description><category></category></item><item><title><![CDATA[# Docker入门——理解Docker]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88955533</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88955533</guid><author>github_39457740</author><pubDate>Mon, 01 Apr 2019 19:42:03 +0800</pubDate><description><![CDATA[Docker入门——理解Docker

图片源：https://www.docker.com/
Docker是什么
什么是Docker，可以参考我之前第一次接触Docker写的文章 -&gt; docker 初体验
在这里也简单进行一个总结：
首先我们要明确容器的概念，容器是一个运行在操作系统内核上的用户空间，可以让多个独立的用户空间运行在同一个宿主机上
然而容器的安装、管理和自动化都很复杂，所以...]]></description><category></category></item><item><title><![CDATA[XSS攻击了解一下]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88942833</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88942833</guid><author>github_39457740</author><pubDate>Mon, 01 Apr 2019 10:28:49 +0800</pubDate><description><![CDATA[XSS攻击了解一下

在准备春招实习的时候突然意识到自己对 web安全领域的知识几乎是空白，下面对在前端可能会遇到的web安全问题进行一个简单的总结，今天就从XSS开始～

什么是XSS攻击
XSS攻击的全称是 Cross-site script，也就是跨站脚本攻击，为了和 CSS 区分，这里把攻击的第一个字母改成了 X，于是叫做 XSS。
XSS攻击是一种经常出现在 web应用的攻击，攻击者通过...]]></description><category></category></item><item><title><![CDATA[HTML文档头部与元数据]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88781001</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88781001</guid><author>github_39457740</author><pubDate>Sun, 24 Mar 2019 20:05:19 +0800</pubDate><description><![CDATA[HTML文档头部与元数据

在之前的文章中，我对 html 文档的内容做了简单的分割，这篇文章对其中的文档标题—— head 部分进行一个简单的总结～

如果没有耐心看长篇大论，可以直接到本文末尾，将会有一个包含了本文大部分内容的 demo～
文档头部的作用
head 标签本身并不携带任何信息，它主要是作为盛放其它语义类标签的容器。
head 大部分内容是不可见的，除了 title 和 图标之外。...]]></description><category></category></item><item><title><![CDATA[初步理解Webpack原理]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88780982</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88780982</guid><author>github_39457740</author><pubDate>Sun, 24 Mar 2019 20:04:01 +0800</pubDate><description><![CDATA[初步理解Webpack原理


曾经在项目中使用过 webpack 进行打包，之后也使用过 vue-cli 这样的基于 webpack 的脚手架构建项目，那今天就来学习一下 webpack 的原理。webpack5已经也许今年就要发布正式版了，不同版本的配置方法都不尽相同，所以这篇文章不涉及任何具体的配置～

注： 本文中所有代码仅有示意的作用，不一定是 Webpack 的真实运行结果～
什么是W...]]></description><category></category></item><item><title><![CDATA[超简单nodejs静态网页服务器]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88780914</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88780914</guid><author>github_39457740</author><pubDate>Sun, 24 Mar 2019 19:58:59 +0800</pubDate><description><![CDATA[超简单的nodejs静态网页服务器

使用 nodejs 进行后端开发有一个非常方便的地方是它可以不依赖于其他的服务器软件，比如 tomcat 之类的。这里对我使用 nodejs 写的一个静态网页服务器做一个简单的总结

在这里使用到了以下模块：

http：相应基本的 http 请求
fs：读取文件并返回
path：获取文件的路径
url：解析 url

第一步，创建一个最基本的服务器
let ...]]></description><category></category></item><item><title><![CDATA[macbook 无法加入网络]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88780886</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88780886</guid><author>github_39457740</author><pubDate>Sun, 24 Mar 2019 19:57:45 +0800</pubDate><description><![CDATA[macbook 无法加入网络？

在学校的某一栋教学楼中有这样一个传说，所有的 apple 在这个教学楼中都会失去网络连接，成为一个孤岛～


在排除是路由器的问题后，在macbook上执行下面的操作也许会有效果～
解决方法1
关闭Wi-Fi，然后重新连接

解决方法2
在网络偏好设置中更改 ip
解决方法3
拔下连接在macbook上的外部设备（比如USB拓展坞）
出现这个问题的原因是 macb...]]></description><category></category></item><item><title><![CDATA[JS的异步加载]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88587544</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88587544</guid><author>github_39457740</author><pubDate>Sat, 16 Mar 2019 00:20:09 +0800</pubDate><description><![CDATA[JS的异步加载

自觉自己基础不扎实，不应该心猿意马，所以很久没有更新性能优化专栏，回顾总结了一段时间后再来一发吧～

在学习前端开发的最开始，就可能有人告诉你，在 body 的末尾再引入 script 标签（收到依赖的jQuery更适合放在前面），书写js代码就提高效率，这到底是为什么呢？
引入外部js带来的问题
先看一个不好的例子：
&amp;lt;body&amp;gt;
    &amp;lt;!-- body ...]]></description><category></category></item><item><title><![CDATA[HTML第一步-理解HTML文档]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88579970</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88579970</guid><author>github_39457740</author><pubDate>Fri, 15 Mar 2019 17:48:29 +0800</pubDate><description><![CDATA[HTML第一步-理解HTML

今天在这里整理前端体系中看似最简单，却又暗藏玄机的HTML

HTML的前世今生
HTML 的全称是超文本标记语言（HyperText Markup Language），这并不是编程语言而是一种标记语言，通过各种标签来构成一个网页中的内容。
到目前位置，比较有影响力的 HTML 的版本有：

1991年：html
1999年：html4.01
2000年：xhtml...]]></description><category></category></item><item><title><![CDATA[HTML基本语法]]></title><link>https://blog.youkuaiyun.com/github_39457740/article/details/88579942</link><guid>https://blog.youkuaiyun.com/github_39457740/article/details/88579942</guid><author>github_39457740</author><pubDate>Fri, 15 Mar 2019 17:47:12 +0800</pubDate><description><![CDATA[HTML基本语法

不管是编程语言还是标记语言，都要遵循一定的语法，那么，这篇文章对语法进行总结，本文的绝大部分内容都可以在下面这段代码中找到：

&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;&amp;lt;/title]]></description><category></category></item></channel></rss>