叶一一yyy的博客_趣学前端(3)

关于模板字面量，我有点好奇它的内部结构

前言最近翻看源码的时候，发现一些有趣的 JS 的知识点，基于日常的开发经验，我做了一些联想和对比。整个过程充满了乐趣。于是我想，是不是可以延续这种创意带来的学习的乐趣。带的富含创造力夜晚的 buff，确实让我拥有了不错的灵感。这些灵感像繁星一样闪耀着我的夜里，留下一行文字：关于模版字面量，好奇它的内部结构吗？文章速读阅读文章，可以有以下收获：模板字面量的内部结构编程欢乐小剧场这天某正在欢乐的敲代码

源码

原创 2023-06-11 12:16:43 87 阅读 1点赞 yyds干货盘点

读了会 axios 源码，虽然云里雾里，但是我想到了三个有趣的对比

源码阅读最近翻来了 axios 源码，信心满满的看了会，虽然哪跟哪都没串起来，但是意外收获了一些新的想法。有几组不错的知识点，对比看，比单独看每个知识点，更有趣一些。遇到有趣的知识点，当然要分享一下。文章速读本文从 axios 的源码联想到了几个不错的知识点对比。阅读文章，可以有以下收获：知识点对比开始delete or undefined, 谁是更好的选择？技术讨论小剧场一：这里为什么要用 d

源码

JavaScript

原创 2023-06-10 09:06:07 139 阅读 1点赞 yyds干货盘点

useEffect 依赖项数组的不同场景总结 & 一组导入操作的小技巧

前情提要我的第一篇关于「React Hooks」的文章，回答了第一个问题：问：新特性出来就一定要用吗？答：有些新出现的技术特性不一定适合我当前的开发，不适合的情况下我很少会用到它。但是当它比我现在使用到的更合适的时候，我会考虑或者直接采用新特性。还有一个问题其实我现在就能回答：用了这么久，有没有总结一些技巧做产出？因为我习惯定期做总结，基本上有好的实现方案就会记录下来。为了一系列文章中会随机在文末

加载

数组

上传

原创 2023-06-06 08:21:45 904 阅读 yyds干货盘点

从事物的特质出发，如何巧用纯CSS实现万圣节专题糖果?

长活短说一切还要从宁姐给我发的消息说起。这天我正在认真写功能设计，宁姐发消息给我，原来掘金的「码上掘金编程挑战赛」有万圣节特别企划。我瞬间就来了精神头，用一种十分高效的速度完成手头的工作，就开始着手万圣节专题。既然情绪都到这里，那就玩点有趣的。糖果?这个主题，我一直想做一期来着，「万圣节搞怪糖果」这个设定，感觉能设计出很多不错的创意。感谢掘金让我认识了这帮朋友，感谢我的朋友们有什么事第一时间想到我

CSS

功能实现

伪元素

原创 2023-06-04 09:07:32 139 阅读 1点赞 yyds干货盘点

渐入佳境的算法开发，分享一下学习心得

一、搞算法，从一瞬间的热爱开始我爱创意胜过逻辑，喜欢编写代码超过闷头学习。当我实现自己的第99个创意之后，看着窗外散发着昏黄光晕的夕阳?，心里有一丢丢空虚。于是，我把目光转向了算法，迟早要刷题，不如趁着这股头脑发热的劲头研究一番。因为不够专业，才想着提升自己。不想只是略懂皮毛，能通晓原理岂不锦上添花。那么先来了解一下算法是什么吧。初探算法之门算法是指对特定问题求解步骤的一种描述。使用自然语言、程序

算法之美

取值范围

原创 2023-06-03 09:26:25 128 阅读 yyds干货盘点

算法学习 | 从几个有趣的故事说起，聊聊里面的算法

前言提到故事我就来劲头了。一方面，我喜欢读故事、讲故事、搜集故事，另一方面，用讲故事的方式会为学习增加一些趣味性，有兴趣可以帮助坚持下去。下面要介绍的故事，有些大家应该不陌生。我之前有读到过，但是没有认真的研究过，有种熟悉的陌生感。今天分享读了的故事、研究了的解题过程、顺便总结的一些算法知识点和经验。故事来咯棋与麦子故事内容传说西塔发明了国际象棋而使国王十分高兴，他决定要重赏西塔，西塔说：“我不要

算法

原创 2023-05-26 12:12:01 190 阅读 1点赞 yyds干货盘点

算法学习 | 加深了解算法的复杂度

前言开篇，先来看看我的技术学习良性循环图，将对技术的热情提起来。前面一篇对算法有了初步的了解和认知。算法最吸引我的有三个点：在算法中，存在秩序和规则，工作中我喜欢有条不紊；算法可以帮助我解决一些问题；探索解题过程很有趣，虽然过程会有点曲折。前一篇提到了，「好」算法，高效性和低存储性是两个标准，这两个标准应对的是算法的运行时间和存储空间。算法的运行时间一般称之为时间复杂度。算法的存储空间的大小一般称

空间复杂度

时间复杂度

原创 2023-05-25 09:11:38 99 阅读 1点赞 yyds干货盘点

算法学习 | 从几个有趣的故事说起，聊聊里面的算法

前言提到故事我就来劲头了。一方面，我喜欢读故事、讲故事、搜集故事，另一方面，用讲故事的方式会为学习增加一些趣味性，有兴趣可以帮助坚持下去。下面要介绍的故事，有些大家应该不陌生。我之前有读到过，但是没有认真的研究过，有种熟悉的陌生感。今天分享读了的故事、研究了的解题过程、顺便总结的一些算法知识点和经验。故事来咯棋与麦子故事内容传说西塔发明了国际象棋而使国王十分高兴，他决定要重赏西塔，西塔说：“我不要

时间复杂度

斐波那契

菲波那切数列

原创 2023-05-24 09:15:28 303 阅读 1点赞 yyds干货盘点

算法学习 | 从无到有,我为什么要学算法

前言开始文章输出之前，我没有着急下笔，而是认真的问了自己几个问题。我为什么要学算法？如何保持学习的热情和积极性？学到的算法是否可以应用到工作中？学到的算法怎么应用到工作中？如何实现从掌握到精通？我想每个学习周期，总要收获自己想要得到的东西，到底什么才是自己想要的或者需求要的。于是我面对比较新的技术，养成了提问自己->探索过程->找出答案的习惯。我理解的算法之美化繁为简日常无论是工作还是

空间复杂度

算法

原创 2023-05-23 09:00:58 148 阅读 1点赞 yyds干货盘点

CSS伪类的第三集，原来伪类也可组CP

前情提要重温了一下MDN文档，果然常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天收官第三篇：《原来伪类也可组CP》。这篇比较有意思的是，接下来要讲的伪类基本都是「CP组合」。伪类们:disabled和:enabled:disabled伪类选择器用来指定当元素处于不可用状态时的样式。:ena

伪类选择器

输入框

可编辑

原创 2023-05-19 09:16:33 77 阅读 1点赞 yyds干货盘点

从:is()说起，开启CSS伪类第二集

前情提要重温了一下MDN文档，果然常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天开启第二篇：《看着简单却有大用处的CSS伪类》。伪类们:is():is() 伪类可以匹配入参的选择器列表中，任意一个选择器可以选择的元素:is() 伪类大有用途，我对它的评价是「短小精悍」。实例：简化选择器我要

选择器

优先级

文字颜色

原创 2023-05-18 13:57:14 111 阅读 1点赞 yyds干货盘点

原来CSS的伪类这么多，一集都放不下

前情提要重温看一下MDN的文档，果然是常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天先来第一篇：《有用处但不多的伪类第一集》伪类们:autofill当输入框的值由浏览器自动填充时，:autofill伪类可以匹配。输入框聚焦时，:autofill伪类会停止匹配。实例：自动填充高亮边框为输入框

输入框

背景色

书写方向

原创 2023-05-17 09:15:36 157 阅读 1点赞 yyds干货盘点

重新认识CSS的尺寸体系，熟悉但是不多

# 前情提要为了丰富自己是知识体系（为了日更薅羊毛），我最近频繁翻阅MDN的文档，果然MDN文档常看常新。今天翻到CSS部分，然后发现width和height里，有几个属性值眼熟但是不多，值得好好研究一下（今天文章的内容有了）。这篇就叫《重新认识CSS的尺寸体系》吧。# 尺寸体系width和height用一句话概括就是：> 它们是css中用来控制元素高度和宽度的尺寸属性。日常开发中，经常会用

属性值

最小宽度

CSS

原创 2023-05-16 09:27:35 177 阅读 1点赞 yyds干货盘点

禁止文本复制一哥user-select

前情提要为了丰富自己是知识体系，我最近频繁翻阅MDN的文档，果然MDN文档常看常新。最近翻到CSS部分，刚把60多个伪类翻了一遍，准备翻翻别的。它这个分类挺有趣的，以前看所有属性一大片，也没注意过，原来大家也可以分门别类。今天翻阅基础用户界面相关的属性，大部分属性的花样连个手绢都绣不成，倒是最后这个user-select蛮有看头的。禁止文本复制功能先来点击文字试试<https://code.

伪元素

CSS

原创 2023-05-15 09:35:13 214 阅读 1点赞 yyds干货盘点

Canvas图像操作的Plus版，帧式动画

前情提要前篇了解了Canvas如何操作图片，进行复制、裁剪和贴图。也通过具体实例将API进行了简单的应用，不得不说，这样的方式挺能帮助加深记忆的。本篇了解一下帧式动画。帧式动画先来简单介绍一下帧式动画。当年动画还是Flash的天下时，我们会学习逐帧动画：逐帧动画就是一帧一个图像画面，连续多帧就会形成一个动画帧式动画很类似：帧式动画通过绘制每一个大小相同的帧（或页面），将每一帧连贯起来，模拟动画效果

Canvas

原创 2023-05-14 10:07:22 421 阅读 1点赞 yyds干货盘点

提到Canvas，必须好好唠唠它的图像操作能力

前情提要接续一下之前对Canvas的探索。本篇分享一下对图像操作的阅读和研究。日常开发中，时常遇到对图像的处理的场景。精美的图像做为背景或者场景，相对会吸引人。Canvas图像API十分强大。可以通过Canvas图像API加载图像数据，进行裁剪、贴图，也可以实现动态的图像合成。来唠唠Canvas图像API吧。Canvas图像定义图像Image()可以帮助创建一个新的 HTMLImageElemen

Canvas

原创 2023-05-13 21:48:46 136 阅读 1点赞 yyds干货盘点

Three.js | OrthographicCamera(正交相机)，2D场景渲染之光

前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景OrthographicCamera(正交相机)正交相机使用orthographic projection（正交投影）来进行投影。在这种投影模式下，无论物体与相机距离如何

多视图

set方法

JSON

原创 2023-05-12 12:45:52 1097 阅读 yyds干货盘点

Three.js | 学习一波PerspectiveCamera

前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景PerspectiveCamera(透视相机)three.js里有几种不同的相机，我看大部分代码中使用的是PerspectiveCamera，我也就随大流学习它。Pers

Three.js

原创 2023-05-11 09:21:07 231 阅读 1点赞 yyds干货盘点

Three.js | 360度全面了解场景的知识点

前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景定义场景的作用就是，让你在什么地方、摆放什么东西，最终交给three.js来渲染。场景是放置物体、灯光和摄像机的地方。属性我看完文档，脑袋上缓缓打出了三个问号。然后我就想

Three.js

原创 2023-05-09 17:02:11 132 阅读 1点赞 yyds干货盘点

听说Three.js很靓，我也来整一波，顺便记录了一下过程

前情提要试问谁能拒绝一个3D动画效果呢。我之前创作了很多平面静态或者动态的效果，所以想尝试一下3D效果，听说Three.js能实现的我愿望，创作出更加灵动的效果，所以我决定尝试一下。姑且称之为10月寻宝之旅，第一站就定在Three.js这座海岛之上了。介绍three.js，一WebGL引擎，基于JavaScript，可直接运行 GPU 驱动游戏与图形驱动应用于浏览器。其库提供大量特性与API以绘制

3D

three.js

原创 2023-05-08 15:02:57 143 阅读 1点赞 yyds干货盘点

总结一波有用但用处不多的html的属性

今天总结一波html中，一般不怎么用，但是有用，用处又不多的属性。

地理位置

HTML

回调函数

原创 2023-05-05 20:52:02 182 阅读 1点赞 yyds干货盘点

「趣学前端」JavaScript标准库

今天分享前端JavaScript标准库的知识点。

JavaScript

原创 2023-02-23 16:17:51 115 阅读 1点赞 yyds干货盘点

「趣学前端」Taro迁移完成之后，总结了一些踩坑经验

之前老项目的多端迁移选择了Taro框架，这次终于将项目上线了，总结了一波踩坑经验。

小程序

Taro框架

原创 2023-02-22 12:04:58 326 阅读 1点赞 yyds干货盘点

「开发经验」大型项目如何稳健的进行开发

前端日常业务开发中，会遇到项目评估排期不准、中后期开发时间不足、遗漏功能点、项目延期等问题。本篇以笔者的实际经验，精细化区分不同场景，并给出了解决方案。

解决方案

原创 2023-02-19 17:58:53 319 阅读 1点赞 yyds干货盘点

「趣学前端」优雅又精致，来看看别人家的表格样式是怎样实现

用技术实现梦想，用梦想打开创意之门。今天分享前端CSS中的表格的知识点。

CSS

原创 2023-02-18 09:03:48 83 阅读 1点赞 yyds干货盘点

「趣学前端」昨天画了一张小滑板，今天看我用CSS让它滑起来

用技术实现梦想，用梦想打开创意之门。今天分享前端CSS中的transform知识点。

CSS3

原创 2023-02-17 10:55:16 144 阅读 1点赞 yyds干货盘点

「趣学前端」开耍CSS的3D转换，不会玩滑板但能画滑板

用技术实现梦想，用梦想打开创意之门。今天分享前端CSS中的3D转换知识点。

3D

CSS3

原创 2023-02-16 09:55:29 199 阅读 1点赞 yyds干货盘点

「趣学前端」玩转CSS的2D转换，也许能有个代码纸片人

用技术实现梦想，用梦想打开创意之门。今天分享前端CSS中的2D转换知识点。

缩放

CSS3

原创 2023-02-15 09:45:08 91 阅读 1点赞 yyds干货盘点

趣学前端 | 提到布局，我第一个会想到的是flex

用技术实现梦想，用梦想打开创意之门。今天分享前端CSS中的flex布局知识点。

栅格

CSS

原创 2023-02-14 09:53:48 106 阅读 1点赞 yyds干货盘点

CSS畅想 | 当我拥有了一个小夜灯，我的CSS副属性被激活了

用技术实现梦想，用梦想打开创意之门。分享怎么用CSS实现一个小夜灯。

CSS3

原创 2023-02-12 09:23:43 108 阅读 1点赞 yyds干货盘点

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

叶一一的博客

关于模板字面量，我有点好奇它的内部结构

读了会 axios 源码，虽然云里雾里，但是我想到了三个有趣的对比

useEffect 依赖项数组的不同场景总结 & 一组导入操作的小技巧

从事物的特质出发，如何巧用纯CSS实现万圣节专题糖果?

渐入佳境的算法开发，分享一下学习心得

算法学习 | 从几个有趣的故事说起，聊聊里面的算法

算法学习 | 加深了解算法的复杂度

算法学习 | 从几个有趣的故事说起，聊聊里面的算法

算法学习 | 从无到有,我为什么要学算法

CSS伪类的第三集，原来伪类也可组CP

从:is()说起，开启CSS伪类第二集

原来CSS的伪类这么多，一集都放不下

重新认识CSS的尺寸体系，熟悉但是不多

禁止文本复制一哥user-select

Canvas图像操作的Plus版，帧式动画

提到Canvas，必须好好唠唠它的图像操作能力

Three.js | OrthographicCamera(正交相机)，2D场景渲染之光

Three.js | 学习一波PerspectiveCamera

Three.js | 360度全面了解场景的知识点

听说Three.js很靓，我也来整一波，顺便记录了一下过程

总结一波有用但用处不多的html的属性

「趣学前端」JavaScript标准库

「趣学前端」Taro迁移完成之后，总结了一些踩坑经验

「开发经验」大型项目如何稳健的进行开发

「趣学前端」优雅又精致，来看看别人家的表格样式是怎样实现

「趣学前端」昨天画了一张小滑板，今天看我用CSS让它滑起来

「趣学前端」开耍CSS的3D转换，不会玩滑板但能画滑板

「趣学前端」玩转CSS的2D转换，也许能有个代码纸片人

趣学前端 | 提到布局，我第一个会想到的是flex

CSS畅想 | 当我拥有了一个小夜灯，我的CSS副属性被激活了

欢迎