<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[andanghui2862的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/andanghui2862</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; andanghui2862]]></copyright><item><title><![CDATA[JS-实现横向手风琴]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086424</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086424</guid><author>andanghui2862</author><pubDate>Wed, 25 Sep 2019 09:33:00 +0800</pubDate><description><![CDATA[横向手风琴--
鼠标悬浮某一张图片，图片显示，其他图片影藏。

&lt;div class="content"&gt;
        &lt;ul&gt;
            &lt;li class="current"&gt;&lt;img src="./img4/1.jpg" alt="" height="400"&gt;&lt;/li&gt;
          ...]]></description><category></category></item><item><title><![CDATA[Js-带进度条的轮播图]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086421</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086421</guid><author>andanghui2862</author><pubDate>Wed, 25 Sep 2019 09:27:00 +0800</pubDate><description><![CDATA[带进度条的轮播图--原生JS实现
实现了图片自动轮播，左右按钮实现图片左右转换，下方原点或者缩小图点击选择其中的某一张图片，然后有红条实现图片的进度。

&lt;div class="content"&gt;
        &lt;div class="box1"&gt;
            &lt;ul class="box1_1"&gt;
             ...]]></description><category></category></item><item><title><![CDATA[canvas-八卦图和时钟实现]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086422</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086422</guid><author>andanghui2862</author><pubDate>Sat, 14 Sep 2019 15:08:00 +0800</pubDate><description><![CDATA[八卦图：

&lt;body&gt;
canvas id=" myCanvas" width=" 500" height= ”600"&gt;&lt;/canvas&gt;
&lt;script&gt;
//获取到画布元素
let myCanvas = document.getElementById( "myCanvas );
//通过画布元素获取到上下文(画笔)
let...]]></description><category></category></item><item><title><![CDATA[JS-闭包练习]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086419</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086419</guid><author>andanghui2862</author><pubDate>Sun, 08 Sep 2019 20:18:00 +0800</pubDate><description><![CDATA[首先，第一个输出，因为前置运算，i要先参与输出，然后再自增，所以输出为0
第二个输出，因为f1和f2是不同的函数，不共享i变量，所以输出也为0
第三个输出，因为是f1，共享i，所以i加了1，输出为1

let foo = function(){
    let i = 0;
    return function(){
        console.log(i++);
...]]></description><category></category></item><item><title><![CDATA[JS-上下文练习]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086420</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086420</guid><author>andanghui2862</author><pubDate>Sun, 08 Sep 2019 20:10:00 +0800</pubDate><description><![CDATA[/**
* 因为JS没有块级作用域，if里面的foo又是以var形式声明的，所以会被提升上去，
* 被赋值为undefined，之后undefined代表false，所以会进入if语句块，
* foo被赋值为10，所以下面会打印输出10
*/


var foo =1;

function bar(){
    console.log(foo);  //  und...]]></description><category></category></item><item><title><![CDATA[JS实现抽奖]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086417</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086417</guid><author>andanghui2862</author><pubDate>Thu, 29 Aug 2019 23:58:00 +0800</pubDate><description><![CDATA[九宫格随机抽奖功能实现：在选择的时候方格的轮转速度先慢后快再慢的效果
代码如下：

 &lt;div class="container"&gt;
        &lt;div class="block1 block"&gt;小米笔记本&lt;/div&gt;
        &lt;div class="block2 block"&gt;iPhoneX&lt;/div&gt;...]]></description><category></category></item><item><title><![CDATA[JS 发送弹幕]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086418</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086418</guid><author>andanghui2862</author><pubDate>Thu, 29 Aug 2019 23:44:00 +0800</pubDate><description><![CDATA[JS实现弹幕的发送

 &lt;div class="box1"&gt;
        &lt;div class="box2" style="width: 600px;height:400px"&gt;
            
        &lt;/div&gt;
        &lt;input placeholder="发送弹幕"/&gt;&lt;button...]]></description><category></category></item><item><title><![CDATA[js实现轮播图]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086416</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086416</guid><author>andanghui2862</author><pubDate>Thu, 29 Aug 2019 23:36:00 +0800</pubDate><description><![CDATA[功能：
图片自动转换，左右箭头点击实现图片切换，小圆点也能实现图片切换

HTML:&lt;div class="contenter"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;img src="./img/1.jpeg" alt="" width="640" height="480"&gt;&lt;/li&gt;
  ...]]></description><category></category></item><item><title><![CDATA[JS-完数]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086415</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086415</guid><author>andanghui2862</author><pubDate>Tue, 20 Aug 2019 09:26:00 +0800</pubDate><description><![CDATA[完数
完全数（Perfect number），又称完美数或完备数，是一些特殊的自然数。它所有的真因子（即除了自身以外的约数）的和（即因子函数），恰好等于它本身。如果一个数恰好等于它的因子之和，则称该数为“完全数”。比如6=1+2+3。

let newnum1 = 0;        
for(let num1=1;num1&lt;=10000;num1++){    
   ...]]></description><category></category></item><item><title><![CDATA[js-回文数]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086414</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086414</guid><author>andanghui2862</author><pubDate>Tue, 20 Aug 2019 09:18:00 +0800</pubDate><description><![CDATA[回文数
设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。

//回文数
let readline = require("readline-sync"); 
console.log("请输入数字：");  
let num = parseInt(readline.question(""));  
let newNum = 0;     ...]]></description><category></category></item><item><title><![CDATA[JS-逻辑运算符的与，或，非]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086413</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086413</guid><author>andanghui2862</author><pubDate>Mon, 19 Aug 2019 09:44:00 +0800</pubDate><description><![CDATA[JS-逻辑运算符的与，或，非
1.非
所谓非，就是取反，非真即假，非假即真。
非运算符不仅仅只能用于布尔值，其他数据类型也是可以的，如下:
1.如果操作数是一个对象，返回false
2.如果操作数是一个空字符串，返回true
3.如果操作数是一个非空字符串，返回false
4.如果操作数是数值0，返回true
5.如果操作数是任意非0数值(包括Infinity), 返回f...]]></description><category></category></item><item><title><![CDATA[JS-数值转换]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086411</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086411</guid><author>andanghui2862</author><pubDate>Mon, 19 Aug 2019 09:39:00 +0800</pubDate><description><![CDATA[JS数值转换
JS数值转换的方式有4种：Number()，parseInt()，parseFloat()，数据类型*1或者/1。
他们的区别在于：
1.Number()：可以将非数值转为数值
如果是Boolean值，true和flase将分别被转换为1和0
如果是数字，那么就是简单的传入和返回
如果是null值，那么返回0
如果是undefined，那么返回NaN

c...]]></description><category></category></item><item><title><![CDATA[Js-声明变量]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086412</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086412</guid><author>andanghui2862</author><pubDate>Mon, 19 Aug 2019 09:32:00 +0800</pubDate><description><![CDATA[JS声明变量
js声明变量的方式有3种：let，const，var
1.const如果定义简单数据类型，变成常量，变量值不可以更改。

const name="lili";
name="lucy";
console.log(name);//error


2.Var可以重复声明一个变量，并且覆盖变量值，并且定义的变量无论在哪里，都是全局变量。如果var第二次声明同一个...]]></description><category></category></item><item><title><![CDATA[Html-自适应]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086410</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086410</guid><author>andanghui2862</author><pubDate>Mon, 12 Aug 2019 10:35:00 +0800</pubDate><description><![CDATA[自适应
使网页能适应不同终端设备的技术。原理是通过检测视口分辨率来判断是什么终端的，PC，手机还是平板。
做自适应的网页时，需要在代码中加入“祖传代码”，即通用代码。
这是在头部head引入的：

&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,...]]></description><category></category></item><item><title><![CDATA[HTML之盒子变形动画]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086408</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086408</guid><author>andanghui2862</author><pubDate>Sat, 03 Aug 2019 16:22:00 +0800</pubDate><description><![CDATA[4个圆形球作圆周运动
代码：

1 &lt;div class="box"&gt;
2         &lt;div class="box1"&gt;&lt;/div&gt;
3         &lt;div class="box2"&gt;&lt;/div&gt;
4         &lt;div class="box3"&gt;&lt;/div&gt;
5    ...]]></description><category></category></item><item><title><![CDATA[HTML之美化盒子]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086406</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086406</guid><author>andanghui2862</author><pubDate>Thu, 01 Aug 2019 09:27:00 +0800</pubDate><description><![CDATA[1. 美化盒子
1.1. 美化文本
1.1.1. 字体大小【font-size】：
字符框的高度，可继承，默认值medium，16px。基准字号：浏览器设置的默认字体大小，通常为16px，可更改。




预设值







medium


中等字号




large


大字体



...]]></description><category></category></item><item><title><![CDATA[HTML实现三角形和旗帜代码]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086409</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086409</guid><author>andanghui2862</author><pubDate>Wed, 24 Jul 2019 10:26:00 +0800</pubDate><description><![CDATA[1.三角形
1.1html+css



&lt;style&gt;
*{
margin: 0px;
padding: 0px;
}
span{
display: block;
margin-left: 25%;
width: 0px;
height: 0px;
border: 200px solid transparent;
border-bottom-...]]></description><category></category></item><item><title><![CDATA[新学WEB前端]]></title><link>https://blog.youkuaiyun.com/andanghui2862/article/details/102086407</link><guid>https://blog.youkuaiyun.com/andanghui2862/article/details/102086407</guid><author>andanghui2862</author><pubDate>Tue, 23 Jul 2019 17:37:00 +0800</pubDate><description><![CDATA[介绍一点关于我对学习前端的一些学习经验和遇到的问题！
1.坚持
现在编码技术更新的速度日新月异，并且对于纯英文字母的代码来说，我们不是长时间接触并且记忆的话，对于一些难一些的标签和属性是非常容易忘记的，所以我们需要坚持学习，不要求一天都一直学习，但是也必须抽出一定的时间去熟悉代码，直到自己真正的记住。并且在对于前端学习而言，我们也需要去不断的更新自己对于前端的最新技术，不断地更新自己...]]></description><category></category></item></channel></rss>