前言提到故事我就来劲头了。一方面，我喜欢读故事、讲故事、搜集故事，另一方面，用讲故事的方式会为学习增加一些趣味性，有兴趣可以帮助坚持下去。下面要介绍的故事，有些大家应该不陌生。我之前有读到过，但是没有认真的研究过，有种熟悉的陌生感。今天分享读了的故事、研究了的解题过程、顺便总结的一些算法知识点和经验。故事来咯棋与麦子故事内容传说西塔发明了国际象棋而使国王十分高兴，他决定要重赏西塔，西塔说：“我不要
前言开篇，先来看看我的技术学习良性循环图，将对技术的热情提起来。前面一篇对算法有了初步的了解和认知。算法最吸引我的有三个点：在算法中，存在秩序和规则，工作中我喜欢有条不紊；算法可以帮助我解决一些问题；探索解题过程很有趣，虽然过程会有点曲折。前一篇提到了，「好」算法，高效性和低存储性是两个标准，这两个标准应对的是算法的运行时间和存储空间。算法的运行时间一般称之为时间复杂度。算法的存储空间的大小一般称
前言开始文章输出之前，我没有着急下笔，而是认真的问了自己几个问题。我为什么要学算法？如何保持学习的热情和积极性？学到的算法是否可以应用到工作中？学到的算法怎么应用到工作中？如何实现从掌握到精通？我想每个学习周期，总要收获自己想要得到的东西，到底什么才是自己想要的或者需求要的。于是我面对比较新的技术，养成了提问自己->探索过程->找出答案的习惯。我理解的算法之美化繁为简日常无论是工作还是
功能拆解很多图形的实现并不困难，我之前的文章也实现过各式各样的图形。基本是CSS里的样式约熟悉，图形实现的越快速、越相似。还有一些需要SVG或Canvas实现的图形，这就需要这两项技术的基本功扎实了。简单图形设计整个画面中有很多图形，有些图形比如画框、太阳、桌腿、便签，无论是形状还是线条都很简单，实现起来没什么难度。其中有一个图形，我要简单说一下它是如何实现的。这个图形就是白云。不规则的弧线用cs
晚安好梦我与好友道晚安，喜欢用一个带「晚安 做个美梦」文字的表情，因为喜欢这个文字。前面做了一个送花的表情，我有些膨胀了。还有就是，有些豪言壮志，也到了该兑现的时候了。先来摆一摆，对我嫣的那些空口大话。我又要给你整活了，入秋三件套。我应该是可以画出来，等你回京带你去吃真的。送给我嫣的像素小人，flag越立越多。......实不相瞒，以上均未果，文章列表里，徒留一个孤零零的标题。我的灵感点很奇怪，如
前言之前分享过我司食堂的美食，虽然档口不多，但是美食种类会周期性的更迭。先来报个菜名早餐种类丰富，菜包、素包、油条、油饼、馅饼、肉饼、鸡排夹饼。手抓饼(限定)、蒸南瓜、烤梨(限定)、玉米、红薯、紫薯饼、烧麦、蒸饺、小笼包、鸡丝面(限定)、混沌、麻花(限定)、南瓜蒸糕、松糕、烤包子(限定)、紫米蒸糕(限定)、面包片(限定)、红枣窝头、肉夹馍、粽子(限定)、面片汤、豆腐脑、疙瘩汤、胡辣汤(限定)、银耳
前情提要重温了一下MDN文档，果然常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天收官第三篇：《原来伪类也可组CP》。这篇比较有意思的是，接下来要讲的伪类基本都是「CP组合」。伪类们:disabled和:enabled:disabled伪类选择器用来指定当元素处于不可用状态时的样式。:ena
前情提要重温了一下MDN文档，果然常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天开启第二篇：《看着简单却有大用处的CSS伪类》。伪类们:is():is() 伪类可以匹配入参的选择器列表中，任意一个选择器可以选择的元素:is() 伪类大有用途，我对它的评价是「短小精悍」。实例：简化选择器我要
前情提要重温看一下MDN的文档，果然是常看常新。最近翻到CSS部分，然后打开了伪类这一栏，好家伙，快60个了（包括实验中的）。跳过常用的，还是很多。分批分期研究的话，我想三期应该是能够收官。今天先来第一篇：《有用处但不多的伪类第一集》伪类们:autofill当输入框的值由浏览器自动填充时，:autofill伪类可以匹配。输入框聚焦时，:autofill伪类会停止匹配。实例：自动填充高亮边框为输入框
# 前情提要为了丰富自己是知识体系（为了日更薅羊毛），我最近频繁翻阅MDN的文档，果然MDN文档常看常新。今天翻到CSS部分，然后发现width和height里，有几个属性值眼熟但是不多，值得好好研究一下（今天文章的内容有了）。这篇就叫《重新认识CSS的尺寸体系》吧。# 尺寸体系width和height用一句话概括就是：> 它们是css中用来控制元素高度和宽度的尺寸属性。日常开发中，经常会用
前情提要为了丰富自己是知识体系，我最近频繁翻阅MDN的文档，果然MDN文档常看常新。最近翻到CSS部分，刚把60多个伪类翻了一遍，准备翻翻别的。它这个分类挺有趣的，以前看所有属性一大片，也没注意过，原来大家也可以分门别类。今天翻阅基础用户界面相关的属性，大部分属性的花样连个手绢都绣不成，倒是最后这个user-select蛮有看头的。禁止文本复制功能先来点击文字试试<https://code.
前情提要前篇了解了Canvas如何操作图片，进行复制、裁剪和贴图。也通过具体实例将API进行了简单的应用，不得不说，这样的方式挺能帮助加深记忆的。本篇了解一下帧式动画。帧式动画先来简单介绍一下帧式动画。当年动画还是Flash的天下时，我们会学习逐帧动画：逐帧动画就是一帧一个图像画面，连续多帧就会形成一个动画帧式动画很类似：帧式动画通过绘制每一个大小相同的帧（或页面），将每一帧连贯起来，模拟动画效果
前情提要接续一下之前对Canvas的探索。本篇分享一下对图像操作的阅读和研究。日常开发中，时常遇到对图像的处理的场景。精美的图像做为背景或者场景，相对会吸引人。Canvas图像API十分强大。可以通过Canvas图像API加载图像数据，进行裁剪、贴图，也可以实现动态的图像合成。来唠唠Canvas图像API吧。Canvas图像定义图像Image()可以帮助创建一个新的 HTMLImageElemen
前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景OrthographicCamera(正交相机)正交相机使用orthographic projection（正交投影）来进行投影。在这种投影模式下，无论物体与相机距离如何
前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景PerspectiveCamera(透视相机)three.js里有几种不同的相机，我看大部分代码中使用的是PerspectiveCamera，我也就随大流学习它。Pers
前情提要我之前做了一个按钮切换的功能，当时写完发现不够完美。因为我后来思索，如何切换才能更加丝滑，然后就想到，切换的两个按钮图案由一组元素组成，通过样式控制。最近正好看到一组可爱的简笔画表情包，正好拿来试一试。于是，我用CSS实现了一组假期专属表情。完整效果功能简介开心和开摆两个表情。一个靠左，一个靠右。点击按钮，按钮可以左右停靠。分别展示左右两个不同的按钮，以及停靠侧文字高亮。这次丝滑了好多。凹
前情提要你要学Three.js，就不要只学几何体。你要学旋转动画，学旋转缩放。你要学材质对象，学共有、私有属性。你要学点线面模型，学平移变换。你要学光照原理，学阴影投影。你要学层级模型，学树结构。你要学弧线绘制，学贝塞尔曲线。场景定义场景的作用就是，让你在什么地方、摆放什么东西，最终交给three.js来渲染。场景是放置物体、灯光和摄像机的地方。属性我看完文档，脑袋上缓缓打出了三个问号。然后我就想
前情提要试问谁能拒绝一个3D动画效果呢。我之前创作了很多平面静态或者动态的效果，所以想尝试一下3D效果，听说Three.js能实现的我愿望，创作出更加灵动的效果，所以我决定尝试一下。姑且称之为10月寻宝之旅，第一站就定在Three.js这座海岛之上了。介绍three.js，一WebGL引擎，基于JavaScript，可直接运行 GPU 驱动游戏与图形驱动应用于浏览器。其库提供大量特性与API以绘制
分享三个浏览器的知识点，从输入URL到页面展示的完整流程、数据包如何进行传输、为什么页面第二次打开快了很多。
今天总结一波html中，一般不怎么用，但是有用，用处又不多的属性。
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
