前端小智

公众号 @ 大迁世界

我不是什么大牛，我其实想做的就是一个传播者。内容可能过于基础，但对于刚入门的人来说或许是一个窗口，一个解惑之窗。我要先坚持分享20年，大家来一起见证吧。

23关注

25,426关注者

42,357掘力值

赞

121

更多

专栏

前端小智
17小时前
使用内联的 CSS 变量技巧，提高灵巧布局效率！有些情况下，我需要用一种简单的方法来创建网格布局。例如，每次我改变主意时，在不修改CSS的情况下快速画出五列网格。在本文中，我们一起探索一些用例，并思考如果实现及使用它们。在深入探讨这些概念之前，首先我们来回顾一下 CSS 变量的基础知识，我们也可以将它称为“自定义属性”。所有主流浏览器...
- 14
- 收藏
阅读全文
前端小智
4天前
ES6 中 module 备忘清单，你可能知道 module 还可以这样用！这是一份备忘单，展示了不同的导出方式和相应的导入方式。它实际上可分为3种类型：名称，默认值和列表 👍 这里的关键是要有一个NAME。大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。使用默认导出，不需要任何名称，所以我们可以随便命名它👏 需要注意的重要一点是，这些列表不是对象...
- 17
- 收藏
阅读全文
前端小智
5天前
这份 window.location 备忘单，让你更有条理解决地址路径问题！如果你想获取站点的URL信息，那么对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新💫 WINDOW.LOCATION 属性 window.location返回值在上面的示例中，你可能注意到和返回相同的值。那么为什么要这些属性。好吧，这与端口号有关...
- 19
- 收藏
阅读全文
前端小智
6天前
很多人不知道可以使用这种 key 的方式来对 Vue 组件时行重新渲染！在某些情况下，我们必须强制Vue重新渲染组件，如果没有，那可能，你做的业务还不够负责，反正我是经常需要重新渲染组件，哈哈。虽然Vue不会自动更新这种情况是相对比较少，但是知道如何在出现这个问题时修复它还是很有用的。在大多数情况下，此问题根源还是我们对 Vue 的响应式理解还是不够到位。因此，...
- 22
- 收藏
阅读全文
前端小智
7天前
前端如何提高用户体验：增强可点击区域的大小你是否曾经试着点击或点击一个元素(例如:按钮、链接)，并且注意到只有单击该元素的特定区域，它才会响应？必生这种情况是因为可点击区域未应用于整个元素。为了更加清楚，请参见下图，左图可点击区别(圈红部分)明显比右图的小很多，所以右图的实现用户体验会更好。对于本文，会介绍一些事例，并通过事例演示如...
- 28
- 收藏
阅读全文
前端小智
11天前
周末学会了 10个超级实用 Javascript 技巧!众所周知，JavaScript 一直在快速变化。在新的 ES2020 中，有很多很棒的特性，我们大都已经迫不及待尝试了。老实说，有时我们可以用不同角度来编写代码，同样也能达到相同的效果，而且有的还会更简短，更清晰。下面是列出一些 JavaScript 有用的技巧，相信总有一天会对你有所帮助。 E...
- 180
- 收藏
阅读全文
前端小智
12天前
CSS Viewport 单位，很多人还不知道使用它来快速布局！**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。在本文中，我们将学习 CSS View...
- 259
- 收藏
阅读全文
前端小智
14天前
很多人不知道 v-for 可以这样解构！最近发现我们可以使用进行解构。之所以起作用，是因为 Vue 将的整个第一部分直接提升到函数的参数部分：然后，Vue 在内部使用此函数来渲染列表。这说明可以放在函数中括号中的任何有效Javascript也可以放在v-for中，如下所示：你可以在这里为非作歹，只是不要太疯狂😉。大家都说简历没...
- 32
- 收藏
阅读全文
前端小智
16天前
详解 ES10 中 Object.fromEntries() 的缘起我们知道是将对象转成一个自身可枚举属性的键值对数组。同样，我们也可以把键值对数组转成了对象。 ## Object.fromEntries 我们知道，对象结构是一个是有键和值组合体，如下所示：基于这个逻辑，如果我们想将某个东西转成对象，就必须要传递键和值。 ES6 为我们带来了一个名为 MAP ...
- 12
- 收藏
阅读全文
前端小智
27天前
周末学习发现了 10 个好用JavaScript图像处理库用 JavaScript 处理图像可能非常困难且繁琐。幸运的是，有许多库可以让这些变得简单得多。下面介绍一些图像处理的库。事例地址：http://nodeca.github.io/pica/demo/Github: https://github.com/nodeca/pica pica 可在...
- 40
- 收藏
阅读全文
前端小智
28天前
前端！7个快速发现 bug 神仙调试工具如果你从事的是前端开发，就应该能理解调试代码还是很有难度的。特别是对于JavaScript，一个小错误有时会花费数小时来调试。对于不同的浏览器、操作系统和设备，错误又是不可避免的。本文主要列出一些调试工具，你们可以自己根据情况来选择。任何现代的 Web 浏览器都配有功能强大的工具来调试应用程序...
- 66
- 收藏
阅读全文
前端小智
1月前
【译】小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了！在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。添加一个按钮时，重置它的背景，否则它会在不同的浏览器中看起来不同。在下面的例子中，同样的按钮在 Chrome 和 Safari 中，后者...
- 71
- 收藏
阅读全文
前端小智
1月前
这些 CSS 伪类，你可能还不知道，可以用起来了！css 伪类是用于向某些选择器添加特殊的效果，是动态的，指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。这篇文章在一定程度上鼓励你在构建UI时使用更简单的CSS和更少的 JS。熟悉 CSS 所提供的一切是实现这一目标的一种...
- 57
- 收藏
阅读全文
前端小智
1月前
在Vue中创建可重用的 Transition Vue.js中的确实很棒。毫无疑问，它们可以非常轻松地让应用程序栩栩如生，但是通常必须在每个项目中从头开始编写它们，甚至还需要引入之类的CSS库来使它们功能更强大。如果我们可以将它们封装到组件中，并在多个项目中简单地重用它们，结果会怎样呢?我们将介绍几种定义的方法，并深入研究如何使它们真正可重...
- 32
- 收藏
阅读全文
前端小智
1月前
【译】JavaScript重构技巧-让函数简单明了 JavaScript 是一种易于学习的编程语言，编写运行并执行某些操作的程序很容易。然而，要编写一段干净的JavaScript 代码是很困难的。在本文中，我们将研究如何让我们的函数更清晰明了。如果我们希望函数接收很多参数，那么应该使用对象。在此基础上，我们就可以使用解构语法提取我们需要的参数。...
- 26
- 收藏
阅读全文
前端小智
1月前
我发现了7个关于 CSS backgroundImage 好用的技巧背景图像可能是我们所有前端开发人员在我们的职业生涯中至少使用过几次的CSS属性之一。大多数人认为背景图像不可能有任何不寻常的地方，但经过研究，答案并非如此。所以本文收集了七个我认为最有用的技巧，并创建了一些代码示例。 1.背景图如何才能完美适配视口让背景图适配视口很容易，需要使用下面 CSS 即...
- 100
- 收藏
阅读全文
前端小智
1月前
CSS中的混合模式，制作高级特效的必备技巧在CSS中，有两个属性负责混合。用于混合DOM元素，用于组合多个CSS背景。我们以一个基本的例子来看一下它是如何工作的。我的标题上方有一个圆圈。我要做的是将文本与圆混合。为文本元素添加了，从而将其与圆混合。事例源码：https://codepen.io/shadeed/pen/a9c6...
- 32
- 收藏
阅读全文
前端小智
1月前
CSS 伪元素的一些罕见用例伪元素已经使用了很长时间。然而，我觉得有些用例并不是所有开发人员都完全了解的。我写下这篇文章是为了阐明它们，以便它们能被更多地使用。由于伪元素属于其父元素，因此存在一些不寻常的用例。现在，让我们看一个简单的示例。这个设计有一个，在它的左边有一个小圆圈。当我们将鼠标悬停在上时，圆圈会变大。 ...
- 29
- 收藏
阅读全文
前端小智
2月前
如何写出优雅的 JS 代码，变量和函数的正确写法在开发中，变量名，函数名一般要做到清晰明了，尽量做到看名字就能让人知道你的意图，所以变量和函数命名是挺重要，今天来看看如果较优雅的方式给变量和函数命名。我们读的会比我们写的多得多，所以如果命名太过随意不仅会给后续的维护带来困难，也会伤害了读我们代码的开发者。让你的变量名可被读取，像和这样的工...
- 34
- 收藏
阅读全文
前端小智
2月前
【译】CSS 中你需要知道 auto 的一切！在CSS中，我们有值，它可以用于像，，，等属性。在本文中，会先解释的工作方式以及如何最大程度地利用的技术细节,当然，会配合一些用例和示例。关键字的使用因属性而异。对于本文，我将在每个属性的上下文中解释值。块级元素(如或)的初始宽度是，这使得它们占据了包含它们的块的整个水平空间。当一个元素的...
- 46
- 收藏
阅读全文

个人成就

获得点赞29,007

文章被阅读1,431,942

掘力值42,357

加入于

2017-10-12