<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[banni6813的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/banni6813</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; banni6813]]></copyright><item><title><![CDATA[js事件 -- addEventListener事件]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173542</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173542</guid><author>banni6813</author><pubDate>Wed, 08 May 2019 12:14:00 +0800</pubDate><description><![CDATA[百度上很多篇文章讲解addEventListener DOM0级事件的时候讲解的都是覆盖，概念如下：
同一个元素的同一种事件只能绑定一个函数，否则后面的函数会覆盖之前的函数
其实不然，官网讲解
添加的事件不会覆盖已存在的事件。

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"...]]></description><category></category></item><item><title><![CDATA[victory-native的使用]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173540</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173540</guid><author>banni6813</author><pubDate>Fri, 16 Nov 2018 10:57:00 +0800</pubDate><description><![CDATA[Victory用于构建交互数据可视化的可组合React组件的生态系统

想写又不想写，真尴尬。。。

转载于:https://www.cnblogs.com/CCxi/p/9968074.html]]></description><category></category></item><item><title><![CDATA[React Native搭建开发环境   之  --走过的坑]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173526</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173526</guid><author>banni6813</author><pubDate>Wed, 24 Oct 2018 17:26:00 +0800</pubDate><description><![CDATA[React Native是使用JavaScript和React编写原生移动应用

我的开发平台是基于windows系统，所以只支持android，要是想开发ios系统，那就只能考虑使用沙盒环境
接下来就是必须安装它的依赖
注意：Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版...]]></description><category></category></item><item><title><![CDATA[NodeJS NPM 镜像使用方法]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173538</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173538</guid><author>banni6813</author><pubDate>Tue, 23 Oct 2018 10:53:00 +0800</pubDate><description><![CDATA[每次npm的时候，走国外的镜像，非常的慢，可以配置一下


通过改变默认npm镜像代理服务，以下三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候不用重新配置。
通过config命令

npm config set registryhttps://registry.npm.taobao.org
npm info underscore (如果上面配置正确...]]></description><category></category></item><item><title><![CDATA[用for; while...do; do...while; 写出九九乘法表]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173524</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173524</guid><author>banni6813</author><pubDate>Sun, 21 Oct 2018 12:59:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="div1"&gt;&lt;/div&g...]]></description><category></category></item><item><title><![CDATA[create-react-app创建的项目中registerServiceWorker.js文件的作用]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173536</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173536</guid><author>banni6813</author><pubDate>Sun, 14 Oct 2018 00:12:00 +0800</pubDate><description><![CDATA[使用React官方的脚手架工具create-react-app创建的项目，目录中会存在registerServiceWorker.js这个文件，这个文件的作用是什么呢？
这个文件可以使用也可以不使用，使用它可以使你的react项目变成一个PWA（Progressive Web Application）, 也就是说，在线上，只要访问过一次你的网站，下一次即使没有网络，这个应用依然可以被访...]]></description><category></category></item><item><title><![CDATA[前端应该从哪些方面优化网站？]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173522</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173522</guid><author>banni6813</author><pubDate>Mon, 24 Sep 2018 09:46:00 +0800</pubDate><description><![CDATA[作者：斯迪链接：https://www.zhihu.com/question/21658448/answer/18903129来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目...]]></description><category></category></item><item><title><![CDATA[JS基础整理面试题]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173533</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173533</guid><author>banni6813</author><pubDate>Mon, 17 Sep 2018 21:52:00 +0800</pubDate><description><![CDATA[1、DOM和BOM的区别

DOM:document object model;文档对象模型，提供操作页面元素的方法和属性BOM:browser object model;浏览器对象模型，提供一些属性和方法可以操作浏览器





2、JS有几种引入方式

1、行内式 直接在标签中写js代码2、内嵌式 可以有多个script标签，从上到下3、外联式 直接导入s...]]></description><category></category></item><item><title><![CDATA[函数的递归]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173498</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173498</guid><author>banni6813</author><pubDate>Mon, 13 Aug 2018 22:40:00 +0800</pubDate><description><![CDATA[函数的递归


递归： 针对的是函数； 是JS中一种重要的思想；


函数： 分为定义和执行


函数递归： 在函数体内部，调用函数自己本身，让其执行；这就是递归；



var i=0;// 1 2
function fn() {
if(i&gt;100){
return;
}
console.log(i);
i++;
fn()
}
fn(...]]></description><category></category></item><item><title><![CDATA[数据类型检测及封装]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173531</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173531</guid><author>banni6813</author><pubDate>Mon, 13 Aug 2018 22:28:00 +0800</pubDate><description><![CDATA[数据类型检测
1、typeOf;返回一个字符串

1.局限性： typeof null –&gt;”object”

2.只能检测通过字面量方式创建的基本数据类型值，不能细分对象数据类型下具体的数据类型；
2、instanceOf：检测当前实例是否属于某个实例的方法
局限性：只要当前类在当前的实例原型链上，都返回true


var ary=[];
console....]]></description><category></category></item><item><title><![CDATA[隔行变色]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173519</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173519</guid><author>banni6813</author><pubDate>Sun, 12 Aug 2018 20:55:00 +0800</pubDate><description><![CDATA[隔行变色：
.html：写一个ul标签，里面多放几个li，为了显示更好的效果
.css ：设置宽高，边距和边框，居中显示
.js　：获取所有的Li，通过标签名来获取元素集合；判断奇偶数，给背景设置不同的颜色
　　鼠标滑过变成高亮，onmouseover : 当鼠标划上这个元素时，触发这个函数；
　　鼠标滑出恢复原色，onmouseout : 当鼠标移出时，触发这个函数；
...]]></description><category></category></item><item><title><![CDATA[if-else案例–开关灯]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173516</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173516</guid><author>banni6813</author><pubDate>Sun, 12 Aug 2018 20:17:00 +0800</pubDate><description><![CDATA[首先，创建一个html页面，添加一个div盒子，用css设置相应的样式，用js获取盒子的元素，通过点击事件，设置body的背景颜色，用if..else来判断当什么状态设置相应的颜色，(swith...case同理)

break:跳出当前循环
continue：结束本次循环

.css


&lt;style type="text/css"&gt;
*{
ma...]]></description><category></category></item><item><title><![CDATA[作用域]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173527</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173527</guid><author>banni6813</author><pubDate>Sat, 11 Aug 2018 15:43:00 +0800</pubDate><description><![CDATA[作用域的销毁

全局作用域和私有作用域；


全局作用域的销毁： 只有当关闭页面时，或关闭浏览器时，全局作用域才会销毁；不销毁的作用域；


私有作用域的销毁：
函数执行：形成一个私有作用域；提供代码运行环境；存储基本数据类型值；
闭包：
1.保护了里面的私有不受外界的干扰；


2.存储值；



function fn() {
var num =...]]></description><category></category></item><item><title><![CDATA[数据类型核心操作步骤和原理]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173525</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173525</guid><author>banni6813</author><pubDate>Sat, 11 Aug 2018 10:58:00 +0800</pubDate><description><![CDATA[数据类型核心操作步骤和原理
JS中的数据类型


基本数据类型（值类型）



number


string


boolean


null


undefined



引用数据类型



对象



{}普通对象


[]数组


/^$/正则


Math 对象数据类型的


。。。

...]]></description><category></category></item><item><title><![CDATA[this]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173514</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173514</guid><author>banni6813</author><pubDate>Sat, 11 Aug 2018 00:09:00 +0800</pubDate><description><![CDATA[this

this –&gt; 关键字； 在JS有特殊意义；



var a = 10;
/*console.log(this);
window.a = 10;
this.b = 18;*/


this的用法
函数中的this，指的是当前函数的执行主体；谁让函数执行的，那么this就指向谁；


在全局作用域下，this指向window；


...]]></description><category></category></item><item><title><![CDATA[Git]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173523</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173523</guid><author>banni6813</author><pubDate>Sat, 11 Aug 2018 00:01:00 +0800</pubDate><description><![CDATA[Git
webstorm:代码编辑器浏览器：代码解析器git：是一个工具；用于团队协作开发项目管理代码的工具；代码的协作工具;工作中：git、svn集中式：需要一个中央服务器；每次开发前需要从中央服务器把最新的代码拉取下来，然后进行开发，并且需要网络；git : 分布式；每个人的电脑都是一个中央服务器；不需要网络也可以进行提交代码；




代码管理
git：...]]></description><category></category></item><item><title><![CDATA[CSS预编译语言-LESS]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173520</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173520</guid><author>banni6813</author><pubDate>Fri, 10 Aug 2018 22:49:00 +0800</pubDate><description><![CDATA[LESS的作用

CSS层叠样式表，它是标记语言，不是编程语言；所有的预编译CSS语言（less/sass…）都是赋予了CSS的面向对象思想



LESS的编译

LESS叫做预编译CSS：写好的LESS代码浏览器是不能渲染的，需要我们把它编译成为能渲染的CSS才可以

开发环境

在本地开发中这是开发环境生产环境本地开发完成了，我们需要把代码上传到服务...]]></description><category></category></item><item><title><![CDATA[CSS3中的3D动画实现(钟摆、魔方)--实现代码]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173517</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173517</guid><author>banni6813</author><pubDate>Fri, 10 Aug 2018 13:33:00 +0800</pubDate><description><![CDATA[CSS3中的3D动画实现(钟摆、魔方)

transition-property过渡动画属性 all|[attr]
　　transition-duration过渡时间
　　transition-delay延迟时间
　　transition-timing-function运动类型



ease：（逐渐变慢）默认值
linear：（匀速）
ease-in：...]]></description><category></category></item><item><title><![CDATA[JavaScript基础知识（Date 的方法）]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173501</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173501</guid><author>banni6813</author><pubDate>Thu, 09 Aug 2018 15:52:00 +0800</pubDate><description><![CDATA[Date 的方法


console.log(typeof Date);// "function"


Date的实例


console.log(typeof new Date());
// "object"
console.log(new Date());
// 获取本机的系统时间；
var time = new Date();
console.log(t...]]></description><category></category></item><item><title><![CDATA[JavaScript基础知识（Math的方法）]]></title><link>https://blog.youkuaiyun.com/banni6813/article/details/102173559</link><guid>https://blog.youkuaiyun.com/banni6813/article/details/102173559</guid><author>banni6813</author><pubDate>Thu, 09 Aug 2018 15:50:00 +0800</pubDate><description><![CDATA[Math的方法
Math : 对象数据类型 ；


Math: {} 是window下的一个键值对；
属性名叫Math,属性值是一个对象




var obj = {a:1};
console.log(obj.a);
console.log(window.Math);


1. Math.abs() : 取绝对值；

Math.abs(-1.2)
...]]></description><category></category></item></channel></rss>