让我们的技术真正秀起来 - web秀

综合小程序服务器面试工具类ThreeJs比特币JavaScriptCssVue 展开

2天前

见微知著，从两道有意思的 CSS 面试题，考察你的基础

见微知著，从两道有意思的 CSS 面试题，考察你的基础

今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下：<div><pid="a">FirstParagraph</p></div>样式如下：p#a{color:green;}div::first-line{color:blue;}试问，标签<p>内的文字的颜色，是green还是blue呢？有趣的是，这里的最终结果是蓝色，也就是color:blue生效了。不对，正常而言，ID选择器的优先级不应该比伪类选择器高么？为什么这里反而是伪类选择器的优

5 0 0

2天前

就因为学会了这个正则表达式，我又快乐地摸了一天鱼

就因为学会了这个正则表达式，我又快乐地摸了一天鱼

每当周围漂亮的小姐姐和别人打游戏“嗨”到飞起而我无法加入其中时，一股挫败感便会直冲我的天灵盖。为何我打游戏可以菜到如此抠脚！！！怎么练都上不了分，日复一日，我终于由黄金成长为了青铜...罢了，我还是以"小视频"相伴吧！毕竟只要动动手指就可以了。不，我要雄起，不会打游戏，我可以做游戏啊！于是我加入了公司一夜狼人杀游戏的开发，并成为了苦逼的包工头。项目还没开始就要结束？在这个项目之前，公司有多个自主研发的游戏，所以基础

2 0 0

2天前

别整一坨 CSS 代码了，试试这几个实用函数

别整一坨 CSS 代码了，试试这几个实用函数

CSS比较函数从2020年4月就开始支持了，我喜欢使用这些函数，但最喜欢的是clamp()，它也是我最常用的一个。在这节课中，我们详细来看下这些比较函数。Clamp(),Max(),和Min()函数clamp()函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最

2 0 0

2天前

CSS容器查询终于来了

CSS容器查询终于来了

CSS容器查询终于来了!它们目前在谷歌浏览器（105）中得到了支持，很快就会在Safari16中得到支持。这对前端来说容器查询与媒体查询一样重要。在这节课中，我们介绍一下容器查询是如何工作的，如何使用它们，以及语法是什么样子的，并分享一些现实生活中的例子和用例。简介在设计一个组件时，我们需要适配不同的变化，并根据CSS类或视口大小来改变它们。这对于我们开发来说不是很理想，会迫使我们根据变化类或视口尺寸来写CSS。考虑下面例子：我们有一个卡片组件，当视口足够大时，它应该切换到水平样式。乍一看，这可能听起来不

4 0 0

10天前

在 Vue 中，使用 $attrs 构建高级组件

在 Vue 中，使用 $attrs 构建高级组件

这节课，我们来看下Vue3中的$attrs属性。首先，我们会介绍它的用途以及它的实现与Vue2有哪些不两同点，并通过事例来加深对它的理解。真正理解了$attrs属性有助于我们构建易于使用和可扩展的高级组件什么是$attrs对$attrs定义，Vue2与Vue3是不一样的，

10 0 0

11天前

单标签实现复杂的棋盘布局

单标签实现复杂的棋盘布局

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局：他用了60多个标签，而他的同学，只用了6个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑DOM的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。当然，仅仅从用更少的标签完成这个布局的角度而言，我们能够把标签数压缩到多少呢个？（不考虑<body>和<html>）答案是1个。本文就尝试使用一个标签完成这

14 0 0

13天前

新指令 v-memo，提高性能的又一利器

新指令 v-memo，提高性能的又一利器

Vue3为我们提供了几项开箱即用的重大性能改进，但也引入了一些额外的手动功能，可以帮助提高我们的应用性能。在这节课中，我们介绍一下，在Vue3.2中引入新指令v-memo。引入这个指令的目的是帮助我们提高中型/大型Vue应用程序的性能，小项目大家根据需要自行决定。v-me

17 0 0

13天前

为什么说：JavaScript 模块中的默认导出很糟糕

为什么说：JavaScript 模块中的默认导出很糟糕

我们知道，JavaScript模块有两种方法来定义导出：默认导出和命名导出。在本节中，我们来看下为什么默认导出是一种糟糕的做法，会导致不好的开发体验。下面，我们看下例子，假设，我们有一个模块，它同时包含命名导出和默认导出，如下所示：exportconstadd=(a,b)

12 0 0

13天前

新时代布局新特性 -- 容器查询

新时代布局新特性 -- 容器查询

终于，在漫长的等待下，容器查询（CSSContainerQueries）将在Chrome105版本得到正式的支持！而目前，我们也能在ChromeCanary版本中，或者在Chrome93~104通过开启EnableCSSContainerQueries特性抢先体验。响应式过往的痛点在之前，响应式有这么个掣肘。同一DOM的不同布局形态如果想要变化，需要依赖诸如媒体查询来实现。像是这样：通过浏览器视窗大小的变化，借助媒体查询，实现不一样的布局。但是，在现如今，大部分PC端页面使用的是基于Flex/Grid的弹

13 0 0

18天前

高阶 CSS 技巧在复杂动效中的应用

高阶 CSS 技巧在复杂动效中的应用

最近我在CodePen上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了SVGPATH实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里--CodePenDEMO--tothefuture?ByJaneOri]源代码还是非常非常复杂的，并且叠加了复杂的SVGPATH路径。我尝试着将其稍微拆分成几小块，运用不同的CSS高阶技巧从另外一个方面方向重新实现了一遍。因为整个过程还是有非常多有意思的CSS技巧，本文就给大家分享一下。实现上半部分背景加落日首先，我们来实现上半

15 0 0

下拉加载更多

最新文章