<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Rampage_w的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Rampage_w</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Rampage_w]]></copyright><item><title><![CDATA[vue实现点击箭头的旋转动画（收起展开）效果]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/106496646</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/106496646</guid><author>Rampage_w</author><pubDate>Tue, 02 Jun 2020 15:12:13 +0800</pubDate><description><![CDATA[实现方法：用vue动态绑定class的方法，实现用不同的class渲染箭头，达到点击箭头的旋转效果
模板的内容：
&lt;img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="arrow.png" alt="" @click="flag = !flag"&gt;


data的定义：
data(){
	return {
		flag : false,
	}
}


style的内容：
  .arrowTransf]]></description><category></category></item><item><title><![CDATA[git安装教程]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/106437917</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/106437917</guid><author>Rampage_w</author><pubDate>Sat, 30 May 2020 11:40:45 +0800</pubDate><description><![CDATA[一、Git基础
1、Git介绍
Git是目前世界上最先进的分布式版本控制系统。
2、Git与Github
2.1、两者区别
Git是一个分布式版本控制系统，简单的说其就是一个软件，用于记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的软件。
Github（https://www.github.com）是一个为用户提供Git服务的网站，简单说就是一个可以放代码的地方（不过可以放的当然不仅是代码）。Github除了提供管理Git的web界面外，还提供了订阅、关注、讨论组、在线编辑器等丰富的功能。Gith]]></description><category></category></item><item><title><![CDATA[创建 vue项目]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/106418341</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/106418341</guid><author>Rampage_w</author><pubDate>Fri, 29 May 2020 09:21:18 +0800</pubDate><description><![CDATA[Vue-cli是VueJS的项目脚手架，使用Vue-cli可以快速创建Vue项目
一、Windows+R输入cmd打开命令行工具
二、安装node官方下载地址http://nodejs.cn/download/
三、命令行输入node -v 和npm -v查看是否出现版本号出现即为安装成功
四、全局安装Vue-cli使用命令npm install -g vue-cli下载完成后使用
vue -V(大写)查看版本同上
五、创建项目 首先使用cd 进入到项目文件夹使用
vue init webpack  vue]]></description><category></category></item><item><title><![CDATA[TCP的运输连接管理]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/104053839</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/104053839</guid><author>Rampage_w</author><pubDate>Thu, 23 Jan 2020 21:53:46 +0800</pubDate><description><![CDATA[概念：
（1）TCP 是面向连接的协议。
（2）运输连接有三个阶段：
a.连接建立
b.数据传送
c.连接释放
（3）运输连接的管理就是使运输连接的建立和释放都能正常地进行。
TCP 连接建立过程中要解决的三个问题：
(1) 要使每一方能够确知对方的存在。
(2) 要允许双方协商一些参数（如最大窗口值、是否使用窗口扩大选项和时间戳选项以及服务质量等）。
(3) 能够对运输实体资源（如缓存大小、连接...]]></description><category></category></item><item><title><![CDATA[算法中的冒泡排序]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/103057631</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/103057631</guid><author>Rampage_w</author><pubDate>Wed, 13 Nov 2019 21:24:53 +0800</pubDate><description><![CDATA[1.1 原理
  这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。
  1. 比较相邻的元素。如果第一个比第二个大，就交换他们两个。
  2. 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。
  3. 针对所有的元素重复以上的步骤，除了最后...]]></description><category></category></item><item><title><![CDATA[详谈JS中的作用域]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/103021813</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/103021813</guid><author>Rampage_w</author><pubDate>Tue, 12 Nov 2019 08:48:58 +0800</pubDate><description><![CDATA[JS作用域大致分为三部分：词法作用域、函数作用域/块作用域、闭包。
在传统的编译语言中，程序的源代码编译由三个步骤组成：词法分析、语法分析、代码生成。而JS属于动态语言，它的编译过程不发生在构建之前，而是在代码执行前（一般只有几微妙，甚至更短），简单说，任何JS代码执行前都要编译，编译完通常马上就要执行。
例如： var a = 2; 将其分解为以下步骤：
1.遇到   var a  编译器会询问...]]></description><category></category></item><item><title><![CDATA[DOM事件]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/103002738</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/103002738</guid><author>Rampage_w</author><pubDate>Sun, 10 Nov 2019 21:57:15 +0800</pubDate><description><![CDATA[DOM事件类
本文主要介绍面试过程中关于DOM事件可能会问到的问题。以供参考。
1. DOM事件级别
DOM0级事件
DOM0 级时间分两种，一是直接在标签内直接添加执行语句，二是定义执行函数。
&lt;input type="text" id="test"&gt;
&lt;input type="button" value="button" onclick="alert(document.get...]]></description><category></category></item><item><title><![CDATA[数组方法总结]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/103000988</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/103000988</guid><author>Rampage_w</author><pubDate>Sun, 10 Nov 2019 19:45:18 +0800</pubDate><description><![CDATA[总结常用javascript数组方法
Array 对象
数组创建
设置和读取数组元素
数组方法
concat()
join()
pop()
push()
reverse()
shift()
unshift()
slice()
splice()
sort()
toString()
valueOf()
indexOf()
lastIndexOf()
forEach()
map()
filter()
e...]]></description><category></category></item><item><title><![CDATA[原生JS 操作 DOM]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/102925695</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/102925695</guid><author>Rampage_w</author><pubDate>Tue, 05 Nov 2019 22:19:35 +0800</pubDate><description><![CDATA[DOM操作
查询
按照ID查询
document.getElementById(id) // 兼容最好

// demo
// HTMl
&lt;body&gt;
  &lt;div id="main"&gt;
    &lt;div id="content"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;

// Script
const mainDom...]]></description><category></category></item><item><title><![CDATA[闭包]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/102872650</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/102872650</guid><author>Rampage_w</author><pubDate>Sat, 02 Nov 2019 15:35:51 +0800</pubDate><description><![CDATA[1. 闭包
什么是闭包？闭包的定义其实很简单：函数
A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。
function A(){                 
    let a=1;                 
    window.B=function(){                     
        console.log(a)...]]></description><category></category></item><item><title><![CDATA[Javascript面试题总结（一）]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/102802306</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/102802306</guid><author>Rampage_w</author><pubDate>Tue, 29 Oct 2019 17:14:44 +0800</pubDate><description><![CDATA[1、JavaScript 是一门什么样的语言，它有哪些特点？
javaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它
的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML
网页上使用，用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准，因此也称为ECMAScript。
基本特点
1...]]></description><category></category></item><item><title><![CDATA[关于jQuery全屏滚动插件fullPage.js]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100995256</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100995256</guid><author>Rampage_w</author><pubDate>Wed, 18 Sep 2019 19:46:28 +0800</pubDate><description><![CDATA[简介
4月15日，网易邮箱升级到6.0版本，并发布了介绍页面（点击访问），页面采用了时下非常流行的“全屏”效果，文字、图片再加上 CSS3 动画，让用户非常直观、清晰的了解6.0版本的功能及特色，真是高端大气上档次。
如此高大上的页面，想不想自己也做一个？今天我们就用 fullPage.js 仿照着制作一个类似的页面。
使用方法
1、引入文件
引入以下文件，你可以将 js 放到页面底部。
&lt;...]]></description><category></category></item><item><title><![CDATA[canvas做画板效果]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100888258</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100888258</guid><author>Rampage_w</author><pubDate>Mon, 16 Sep 2019 15:05:05 +0800</pubDate><description><![CDATA[用  canvas做一个简单的画板效果
可以改变字体的粗细，还可以改变字体的颜色，代码如下：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, init...]]></description><category></category></item><item><title><![CDATA[用 canvas制作一个饼状图]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100882940</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100882940</guid><author>Rampage_w</author><pubDate>Mon, 16 Sep 2019 11:51:15 +0800</pubDate><description><![CDATA[这里的的代码可以直接拿走看哟，仅供参考


&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="...]]></description><category></category></item><item><title><![CDATA[用canvas绘制一个饼状图]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100761036</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100761036</guid><author>Rampage_w</author><pubDate>Thu, 12 Sep 2019 09:02:24 +0800</pubDate><description><![CDATA[Canvas，网页原来是可以画出来的…
认识Canvas
Canvas绘制矩形
Canvas绘制圆形
使用moveTo()和lineTo()绘制路径
Canvas绘制一个饼状图
认识Canvas
HTML5  标签用于绘制图像（通过脚本，通常是 JavaScript）。
不过， 元素本身并没有绘制能力（它仅仅是图形的容器） - 必须使用脚本来完成实际的绘图任务。
getContext() 方法可返...]]></description><category></category></item><item><title><![CDATA[正则表达式——常用正则表达式验证输入合法性（一）]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100692354</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100692354</guid><author>Rampage_w</author><pubDate>Tue, 10 Sep 2019 11:41:38 +0800</pubDate><description><![CDATA[1.去掉字符串首尾空格的正则表达式怎么写？
  var str ="   abfhjpo jifpokroi okj;vwaiu    "
        console.log(str);                            //   abfhjpo jifpokroi okj;vwaiu    
        str = str.replace(/^\s+|\s+$/g, ...]]></description><category></category></item><item><title><![CDATA[正则表达式——常用正则表达式验证输入合法性（二）]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100691954</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100691954</guid><author>Rampage_w</author><pubDate>Tue, 10 Sep 2019 10:52:11 +0800</pubDate><description><![CDATA[1. /判断输入内容是否为空
  function IsNull(){
    var str = document.getElementById('str').value.trim();
    if(str.length==0){
    alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称!
    }
    }

2.//判断日期类型是否为YY...]]></description><category></category></item><item><title><![CDATA[js的一个总括性案例]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100656951</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100656951</guid><author>Rampage_w</author><pubDate>Mon, 09 Sep 2019 11:55:19 +0800</pubDate><description><![CDATA[案例需求
1）点击“注册”按钮时，将数据添加到表格中
2）关闭页面，重新打开时，若已有注册用户，表格中需要显示已注册用户
3)点击“删除”按钮时，删除该用户


&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1...]]></description><category></category></item><item><title><![CDATA[JS(原型和原型链）整理的面试题]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100602724</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100602724</guid><author>Rampage_w</author><pubDate>Sat, 07 Sep 2019 17:44:31 +0800</pubDate><description><![CDATA[题目1.如何准确判断一个变量是数组类型

使用 instanceof 方法
题目2.写一个原型链继承的例子

实例：封装 DOM 查询
定义构造函数 Elem,属性封装成 id

打印出所有的 html

将所有的 html 变为 hello imooc ,并且点击弹出 ‘clicked’

链式操作

题目3.描述 new 一个对象的过程

1.创建一个新对象
2.this 指向这个新对象
3....]]></description><category></category></item><item><title><![CDATA[JS三座大山之原型链]]></title><link>https://blog.youkuaiyun.com/Rampage_w/article/details/100601004</link><guid>https://blog.youkuaiyun.com/Rampage_w/article/details/100601004</guid><author>Rampage_w</author><pubDate>Sat, 07 Sep 2019 17:09:44 +0800</pubDate><description><![CDATA[在JS中原型链的概念刚开始可能一直迷惑着大多数人，我也一样，不过花点时间仔细的梳理梳理，还是很容易理解的。本文就着重介绍一下原型链，如有不对之处，欢迎指正，共同探讨，共同进步。
在面试时，面试官可能会通过对象的创建方式来引出原型链相关的问题：
那么创建对象的方式主要有以下几种：
第一种： 字面量
var Obj1 = {name:”o1”};
var Obj2 = new Object({name...]]></description><category></category></item></channel></rss>