<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[王春燕的博客]]></title><description><![CDATA[本博客，将从基础的前端知识开始整理，一个小知识点一个小知识点的带喜欢前端的朋友们过，希望一起进步]]></description><link>https://blog.youkuaiyun.com/m0_64346035</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_64346035]]></copyright><item><title><![CDATA[10个常用的JS工具库，80%的项目都在用！]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/134442470</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/134442470</guid><author>m0_64346035</author><pubDate>Thu, 16 Nov 2023 15:12:26 +0800</pubDate><description><![CDATA[高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。]]></description><category></category></item><item><title><![CDATA[js检测数据类型总结]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/133438473</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/133438473</guid><author>m0_64346035</author><pubDate>Sat, 30 Sep 2023 18:34:05 +0800</pubDate><description><![CDATA[一、typeof

二、instanceof

三、constructor

四、Object.prototype.toString.call()

Object.prototype.toString.call(obj)类型检测原理

五、__proto__

六、 其他]]></description><category></category></item><item><title><![CDATA[URL介绍]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/129215858</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/129215858</guid><author>m0_64346035</author><pubDate>Sat, 25 Feb 2023 15:04:21 +0800</pubDate><description><![CDATA[前言Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL（Uniform Resource Locator, 统一资源定位器）。它是www的统一资源定位标志，简单地说URL就是web地址，俗称“网址”。]]></description><category></category></item><item><title><![CDATA[JS 执行机制 详解（附图）]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/129215462</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/129215462</guid><author>m0_64346035</author><pubDate>Sat, 25 Feb 2023 14:49:53 +0800</pubDate><description><![CDATA[一、JS是单线程JS语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是JS这门脚本语言诞生的使命所致——用来处理页面中用户的交互，以及操作DOM而诞生的。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行的时间过长，这样会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。]]></description><category></category></item><item><title><![CDATA[JavaScript 常用事件大全]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/127803487</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/127803487</guid><author>m0_64346035</author><pubDate>Fri, 11 Nov 2022 11:59:44 +0800</pubDate><description><![CDATA[事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。
注意：事件名称大小写敏感。若是事件监听方式，则在事件名的前面取消on。]]></description><category></category></item><item><title><![CDATA[【CSS3】css中的数学运算-calc()]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/126873287</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/126873287</guid><author>m0_64346035</author><pubDate>Thu, 15 Sep 2022 15:59:53 +0800</pubDate><description><![CDATA[一、什么是calc()?
calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。

比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。]]></description><category></category></item><item><title><![CDATA[弄懂css动画知识点]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/126100531</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/126100531</guid><author>m0_64346035</author><pubDate>Mon, 01 Aug 2022 14:58:51 +0800</pubDate><description><![CDATA[1、过渡
1.1.过渡的理解
过渡（transition）[træn'siʒən]
-通过过渡可以指定一个属性发生变化时的切换方式，平滑的过渡
-在某种条件下可以触发，例如hover情况下
-一次性的效果，不能循环，只能做简单的动画
-只有两帧，设置动画初始值和结束值
-IE10开始兼容，移动端兼容良好...]]></description><category></category></item><item><title><![CDATA[尤雨溪对 2022 Web前端生态趋势是这样看的]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/126038098</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/126038098</guid><author>m0_64346035</author><pubDate>Thu, 28 Jul 2022 17:01:12 +0800</pubDate><description><![CDATA[尤大大从下面的三个前端领域的不同层次来展开了介绍：

开发范式&底层框架（注：大家比较熟悉的Vue、React这些框架层面）
工具链（注：像webpack这样的构建工具）
上层框架（注：例如Next.js、Nuxt.js）
正式分享之前，尤大大提出声明：“本分享只代表讲着个人观点，因为自己是框架和构建工具的作者，肯定会包含利益相关和个人的偏见，但是分享中会尽可能做客观的看法，大家多多多包涵”，下面就让我们饱享这顿“美味”吧！...]]></description><category></category></item><item><title><![CDATA[JS中Class类的静态属性和静态方法]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125801373</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125801373</guid><author>m0_64346035</author><pubDate>Fri, 15 Jul 2022 11:58:54 +0800</pubDate><description><![CDATA[一、类的两个概念：
1、类自身；
2、类的实例对象；
总的来说：静态的是指向类自身，而不是指向实例对象，主要是归属不同，这是静态属性，静态方法的核心。

二、对象的两个部分
1、属性
分为：实例属性、静态属性（类属性）、只读属性

2、方法
分为：实例方法、静态方法（类方法）...]]></description><category></category></item><item><title><![CDATA[JavaScript 的发展历史]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125573505</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125573505</guid><author>m0_64346035</author><pubDate>Sat, 02 Jul 2022 15:37:12 +0800</pubDate><description><![CDATA[JavaScript 无处不在，多年来，JavaScript 已成为最流行和最通用的编程语言。支持超过 97% 的Web。作为一名 Web 开发人员，了解最流行和最受欢迎的编程语言的历史是一个加分项，将有助于增强您对该语言的理解。1、1995 年：JavaScript 的诞生
2、1996 年：JavaScript 与 Java
3、1997 年：ECMAScript 作为 JavaScript 标准诞生
4、2009 年：ES5
6、2015: 年度预期更新 ~ ES6/ES2015...]]></description><category></category></item><item><title><![CDATA[web网页版苹果计算器（HTML、CSS、JavaScript实现）]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125525992</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125525992</guid><author>m0_64346035</author><pubDate>Wed, 29 Jun 2022 17:32:50 +0800</pubDate><description><![CDATA[注意事项
1、html结构上，分为三个部分：显示区、按钮区、底部白条

2、css样式上

 需要解决外边距重叠的问题，可用overflow: hidden;
 点击高亮效果，可用 filter: brightness(160%)
3、js

 绑定点击事件的时候，用事件委托，提高整体性能，如果点击的不是按钮，则return（具体看代码）
用switch···case···处理功能按钮处理方法
flag表示输入是否输入首次输入
转化位百分比的按钮因为需要涉及到小数,所以要用parseFloat方法来将...]]></description><category></category></item><item><title><![CDATA[Typescript和Javascript之间的区别]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125493826</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125493826</guid><author>m0_64346035</author><pubDate>Mon, 27 Jun 2022 23:27:33 +0800</pubDate><description><![CDATA[TypeScript 是Microsoft 开发和维护的一种面向对象的编程语言。它是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法。

TypeScript 具有以下特点：

TypeScript 是 Microsoft 推出的开源语言，使用 Apache 授权协议
TypeScript 增加了静态类型、类、模块、接口和类型注解
TypeScript 可用于开发大型的应用
TypeScript 易学.]]></description><category></category></item><item><title><![CDATA[Html5+CSS3+JS代码实现动态圣诞树]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125446382</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125446382</guid><author>m0_64346035</author><pubDate>Fri, 24 Jun 2022 16:02:32 +0800</pubDate><description><![CDATA[整体圣诞树分为3个部分，书的主干、粒子特效、树上的卡片
树上的卡片(重点)：每一张卡片上都有一个名字，代表圣诞树的叶子，后面可以根据自己需求更改，比如全部改成喜欢人的名字，在JS代码的第五行内更改内容
树的动态旋转通过js实现、主干是html5、样式CSS......]]></description><category></category></item><item><title><![CDATA[程序员在技术之外，还要掌握一个技能——自我营销能力]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125435094</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125435094</guid><author>m0_64346035</author><pubDate>Thu, 23 Jun 2022 21:38:28 +0800</pubDate><description><![CDATA[只有具备自我营销能力，你才能脱颖而出，这对每一个程序员都是非常适用的

很多同学之前跟我说，老师，我就是因为不会表达才想着学个技术，想着默默无闻的写着代码，也不会不行，但你的发展之路会比别人慢很多，你的代码也不会有生命力。

只有当人们理解你所在做什么，人们对你所做的事情感兴趣，人们愿意和你一起做这件事，你的代码才有生命力

所以一个程序猿，如果能意识到自我营销的重要性，这将对你的职业生涯，有着重要的影响
五个自我营销能力的锻炼方式分享给大家...]]></description><category></category></item><item><title><![CDATA[获取mac最高root权限登录系统]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125417773</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125417773</guid><author>m0_64346035</author><pubDate>Wed, 22 Jun 2022 22:18:15 +0800</pubDate><description><![CDATA[在使用npm的过程中，出现一个常见的错误代码-13的权限问题，之前都是直接在npm命令前加上sudo来解决]]></description><category></category></item><item><title><![CDATA[什么是递归？]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125379842</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125379842</guid><author>m0_64346035</author><pubDate>Tue, 21 Jun 2022 08:45:00 +0800</pubDate><description><![CDATA[一、啥叫递归
聊递归之前先看一下什么叫递归。
递归，就是在运行的过程中调用自己。

构成递归需具备的条件：
1. 子问题须与原始问题为同样的事，且更为简单；
2. 不能无限制地调用本身，须有个出口，化简为非递归状况处理。

二、递归语言例子
我们用2个故事来阐述一下什么叫递归。

1，从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是什么呢？“从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是什么呢？‘从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是.]]></description><category></category></item><item><title><![CDATA[常用的第三方ui框架]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125380395</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125380395</guid><author>m0_64346035</author><pubDate>Tue, 21 Jun 2022 08:30:00 +0800</pubDate><description><![CDATA[1、Amaze UI
Amaze UI v2.5.0 ， 2015-11-30 发布，类似于Bootstrap

2、Bootstrap框架
推荐使用Bootstrap5，相比Bootstrap3，Bootstrap5重构核心已经放弃Jquery了
大名鼎鼎的框架，学习前端必须学习的UI框架。

3、H-UI框架

不想重新写繁琐的页面，少写前端页面代码的，推荐使用这个框架

4、Layui框架
经典模块化前端框架，layer弹窗必用。

5、Vant有赞前端框架，分两个版本

Vue 版
小程序版...]]></description><category></category></item><item><title><![CDATA[数组怎么转对象，对象怎么转数组]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125359315</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125359315</guid><author>m0_64346035</author><pubDate>Mon, 20 Jun 2022 08:45:00 +0800</pubDate><description><![CDATA[数组转对象
思路一：
使用数组的forEach方法遍历数组
定义一个空对象
将遍历得到的每一个对象中的value值当做新对象的key,label的值当做新对象的值
循环结束后将obj的值返回给调用者即可
思路二：
对象转数组
思路一：...]]></description><category></category></item><item><title><![CDATA[splice()方法的使用介绍]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125355752</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125355752</guid><author>m0_64346035</author><pubDate>Mon, 20 Jun 2022 08:30:00 +0800</pubDate><description><![CDATA[1.删除任意数量的项
只需要传入两个参数即可。要删除的第一项的位置和要删除的项数
2.添加：可以向指定位置添加任意的项
只需要提供三个参数即可：起始位置，0(要删除的项数)和要添加的项。如果要添加多项可以继续在后面写参数用逗号分隔。
3.替换(删除再添加):可以向指定位置添加任意的项，同时删除任意数量的项。
需要指定三个参数：起始位置，删除的项数和要添加的项数，添加的项数不用和删除的项数保持一致。
4.不接收返回值也是可以的...]]></description><category></category></item><item><title><![CDATA[js数组求和的5种方法]]></title><link>https://blog.youkuaiyun.com/m0_64346035/article/details/125355621</link><guid>https://blog.youkuaiyun.com/m0_64346035/article/details/125355621</guid><author>m0_64346035</author><pubDate>Sun, 19 Jun 2022 11:00:44 +0800</pubDate><description><![CDATA[数组求和的5种方式
1、不考虑算法复杂度，用递归做：
2、常规循环
3、函数式编程 map-reduce
4、forEach遍历
5、eval]]></description><category></category></item></channel></rss>