<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jun266a的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Uncle_nly</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Uncle_nly]]></copyright><item><title><![CDATA[平凡前端之路_21.对象的扩展]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/158387888</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/158387888</guid><author>Uncle_nly</author><pubDate>Wed, 10 Jun 2026 10:13:54 +0800</pubDate><description><![CDATA[主要介绍ES6中对象的扩展特性。文章详细讲解了对象字面量增强、包含属性简写、方法简写形式和动态属性名的使用方式（包括变量/表达式和Symbol类型）。
重点介绍了对象静态方法扩展，包括 键值对获取与转换Object.values()、Object.entries()和Object.fromEntries()等方法，对象操作与合并Object.assign()、Object.groupBy()方法，值比较Object.is()方法，通过代码示例展示了具体用法和注意事项。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_20.函数的扩展]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/154984596</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/154984596</guid><author>Uncle_nly</author><pubDate>Wed, 25 Feb 2026 16:16:53 +0800</pubDate><description><![CDATA[摘要 本文系统讲解ES6函数核心特性，包括箭头函数、参数默认值、剩余参数等。箭头函数通过精简语法和固定this指向解决了传统函数的痛点，特别适合回调场景。参数默认值优雅处理未传参情况，避免||判断的缺陷。剩余参数(...args)替代arguments对象，实现灵活的参数收集。函数name属性便于调试追踪。这些特性显著提升了代码简洁性和可维护性，是ES6最实用的改进之一。 关键词：箭头函数、this绑定、参数默认值、剩余参数、函数扩展]]></description><category></category></item><item><title><![CDATA[平凡前端之路_19.数组的扩展]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/131183065</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/131183065</guid><author>Uncle_nly</author><pubDate>Thu, 13 Nov 2025 15:42:57 +0800</pubDate><description><![CDATA[本文介绍了ES6及更高版本对数组功能的扩展，主要包括扩展运算符、数组转化、数组查询等操作。扩展运算符可以展开或合并数组；Array.from和Array.of方法用于数组转化；find、findIndex和includes方法便于查询数组元素。这些新特性大大提升了数组操作的灵活性和便利性。文章通过示例代码详细演示了各项功能的使用方法。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_18.字符串的扩展]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/127203250</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/127203250</guid><author>Uncle_nly</author><pubDate>Mon, 10 Apr 2023 11:23:43 +0800</pubDate><description><![CDATA[ES6版本引入了许多新的字符串相关功能:
模板字面量:使用反单引号(`)来创建带有变量占位符的字符串，可以更方便地进行字符串拼接。
多行字符串:允许在代码中使用多行字符串而不需要使用转义字符或字符串连接符。
字符串插值:在模板字面量中使用（${}）语法将变量的值嵌入到字符串中。
字符串拓展方法:字符串添加了许多新的方法，例如startsWith、endsWith、includes等，使得字符串操作更加方便和易读。
Unicode支持:允许在字符串中使用Unicode字符，包括表情符号和其他特殊字符。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_17.展开操作符(Spread)/剩余参数(Rest)]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/124878410</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/124878410</guid><author>Uncle_nly</author><pubDate>Fri, 17 Mar 2023 11:19:09 +0800</pubDate><description><![CDATA[ES6 规范中的展开操作符和剩余参数，主要作用是方便处理函数参数和数据结构，能够大大简化代码编写过程，并提高代码可读性和可维护性。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_16.变量的解构赋值]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/122561688</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/122561688</guid><author>Uncle_nly</author><pubDate>Thu, 08 Sep 2022 09:46:24 +0800</pubDate><description><![CDATA[解构赋值是对赋值运算符的扩展。
是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。
方便了复杂对象中数据字段获取，能够大大简化代码编写过程。
提高代码可读性和可维护性。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_15.let 和 const声明]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/117818505</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/117818505</guid><author>Uncle_nly</author><pubDate>Tue, 18 Jan 2022 11:23:09 +0800</pubDate><description><![CDATA[ES6新增了两种声明变量的方式。
作用域定义了一个变量的生命周期和访问权限，可以是任意一个模块、函数或代码块。
let 和 const  所声明的变量在指定块的作用域外无法被访问
在同一作用域中 let 声明的变量不能再重新声明， const 声明的变量不能再重新声明和重新赋值。
在一定条件下 const 声明的变量能被改变。
在循环中，循环体不在同一个作用域内（创建了多个作用域），循环条件和循环体不在同一个作用域内，循环条件在同一个作用域内。
ES6 之后，let 解决了闭包问题。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_14.ES与ES6]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/108442610</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/108442610</guid><author>Uncle_nly</author><pubDate>Mon, 15 Nov 2021 15:09:43 +0800</pubDate><description><![CDATA[JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。

ES 全称ECMAScript，以JavaScript为基础制定的一种脚本语言标准规范。

ES6是ECMAScript第六个版本，在保证向下兼容的前提下，在ES5之后的下一代标准。

ES6在ES5的基础上扩展了丰富的特性：let和const；解构赋值；展开操作符/剩余参数；字符串、函数、数组、对象的扩展；Promise；类；模块；Symbol；Set和Map数据。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_13.CSS3过渡与动画]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/110203283</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/110203283</guid><author>Uncle_nly</author><pubDate>Tue, 20 Jul 2021 15:31:05 +0800</pubDate><description><![CDATA[CSS3 过渡（transition）特性能在网页制作中实现的一些简单的动画效果变得更具流线性、平滑性。
CSS3 动画  (animation) 特性支持在网页制作中实现更复杂的样式变化，以及一些交互效果。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_12.CSS3变形]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/107410651</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/107410651</guid><author>Uncle_nly</author><pubDate>Thu, 19 Nov 2020 14:34:48 +0800</pubDate><description><![CDATA[CSS3 变形（transform）特性支持在 2D 或者 3D 空间里操作网页对象的位置和形状，例如旋转、扭曲、缩放或者移位。
CSS3 变形可以任意指定变形的基点位置、3d景深距离及消失点。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_11.网格布局]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/106800626</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/106800626</guid><author>Uncle_nly</author><pubDate>Thu, 12 Nov 2020 20:01:29 +0800</pubDate><description><![CDATA[CSS3 网格布局将网页划分成一个个网格，同时处理列和行，可以任意组合不同的网格。
采用grid布局的区域，称为grid"容器"（grid container），简称”容器”。
容器内部采用网格定位的子元素，行和列的交叉区域，称为grid"项目"（grid item），简称”项目”。
CSS3 网格布局可以指定容器行列间隔、网格区域、容器和项目内容对齐方式。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_10.弹性盒布局]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/106377888</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/106377888</guid><author>Uncle_nly</author><pubDate>Tue, 16 Jun 2020 10:44:03 +0800</pubDate><description><![CDATA[弹性盒子布局决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。
采用flex布局的元素，称为flex容器。子元素自动成为容器成员，称为flex项目。
flex容器能指定主轴方向交叉轴方向及对齐方式和指定单行或者多行。
flex项目能指定扩展比率、收缩比率和伸缩基准值。
flex-grow之和小于1和大于1的计算方式。
flex-shrink之和小于1和大于1的计算方式。
flex项目能单独指定排列顺序和在交叉轴上的对齐方式。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_09.可变更的盒模型与多列布局支持]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/106348306</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/106348306</guid><author>Uncle_nly</author><pubDate>Wed, 27 May 2020 10:15:03 +0800</pubDate><description><![CDATA[CSS 假定所有的HTML 元素都生成了一个描述该元素在HTML布局中所占空间的盒子，定义了一系列与盒子相关的属性，丰富盒子的表现效果。

由间距margin、边框border、内边距padding、内容content组成。

标准盒子content-box的content部分不包含其他部分。

IE盒子border-box的content部分包含了content、border和padding

CSS3提供了box-sizing属性允许设置元素使用content-box或者border-box盒模型。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_08.CSS3的背景效果]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/105862488</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/105862488</guid><author>Uncle_nly</author><pubDate>Mon, 25 May 2020 16:39:31 +0800</pubDate><description><![CDATA[CSS3 不再局限于背景色、背景图像的运用，还可以在一个元素上设置多层背景图像。
多张不同的背景和图像用逗号隔开，先引入的图像在上一层后引入则在下一层。
背景图像可以设置多次，但背景色只能设置一次。

使用 CSS3 border-image 属性，可以给元素使用图像制作边框。
边框图像可以使用渐变背景。
边框图像可以使用径向渐变和颜色透明制作圆角边框。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_07.CSS3的视觉效果]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/105512704</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/105512704</guid><author>Uncle_nly</author><pubDate>Thu, 23 Apr 2020 15:17:24 +0800</pubDate><description><![CDATA[CSS3 新增圆角、盒子阴影、半透明、文字效果、渐变背景等视觉效果。
border-radius 属性，可以给元素制作 "圆角"。
box-shadow 属性，可以给元素添加一个或多个阴影。
opacity 属性，可以给元素添加透明度。
text-shadow 属性，可以给文字添加一个或多个阴影。
text-overflow 属性，可以指定如何显示文本溢出内容。
渐变 gradients，可以让两个或多个指定的颜色之间显示渐变的过渡。
背景对半颜色；光标的颜色；]]></description><category></category></item><item><title><![CDATA[平凡前端之路_06.CSS与CSS3的选择器]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/105389498</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/105389498</guid><author>Uncle_nly</author><pubDate>Sat, 11 Apr 2020 15:48:54 +0800</pubDate><description><![CDATA[CSS的选择器-基础的选择器、复杂的选择器、属性选择器、伪元素选择器、动态伪类选择器、目标伪类选择器、状态伪类选择器、结构伪类选择器、否定伪类选择器。
伪类和伪元素选择器的区别。
CSS 选择器权重，权重决定了css规则怎样被浏览器解析直到生效。
CSS 选择器命名， BEM命名，即Block_Element--Modifier，功能块_元素--修饰符。OOCSS命名，即Object Oriented CSS，面向对象的CSS。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_05.CSS与CSS3]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/105206437</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/105206437</guid><author>Uncle_nly</author><pubDate>Wed, 08 Apr 2020 10:15:56 +0800</pubDate><description><![CDATA[CSS3 是最新的 CSS 标准，集成了之前版本CSS 的部分内容，并进行了很多的增补与修订。
CSS3新特性概览。
插入样式表的方法有三种:外部样式表(External style sheet)、内部样式表(Internal style sheet)、内联样式(Inline style)。
按照样式表优先级顺序判断哪些属性值与元素最相关以决定并应用到该元素上。
层叠是CSS的一个基本特征，它是一个定义了如何合并来自多个源的属性值的算法。
继承到样式的标签和定义样式的标签必须是从属关系。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_04.HTML5的新增常用API]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/105114721</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/105114721</guid><author>Uncle_nly</author><pubDate>Fri, 03 Apr 2020 15:26:13 +0800</pubDate><description><![CDATA[HTML 5中的脚本APIHTML5新增的特性充分地考虑了应用程序开发人员，HTML 5引入了大量的新的Javascript API。可以利用这些内容与对应的HTML元素相关联。
FileReader可以在客户端读取文件上传域所选择的文件内容。
Web存储可以在本地存储用户的浏览数据。
querySelector可以利用标识与对应的HTML元素相关联。
classList用于在HTML元素中添加，移除及切换 CSS 类。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_03.HTML5的音频视频多媒体]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/104754307</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/104754307</guid><author>Uncle_nly</author><pubDate>Mon, 30 Mar 2020 09:37:11 +0800</pubDate><description><![CDATA[在HTML5 中规定了一种通过 audio/video 元素来包含音频视频的标准方法。
HTML5 picture自适应的图片。]]></description><category></category></item><item><title><![CDATA[平凡前端之路_02.HTML5的Canvas]]></title><link>https://blog.youkuaiyun.com/Uncle_nly/article/details/100159703</link><guid>https://blog.youkuaiyun.com/Uncle_nly/article/details/100159703</guid><author>Uncle_nly</author><pubDate>Fri, 01 Nov 2019 10:48:02 +0800</pubDate><description><![CDATA[canvas只是图形容器，是一个矩形区域，并没有绘制能力，有一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas画布污染toDataURL解决方法。]]></description><category></category></item></channel></rss>