<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Kanyeee的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Kanyeee</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Kanyeee]]></copyright><item><title><![CDATA[VUE开发项目Day 1]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/119489615</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/119489615</guid><author>Kanyeee</author><pubDate>Sat, 07 Aug 2021 18:49:09 +0800</pubDate><description><![CDATA[使用vue开发项目

创建项目

起别名方式:



使用别名:





设置公共样式

github搜索normalize
]]></description><category></category></item><item><title><![CDATA[移动端rem开发 以及Less基础]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118703259</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118703259</guid><author>Kanyeee</author><pubDate>Tue, 13 Jul 2021 23:51:07 +0800</pubDate><description><![CDATA[rem(root em)是根据html的font-size来决定尺寸的

媒体查询:根据不同屏幕尺寸设置不同样式





1.mediatape类型











Less基础

less是什么







例













重点:less运算~







实际开发中,怎么确定rem值呢?




...]]></description><category></category></item><item><title><![CDATA[携程网案例中的图片颜色渐变]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118634504</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118634504</guid><author>Kanyeee</author><pubDate>Sat, 10 Jul 2021 14:10:55 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[移动WEB开发之flex布局]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118603805</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118603805</guid><author>Kanyeee</author><pubDate>Fri, 09 Jul 2021 16:57:07 +0800</pubDate><description><![CDATA[传统布局和flex布局的对比







一句话总结:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式







默认的主轴是x轴行row



使用属性之前那一定要看flex-direction 确定好主轴是哪个

flex布局中,默认的子元素不换行, 如果装不下 会缩小子元素的宽度放到父元素内

如果不想要这种效果,那就修改flex-wrap属性



设置侧轴属性



其中stretch属性 子盒子不能给高度



flex-flow



例 flex-fl...]]></description><category></category></item><item><title><![CDATA[移动端常用布局]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118570893</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118570893</guid><author>Kanyeee</author><pubDate>Thu, 08 Jul 2021 18:25:59 +0800</pubDate><description><![CDATA[1.流式布局




]]></description><category></category></item><item><title><![CDATA[移动端开发]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118569858</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118569858</guid><author>Kanyeee</author><pubDate>Thu, 08 Jul 2021 12:06:39 +0800</pubDate><description><![CDATA[主流方案有两种



移动端初始化



CSS3盒子模型



特殊样式




]]></description><category></category></item><item><title><![CDATA[移动WEB开发学习]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118567318</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118567318</guid><author>Kanyeee</author><pubDate>Thu, 08 Jul 2021 11:19:28 +0800</pubDate><description><![CDATA[1.视口 viewport 就是浏览器显示页面内容的屏幕区域 分为布局视口、视觉视口和理想视口







meta视口标签


&lt;meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"&gt;





二倍图

先知道物理像素和物理像素比是什么





二倍图举例



多倍图





背景缩放 bac]]></description><category></category></item><item><title><![CDATA[ES6扩展 Set数据结构]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118554832</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118554832</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 19:06:40 +0800</pubDate><description><![CDATA[新的数据结构Set 类似于数组 但是成员的值都是唯一的 不能重复

size属性就能知道set内成员的数量

利用set数组去重





实例方法



遍历set




]]></description><category></category></item><item><title><![CDATA[ES6新增 String扩展方法模板字符串]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118554723</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118554723</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 18:55:09 +0800</pubDate><description><![CDATA[新增的创建字符串的方式,用反引号定义







字符串的扩展方法

1.startsWith()和endsWith()



2.repeat()




]]></description><category></category></item><item><title><![CDATA[ES6新增语法 扩展运算符]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118550024</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118550024</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 16:39:27 +0800</pubDate><description><![CDATA[应用

1.合并数组



2.将伪数组转换为真正数组



还可以使用Array.from()将伪数组转换为真正数组





数组下的实例方法: find()

用于找出第一个符合条件的数组成员 (some()类似,但some返回值是true或false) 没有找到返回undefined



实例方法:findIndex()

用于找出第一个符合条件的数组成员的位置,没找到就返回-1



实例方法: includes()

表示某个数组是否包含某个元素 返回true 或 false


...]]></description><category></category></item><item><title><![CDATA[ES6新增语法 剩余参数]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118549846</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118549846</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 16:21:46 +0800</pubDate><description><![CDATA[剩余参数允许我们将一个不定数量的参数表示为一个数组





和解构配合使用

... 就代表剩余数组




]]></description><category></category></item><item><title><![CDATA[ES6新增语法 箭头函数]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118548992</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118548992</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 16:16:03 +0800</pubDate><description><![CDATA[()=&gt;{} 箭头函数是用来简化函数定义语法的

const fn =()=&gt;{}





箭头函数中的this关键字

箭头函数不绑定this关键字 箭头函数中的this指向的是函数定义位置的上下文this




]]></description><category></category></item><item><title><![CDATA[ES6新增 解构赋值]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118544315</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118544315</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 15:56:02 +0800</pubDate><description><![CDATA[数组结构允许我们按照一一对应的关系从数组中提取值 然后将值赋值给变量



解构赋值




]]></description><category></category></item><item><title><![CDATA[const关键字]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118544195</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118544195</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 12:41:45 +0800</pubDate><description><![CDATA[作用:申明常量,常量就是值(内存地址)不能变化的量

1.同样具有块级作用域



2.声明常量必须赋初始值



3.常量复制后,值不能更改

注意 复杂数据类型内部的数据可以更改,但是不能对复杂数据类型直接赋值



var let const三者的区别


...]]></description><category></category></item><item><title><![CDATA[ES6新增语法 --let关键字]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118532224</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118532224</guid><author>Kanyeee</author><pubDate>Wed, 07 Jul 2021 12:29:29 +0800</pubDate><description><![CDATA[用于申明变量的关键字

{}产生的作用域 块级作用域

特点1:







for循环外访问不到



特点2:

使用let关键字申明变量没有变量提升,所以只能先申明再使用

let a = 100;

console.log(a);

特点3:

暂时性死区特性



这段代码 if括号内的tmp会报未定义的错误


...]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118528693</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118528693</guid><author>Kanyeee</author><pubDate>Tue, 06 Jul 2021 23:09:39 +0800</pubDate><description><![CDATA[创建

推荐使用字面量创建

var rg = / /; 斜杠内不需要加引号



特殊字符

边界符



只输入一个









量词符



预定义类





正则表达式中的替换 还是replace




]]></description><category></category></item><item><title><![CDATA[js浅拷贝与深拷贝]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118527080</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118527080</guid><author>Kanyeee</author><pubDate>Tue, 06 Jul 2021 20:03:19 +0800</pubDate><description><![CDATA[之前用for(var k in obj){

}方法拷贝

es6新增方法

浅拷贝





深拷贝


]]></description><category></category></item><item><title><![CDATA[js递归 .]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118525192</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118525192</guid><author>Kanyeee</author><pubDate>Tue, 06 Jul 2021 18:34:58 +0800</pubDate><description><![CDATA[1.什么是递归?





斐波那契数列


]]></description><category></category></item><item><title><![CDATA[闭包(Closure),难点!!]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118523336</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118523336</guid><author>Kanyeee</author><pubDate>Tue, 06 Jul 2021 17:08:12 +0800</pubDate><description><![CDATA[闭包,难点!!



闭包本质是一种函数



被访问的变量所在的函数就是闭包函数

作用 不同的作用域访问其他作用域内的变量

延伸了变量的作用范围!!





闭包的案例应用

立即执行函数也称为小闭包 因为立即执行函数里的任何一个函数都可以使用它的i变量








...]]></description><category></category></item><item><title><![CDATA[js高阶函数]]></title><link>https://blog.youkuaiyun.com/Kanyeee/article/details/118523007</link><guid>https://blog.youkuaiyun.com/Kanyeee/article/details/118523007</guid><author>Kanyeee</author><pubDate>Tue, 06 Jul 2021 16:10:36 +0800</pubDate><description><![CDATA[定义



其实回调函数就是高阶函数......
]]></description><category></category></item></channel></rss>