<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[afakerc的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/afakerc</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; afakerc]]></copyright><item><title><![CDATA[实现抖音主页]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125556279</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125556279</guid><author>afakerc</author><pubDate>Fri, 01 Jul 2022 12:17:13 +0800</pubDate><description><![CDATA[抖音页面]]></description><category></category></item><item><title><![CDATA[JS知识点总结]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125550043</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125550043</guid><author>afakerc</author><pubDate>Thu, 30 Jun 2022 23:14:02 +0800</pubDate><description><![CDATA[一、对象
1、JS的本地对象和内置对象
Array 
创建Array对象的语法:
new Array(); 
new Array(size);
new Array(elementO,element1,element2... .elementn); .
属性:
constructor
length属性可设置或返回数组中元素的数目
arrayObject.length;
prototype
方法:
conca();方法用于连接两个或多个数组
arrayObject.conacatlarrayX,aray..ar]]></description><category></category></item><item><title><![CDATA[JS定时器和Swiper插件]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125531106</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125531106</guid><author>afakerc</author><pubDate>Wed, 29 Jun 2022 22:56:03 +0800</pubDate><description><![CDATA[JavaScript中提供一定是时间之后触发的功能，就叫做定时器。setTimeout()定时器window.setTimeout(调用函数,[延迟毫秒数])； 注意：只会执行一次setInterval()定时器window. setInterval(调用函数,[延迟毫秒数])； 注意：反复执行，每隔一个定时时间，就会执行一次swiper是一款开源的解决前端开发中触摸滑动案例的插件。常用于移动端网站的内容触摸滑动，能实现轮播图、触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。①引入相关文件②按照规定语法]]></description><category></category></item><item><title><![CDATA[JavaScript操作属性、样式和事件]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125501989</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125501989</guid><author>afakerc</author><pubDate>Tue, 28 Jun 2022 15:32:38 +0800</pubDate><description><![CDATA[获取元素内部的HTML结构      element.innerHTML设置元素内容      element.innerHTML=“hello”获取元素内部的文本（只获取文本内容）      element.innerText设置元素内部文本      element.innerText=“hello”获取元素的某个属性值（包括自定义属性）      element.getAttribute(‘class’)给元素的设置属性（包括自定义属性）      element.setAttribut...]]></description><category></category></item><item><title><![CDATA[JaveScript]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125488660</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125488660</guid><author>afakerc</author><pubDate>Mon, 27 Jun 2022 18:58:52 +0800</pubDate><description><![CDATA[实现业务逻辑和页面控制（决定功能），相当于人的各种动作。JS有三种书写位置，分别为：行内  内嵌  外部 变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据。分支结构：由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果。分支语句分类：if  if…else  switch循环结构：循环语句的作用是反复地执行同一段代码，只要给定的条件能得到满足，包括在循环条件语句里面的代码就会重复执行下去，一旦条件不再满]]></description><category></category></item><item><title><![CDATA[flex 布局]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125451989</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125451989</guid><author>afakerc</author><pubDate>Fri, 24 Jun 2022 20:48:35 +0800</pubDate><description><![CDATA[flex Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性，更多的细节将在别的文档中探索。我们说 flexbox 是一种一维的布局，是因为一个 flexbox 一次只能处理一个维度上的元素布局，一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout，可以同时处理行和列上的布局。当使用 flex 布局时，首先想到的是两根轴线 — 主轴和交叉轴。主轴由fl]]></description><category></category></item><item><title><![CDATA[CSS动画、媒体类型、过渡]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125433891</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125433891</guid><author>afakerc</author><pubDate>Thu, 23 Jun 2022 19:56:14 +0800</pubDate><description><![CDATA[@keyframes规则是创建动画
animation:所有动画属性的简写属性，除了animation-play-state属性
animation-name：规定@keyframes动画名称
animation-duration：规定动画完成一个周期所花费的秒或毫秒。默认为0
animation-timing-function：规定动画的速度曲线。默认是ease
animation-fill-mode：规定当动画不播放时(或当动画有一个延迟未开始播放时)，要应用到元素的样式
animation-delay]]></description><category></category></item><item><title><![CDATA[Web相关知识]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125416801</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125416801</guid><author>afakerc</author><pubDate>Wed, 22 Jun 2022 21:17:00 +0800</pubDate><description><![CDATA[目录浏览器兼容性数据链接INPUT类型新添加的元素问题产生原因：
1.市场竞争
2.标准版本的变化厂商前缀
比如：box-sizing,谷歌旧版本浏览器中使用 -webkit-box-sizing
原因：
市场竞争，标准没有发布
标准仍在讨论中，浏览器厂商希望先支持常见浏览器厂商前缀
IE：-ms-
Chrome , safari:-webkit-
opera: -o-
firefox: -moz-浏览器在处理样式或元素时，使用如下的方式：
当浏览器遇到无法识别的代码时会直接略过
使用autoprefixe]]></description><category></category></item><item><title><![CDATA[小白学习HTML第二天]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125396616</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125396616</guid><author>afakerc</author><pubDate>Tue, 21 Jun 2022 19:21:58 +0800</pubDate><description><![CDATA[学习任务 一、CSS是什么？语法规则选择器{                              p{            声明块                          color: black;  }                                             }CSS引入的方式行内样式内部样式  外部样式 优先级:行内样式>内部样式>外部样式二、CSS选择器基础选择器元素选择器 Id选择器Class选择器优先级：Id选择器>Class选择器>元素选择器>通]]></description><category></category></item><item><title><![CDATA[小白学习HTML第一天]]></title><link>https://blog.youkuaiyun.com/afakerc/article/details/125378143</link><guid>https://blog.youkuaiyun.com/afakerc/article/details/125378143</guid><author>afakerc</author><pubDate>Mon, 20 Jun 2022 18:47:45 +0800</pubDate><description><![CDATA[学习任务一、什么是HTML二、HTML基本结构三、认识HTML中的标签四、常用的HTML的标签五、收获总结        今天是实训的第一天，初步学习了HTML的概念和一些常用的标签，在老师的耐心帮助和指导下完成了第一个页面的实现。...]]></description><category></category></item></channel></rss>