- 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送六本书，不定期送各种小礼品使用 javascript 创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。此外，你可以和你的朋友一起玩，或者只是向他们展示你做的小东西，他们也会感到很有趣的。在今天的博文中，我们将使用 H... 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送六本书，不定期送各种小礼品使用 javascript 创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。此外，你可以和你的朋友一起玩，或者只是向他们展示你做的小东西，他们也会感到很有趣的。在今天的博文中，我们将使用 H...
- Less Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言, 它扩展了 CSS 语言，使 CSS 更易维护和扩展 Less Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言, 它扩展了 CSS 语言，使 CSS 更易维护和扩展
- 我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。<canvas id="sample-canvas" style="width: 358px;height: 100%;"></can... 我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。<canvas id="sample-canvas" style="width: 358px;height: 100%;"></can...
- 前言不知道有没有知道上面这个网站代表的意义！1990年12月20日，Berners-Lee上线了世界上第一个网站：http://info.cern.ch/包含该网站诞生的信息和轶事。这就是万维网的诞生，Tim Berners-Lee则被视为它的缔造者。第一眼看过去，我们看到的是啥？没错，是文字。 text-align 定义用于对齐块级元素的内部内容，这里用了内容而不是文本,text-ali... 前言不知道有没有知道上面这个网站代表的意义！1990年12月20日，Berners-Lee上线了世界上第一个网站：http://info.cern.ch/包含该网站诞生的信息和轶事。这就是万维网的诞生，Tim Berners-Lee则被视为它的缔造者。第一眼看过去，我们看到的是啥？没错，是文字。 text-align 定义用于对齐块级元素的内部内容，这里用了内容而不是文本,text-ali...
- 前言前有background-image 为背景增光增彩，后有mask-image 给背景增加可玩性，今天我们来聊聊border-image，看看他是如何发光发热的！Go!Go!Go! border-image首先这个属性是下面个属性的缩写，border-image-sourceborder-image-sliceborder-image-widthborder-image-outsetb... 前言前有background-image 为背景增光增彩，后有mask-image 给背景增加可玩性，今天我们来聊聊border-image，看看他是如何发光发热的！Go!Go!Go! border-image首先这个属性是下面个属性的缩写，border-image-sourceborder-image-sliceborder-image-widthborder-image-outsetb...
- 强调！！！本文介绍的函数仍然属于实验中的属性，浏览器还不支持。但是相信不久就会支持。如果暂时不想了解学习，建议收藏，等浏览器支持了再来看！！！ 前言css中有将近102个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数，数学函数大概有：基本算术：calc()比较函数：min()、max()和clamp()阶梯值函数：round()、mod()和rem()三角函数：sin... 强调！！！本文介绍的函数仍然属于实验中的属性，浏览器还不支持。但是相信不久就会支持。如果暂时不想了解学习，建议收藏，等浏览器支持了再来看！！！ 前言css中有将近102个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数，数学函数大概有：基本算术：calc()比较函数：min()、max()和clamp()阶梯值函数：round()、mod()和rem()三角函数：sin...
- 创作不易 拒绝白嫖 点个赞呗关注专栏 学透CSS,带你走进CSS的深处！！！ 前言不知道大家在开始学习CSS的时候，会不会经常遇到这样一道问题：如何实现一个三角形。类似这样的代码是不是很眼熟。嗯！看上去不是很复杂，但是代码是不是太多了！直到CSS3的出现，clip-path带来了新的更简单的实现方式。clip-path: polygon(50% 0%, 0% 100%, 100% 100%)... 创作不易 拒绝白嫖 点个赞呗关注专栏 学透CSS,带你走进CSS的深处！！！ 前言不知道大家在开始学习CSS的时候，会不会经常遇到这样一道问题：如何实现一个三角形。类似这样的代码是不是很眼熟。嗯！看上去不是很复杂，但是代码是不是太多了！直到CSS3的出现，clip-path带来了新的更简单的实现方式。clip-path: polygon(50% 0%, 0% 100%, 100% 100%)...
- 前言一个优秀的网站永远都不是冷冰冰的，情感化、人性化一直是现代化网站所追求的！情感化设计利用彩配色激发用户情感，或高兴，或温暖，或宁静祥和；利用简单易懂，自由流畅的交互设计，吸引用户点击或参与；以及利用暖心体贴的界面文本设计，打动用户等等。不知道有多少人关注过苹果的官方，大胆的颜色，惊人的动画，我觉得这就是具有情感的网站虽然我们不是设计师，但是作为一个好的前端开发，在网站开发的时候也是需要... 前言一个优秀的网站永远都不是冷冰冰的，情感化、人性化一直是现代化网站所追求的！情感化设计利用彩配色激发用户情感，或高兴，或温暖，或宁静祥和；利用简单易懂，自由流畅的交互设计，吸引用户点击或参与；以及利用暖心体贴的界面文本设计，打动用户等等。不知道有多少人关注过苹果的官方，大胆的颜色，惊人的动画，我觉得这就是具有情感的网站虽然我们不是设计师，但是作为一个好的前端开发，在网站开发的时候也是需要...
- 前言在上中两篇介绍文本属性的时候，我们基本已经学会了很多之前没有使用过的属性，今天我们接着来看更多的文本属性，CSS的世界是精妙的，无尽的，仅仅希望同这三篇文章，可以入得CSS的基础门。人生短暂，学无止尽。 text-justify 兼容性此属性目前被列为“有风险”在候选推荐期间被丢弃。因此，不建议在生产中使用此属性，因为它不太可能在不久的将来成为所有浏览器的标准。兼容性很差，目前也就火狐... 前言在上中两篇介绍文本属性的时候，我们基本已经学会了很多之前没有使用过的属性，今天我们接着来看更多的文本属性，CSS的世界是精妙的，无尽的，仅仅希望同这三篇文章，可以入得CSS的基础门。人生短暂，学无止尽。 text-justify 兼容性此属性目前被列为“有风险”在候选推荐期间被丢弃。因此，不建议在生产中使用此属性，因为它不太可能在不久的将来成为所有浏览器的标准。兼容性很差，目前也就火狐...
- 前言在具体开始之前，我们先来科普一下。月亮的各种圆缺形态，也称为月相。“新月”，也叫“朔日”，这时是农历初一；“蛾眉月”，这时是农历初三、四；农历初七、八，半个亮区对着地球，人们可以看到半个月亮（凸面向西），这一月相叫“上弦月”；农历十五、十六、十七，月球的亮区全部对着地球，我们能看到一轮圆月，这一月相称为“满月”，也叫“望”；农历二十二、二十三，又能看到半个月亮（凸面向东），这一月相叫做... 前言在具体开始之前，我们先来科普一下。月亮的各种圆缺形态，也称为月相。“新月”，也叫“朔日”，这时是农历初一；“蛾眉月”，这时是农历初三、四；农历初七、八，半个亮区对着地球，人们可以看到半个月亮（凸面向西），这一月相叫“上弦月”；农历十五、十六、十七，月球的亮区全部对着地球，我们能看到一轮圆月，这一月相称为“满月”，也叫“望”；农历二十二、二十三，又能看到半个月亮（凸面向东），这一月相叫做...
- 前言最近公司网站上线新的官网，上面飘着一个跑来跑去的小人，刚上线没多久，老板就提着到来砍我，“你要把这个小人累死吗？”，当时我就不乐意了。老板掏出了刀，我赶紧掏出了MDN，嘿，您猜怎么着，还真让我找到了， animation-play-state,这属性那叫一个管用哦。当然暂停动画不止这一种方案，其他的方案我们也会在本文讨论。 JavaScript 暂停动画在 JavaScript 中，该... 前言最近公司网站上线新的官网，上面飘着一个跑来跑去的小人，刚上线没多久，老板就提着到来砍我，“你要把这个小人累死吗？”，当时我就不乐意了。老板掏出了刀，我赶紧掏出了MDN，嘿，您猜怎么着，还真让我找到了， animation-play-state,这属性那叫一个管用哦。当然暂停动画不止这一种方案，其他的方案我们也会在本文讨论。 JavaScript 暂停动画在 JavaScript 中，该...
- 前言日常开发的时候，大家有么有遇到下面这种情况：设置一个盒子，但是我们不知道有没有内容，并且有多少内容我们也不能确定，而且又不想出现滚动条，这个时候我们就不能设置具体高度，但是我们可以设置min-height来用最小的高度撑开盒子，并且随着内容的多少，盒子的高度可以动态调整，这样是不是就满足了我们的要求。min/max 宽高这个我们不常用的属性，在某些时候还是能发挥奇效的。 min-wid... 前言日常开发的时候，大家有么有遇到下面这种情况：设置一个盒子，但是我们不知道有没有内容，并且有多少内容我们也不能确定，而且又不想出现滚动条，这个时候我们就不能设置具体高度，但是我们可以设置min-height来用最小的高度撑开盒子，并且随着内容的多少，盒子的高度可以动态调整，这样是不是就满足了我们的要求。min/max 宽高这个我们不常用的属性，在某些时候还是能发挥奇效的。 min-wid...
- 1 前言CSS 作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8 编码具有更... 1 前言CSS 作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8 编码具有更...
- 前端必须熟悉的几种布局方式 前端必须熟悉的几种布局方式
- webpack5的功能：1. 打包: 将不同类型资源按模块处理进行打包。2. 静态: 打包后最终产出静态资源。3. 模块: webpack 支持不同规范的模块化开发。 webpack5的功能：1. 打包: 将不同类型资源按模块处理进行打包。2. 静态: 打包后最终产出静态资源。3. 模块: webpack 支持不同规范的模块化开发。
上滑加载中
推荐直播
-
基于OpenHarmony的计算机学科人才培养经验分享2024/11/28 周四 19:00-21:00
华为开发者布道师、兰州大学信息科学与工程学院教授周睿
老师们、同学们，这里有不容错过的精彩！ 想了解计算机类人才培养存在哪些挑战？想知道OpenHarmony如何应用于人才培养？本次直播，为你分享基于它的科创实践、专业社团实践和教学实践途径，培养学术型、应用型和复合型精英人才。快来报名，开启提升之旅！
正在直播 -
全面解析华为云EI-API服务：理论基础与实践应用指南2024/11/29 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播给大家带来的是理论与实践结合的华为云EI-API的服务介绍。从“主要功能，应用场景，实践案例，调用流程”四个维度来深入解析“语音交互API，文字识别API，自然语言处理API，图像识别API及图像搜索API”五大场景下API服务，同时结合实验，来加深开发者对API服务理解。
去报名 -
华为ICT大赛2024-2025 编程赛-鸿蒙技术赋能2024/12/01 周日 14:00-18:00
赵小刚 武汉大学计算机学院软件工程系 副教授
本期直播将与您一起交流学习OpenHarmony 物联网应用开发，助力您在华为ICT大赛2024-2025编程赛中取得好成绩。
即将直播
热门标签