<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ALLstudydaydayup的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ALLstudydaydayup</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ALLstudydaydayup]]></copyright><item><title><![CDATA[原生js具体实现Ajax请求的四个步骤]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107949609</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107949609</guid><author>ALLstudydaydayup</author><pubDate>Wed, 12 Aug 2020 09:11:56 +0800</pubDate><description><![CDATA[什么是Ajax
全称：Asynchronous JavaScript and XML
大概实现步骤：

创建 XMLHttpRequest 对象
发出 HTTP 请求
发出 HTTP 请求
更新网页数据


]]></description><category></category></item><item><title><![CDATA[作用域、执行上下文及闭包]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107758077</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107758077</guid><author>ALLstudydaydayup</author><pubDate>Mon, 03 Aug 2020 10:25:47 +0800</pubDate><description><![CDATA[一、作用域
二、执行上下
三、闭包

]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS实现一个无聊点方块游戏]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107452483</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107452483</guid><author>ALLstudydaydayup</author><pubDate>Sun, 19 Jul 2020 22:55:27 +0800</pubDate><description><![CDATA[来look look效果
原作者是油管上的Online Tutorials，做了些改变。
现在就来实现它
1、准备知识
主要是js，添加元素节点、类名、样式，事件监听，css的配合使用。
2、HTML结构
只需要一个标签，来装方块，和展示图片，自己随意用section，div都可以
3、CSS样式
这里的主要工作是展示默认时（打开页面）的样子，span就是方块，它将铺满整个容器，盖住背景图。
body {
        height: 100vh;
        margin: 0;
        p]]></description><category></category></item><item><title><![CDATA[CSS3做一个3D展示相册]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107307458</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/107307458</guid><author>ALLstudydaydayup</author><pubDate>Sun, 12 Jul 2020 23:58:47 +0800</pubDate><description><![CDATA[先来康康效果
（录不好，就只能是图片了）
原作者是油管上的Online Tutorials
现在就来实现它
1、准备知识
transform-style: preserve-3d;对3D变换有空间概念，其次就是perspective()；这个属性的理解了，想了解更多可以去MDN,相关博客文章，详细了解（主要我也理解不到位）
2、HTML结构
这里有个需要说下style="–i:1"，这个是css的原生变量，这了就声明了一个变量并赋值，在这里用变量，主要是方便后面样式的添加，当然变量还有高级的用法，就去查相关]]></description><category></category></item><item><title><![CDATA[用CSS3做个炫酷的图标hover3D效果]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106885868</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106885868</guid><author>ALLstudydaydayup</author><pubDate>Sun, 21 Jun 2020 15:48:46 +0800</pubDate><description><![CDATA[来分享个图标效果，康康效果

相当炫酷的3D效果，原作者是油管上的CodingNepat.
准备知识：
该案例主要运用了css3的transform属性，和神奇的想法。
1、先来搭建HTML骨架

这里就只展示一个图标的结构，其他两个都是一样的，还有记得引入font-awesome哦
2、写下这三个图标的基本样式

这里让图标在整个屏幕的居中，这里的hover效果是整个图标的，可以感受下，是怎么变化的。
3、接下来就是体现3d效果的了

给每个i都加个边框

再来利用transform让他向右上方移动一点，]]></description><category></category></item><item><title><![CDATA[用CSS3做个文字聚光灯效果]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106608893</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106608893</guid><author>ALLstudydaydayup</author><pubDate>Sun, 07 Jun 2020 23:09:29 +0800</pubDate><description><![CDATA[来分享个聚光灯动画，先看看效果

先来准备下知识点：
主要是background-clip: text;和clip-path，这两个遮罩属性
1、先来搭建一下HTML结构吧

HMTL这侧很简单，只需要一段文字。
2、再来写下基本样式

让整个文字处于屏幕中间，背景黑色。
3、再来就是关键部分了

（这里我用了伪元素让他于父元素完全重合，如果不想看文字有个底色的话，可以不用伪元素，直接写在p身上就可以，我这是因为最先是做了底色的，所以用的伪元素。）
首先给一个背景颜色，这里是用的渐变，好看些，然后让文字的颜]]></description><category></category></item><item><title><![CDATA[用CSS3做一个图片翻牌效果]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106463791</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106463791</guid><author>ALLstudydaydayup</author><pubDate>Mon, 01 Jun 2020 00:14:36 +0800</pubDate><description><![CDATA[效果展示

思路分析
首先是两张图片应该是叠在一起的，然后要让他旋转的时候展示另一张图片。
知识准备：
transform变形，定位，还有backface-visibility，这后面说什么用的。
1、先来搭建HTML结构

需要两张图片，可以用自己喜欢的，结构也可以写的简单些。
2、然后再来写下基础样式
把父容器放在中间点的位置，方便看，这里说下perspective这个属性，视域，通俗来讲就是值越大，效果也扁平化， 取决于盒子大小而异，这就需要去调下值，到一个合适的位置。
3、再来就是如何让一个旋转时显]]></description><category></category></item><item><title><![CDATA[CSS3做一个气泡的动画效果]]></title><link>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106246291</link><guid>https://blog.youkuaiyun.com/ALLstudydaydayup/article/details/106246291</guid><author>ALLstudydaydayup</author><pubDate>Wed, 20 May 2020 23:53:00 +0800</pubDate><description><![CDATA[来学习分享一下用CSS3做一个简单的气泡飘飘的动画效果
1、首先来搭建一个基本HTML结构

先来个10个div，这也就是我们的泡泡了。
2、接下来进入css样式设置

设置一下body，并给他一个合适的背景颜色，撑满整个屏幕，然后再来设置一下泡泡的样式了。

给泡泡个固定定位，方便跑来跑去，预备一个泡泡动画
3、再来就是写个泡泡飘飘的动画了

我们用固定定位来控制垂直方向的移动，水平方向用transform的translate来控制，大概写三个关键帧，想要复杂写也可多写些。

现在泡泡已经能动起来了，但是]]></description><category></category></item></channel></rss>