前端印象_社区达人页

2022年04月

• 04.29 09:47:04
  发表了文章 2022-04-29 09:47:04

  仅用一个HTML标签，实现带动画的抖音Logo（三）

  接上文。

  
• 04.29 09:42:48
  发表了文章 2022-04-29 09:42:48

  仅用一个HTML标签，实现带动画的抖音Logo（二）

  接上文。

  
• 04.29 09:34:03
  发表了文章 2022-04-29 09:34:03

  仅用一个HTML标签，实现带动画的抖音Logo（一）

  大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论

  
• 04.29 09:27:57
  发表了文章 2022-04-29 09:27:57

  12个可能你没见过，但非常实用的 HTML 标签（下）

  接上文。

  
• 04.29 09:20:41
  发表了文章 2022-04-29 09:20:41

  12个可能你没见过，但非常实用的 HTML 标签（上）

  大家好，我是零一，今天给大家推荐几个冷门但非常实用的 HTML 标签，不只是语义化，它们都有自己的应用场景和特殊自带功能

  
• 04.29 09:15:25
  发表了文章 2022-04-29 09:15:25

  小程序的鼻祖在国内就这么消亡了！（四）

  接上文。

  
• 04.29 09:11:17
  发表了文章 2022-04-29 09:11:17

  小程序的鼻祖在国内就这么消亡了！（三）

  接上文。

  
• 04.29 09:03:03
  发表了文章 2022-04-29 09:03:03

  小程序的鼻祖在国内就这么消亡了！（二）

  接上文。

  
• 04.29 08:56:40
  发表了文章 2022-04-29 08:56:40

  小程序的鼻祖在国内就这么消亡了！（一）

  互联网发展了这么久，我们记住了“Native App”、“小程序”、“快应用”、“App clips”、“Hybrid App”、“Web App”，似乎独独没有 PWA，但 PWA 及其理念却一直在推动着前端领域前进。

  
• 04.29 08:47:59
  发表了文章 2022-04-29 08:47:59

  不用跑项目，组件效果所见即所得，绝了！

  大家好，我是零一，看到一个好东西，忍不住来分享一下。

  
• 04.29 08:41:20
  发表了文章 2022-04-29 08:41:20

  我是傻x，被迫看了 1 天源码，千万别学我！

  大家好，我是零一，之前一直很忙，业余时间的输入和输出都 24k铝合金人眼可见 得下降，这不最近上海疫情严重么，算了一下居家办公也已经将近 1个月了，这才有些许时间学习，所以最近也是一直在鼓捣点新东西，不为别的，主要是想再多输入一些新的知识

  
• 04.29 08:33:24
  发表了文章 2022-04-29 08:33:24

  JavaScript 新增两个原始数据类型

  大家好，我是零一，JavaScript即将推出两个新的数据类型：Record 和 Tuple ，这俩是啥呢？其实就是一个只读的 Object 和 Array，其实在其它语言中已经有类似的数据类型了，例如 Python 中也有 Tuple（元祖）这一类型，作用也是一个只读的数组（在Python里叫只读的列表），一起来了解一下，这个特性是一个第2阶段提案（即差不多稳了），想要提前体验的，文末也有 polyfill 的使用教程！
• 04.29 08:28:26
  发表了文章 2022-04-29 08:28:26

  这不是我认识的 MDN 吧？

  大家好，我是零一，2022年3月1日我在查资料时，意外发现 MDN 竟然大变样了！这还是我认识的MDN吗？

  
• 04.29 08:20:19
  发表了文章 2022-04-29 08:20:19

  Github 什么时候支持画流程图了？？

  大家好，我是零一，昨晚在逛 Github 时，看到了一个没见过的东西

  
• 04.29 08:14:01
  发表了文章 2022-04-29 08:14:01

  Node18 即将支持 import HTTP资源！

  大家好，我是零一，最近看到Node官方提交了一条commit ，并且已经合入 master分支
• 04.29 08:08:42
  发表了文章 2022-04-29 08:08:42

  CSS状态管理，玩出花了！

  大家好，我是零一，CSS用于交互的方式无非就那么几种

  
• 04.29 08:03:10
  发表了文章 2022-04-29 08:03:10

  从2021的收藏夹里掏出 22个实用的前端工具给大家~（下）

  接上文。

  
• 04.29 07:53:36
  发表了文章 2022-04-29 07:53:36

  从2021的收藏夹里掏出 22个实用的前端工具给大家~（上）

  大家好，我是零一，转眼又到了2022年，相信大家去年收藏夹里一定多了不少宝藏工具，快一起来分享一下吧~ 我先来！

  
• 04.29 07:45:11
  发表了文章 2022-04-29 07:45:11

  大开眼界：CSS指纹

  大家好，我是零一。之前我发过一篇文章，是关于浏览器指纹的：浏览器隐身模式下的你，仍然没有任何隐私，里面介绍了各种各样的指纹生成方式，今天讨论另一个比较新奇的思路：CSS指纹

  
• 04.29 07:37:33
  发表了文章 2022-04-29 07:37:33

  之前写的JSX的条件语句竟然存在那么多Bug？

  大家好，我是零一，今天的主题是：关于 JSX 的条件语句，你不知道3件事

  
• 04.29 07:31:15
  发表了文章 2022-04-29 07:31:15

  7天学会NodeJS！

  大家好，我是零一，今天分享一个开源免费的Node教程资料 《7天学会NodeJS》，它出自于阿里巴巴国际站前端技术部

  
• 04.28 17:09:40
  发表了文章 2022-04-28 17:09:40

  Firefox 这个功能不就是前端初学者的福音吗？

  大家好，我是零一，今天分享 Firefox（火狐浏览器） 一个有意思的小功能，我也是无意间看到的，看到的时候觉得这个小功能对于一些初学CSS动画相关知识的前端同学非常友好

  
• 04.28 17:04:30
  发表了文章 2022-04-28 17:04:30

  React中的TS类型过滤原来是这么做的！

  大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个 any 完事了，但是真正当项目体积变大后，你会发现这些 TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验 今天就来介绍一个在其它开源库中见到的既花里胡哨，又实用的TS类型——TS类型过滤

  
• 04.28 16:58:45
  发表了文章 2022-04-28 16:58:45

  在CSS中写 when/else，不香吗？

  在这篇文章完稿前，when[1] 的提议已经被 CSSWG 通过了，而 else[2] 是一个单独的提案，目前是一个4级规范 让我们来看看 when/else 是如何使用的吧
• 04.28 16:55:13
  发表了文章 2022-04-28 16:55:13

  WebStorm 和 VsCode 的结合体来了！

  虽说 Jetbrains 公司推出的编辑器都很好用，但超级占用内存这个缺点劝退了无数人（收费可能劝退了更大一部分人），转头使用免费且轻量的VsCode的人不占少数。

  
• 04.28 16:42:06
  发表了文章 2022-04-28 16:42:06

  在浏览器控制台安装 NPM 包是什么体验？

  通常，我们通过npm install xxx在 React、Vue、Angular 等现代前端项目中安装依赖，但是前端项目在本质上还是运行在浏览器端的 HTML、JavaScript 和 CSS，那么，我们有办法在浏览器控制台直接安装 npm 包并使用吗？

  
• 04.28 16:33:21
  发表了文章 2022-04-28 16:33:21

  Chrome 96又更新了5个巨巨巨好用的功能

  大家好，我是零一，收到了 Chrome 96 版本的更新推送，简单看了一下，还是更新了几个挺有趣的东西的，一起来看看到底都有啥~ 先下载 Chrome Beta 版本才能体验 Chrome 96 哈

  
• 04.28 16:24:30
  发表了文章 2022-04-28 16:24:30

  Edge 联动 VsCode，这功能爱了！

  看着又是个提高开发效率的小功能！

  
• 04.28 16:17:51
  发表了文章 2022-04-28 16:17:51

  自己的开源项目被尤雨溪写进演讲稿是一种什么体验？

  他开发的Varlet组件库被尤大在 Vue.js Live Conference 2021 上点名表扬

  
• 04.28 16:07:24
  发表了文章 2022-04-28 16:07:24

  前端必看：连OG都不知道还好意思说自己开发过H5？（下）

  接上文。

  
• 04.28 16:00:08
  发表了文章 2022-04-28 16:00:08

  前端必看：连OG都不知道还好意思说自己开发过H5？（上）

  看到这个标题，也许你会陷入疑惑，什么是开放图谱协议（The Open Graph protocol）？我们为什么似乎很少见到它？它到底有什么用呢？确实，对于很多前端开发来说，开放图谱协议（The Open Graph protocol）是一个比较陌生的概念。

  
• 04.28 15:53:47
  发表了文章 2022-04-28 15:53:47

  仅20+行核心代码的Chrome插件，这不是有手就行吗？（下）

  接上文。

  
• 04.28 15:44:46
  发表了文章 2022-04-28 15:44:46

  仅20+行核心代码的Chrome插件，这不是有手就行吗？（上）

  大家好，我是零一，不知道你们有没有开发过Chrome插件，但你们一定用得很多。其实Chrome插件的开发一点都不麻烦，基本就是有手就行，一个功能极简的插件核心代码也就不过30行左右。那你还怕不会插件的开发吗？ 本文将手把手（真 · 手把手）介绍Chrome插件的开发，并末尾附带一个插件实战教学

  
• 04.28 15:32:40
  发表了文章 2022-04-28 15:32:40

  那些与 IE 相伴的日子

  大家好，我是零一，IE 大家都不陌生，毕竟出现在大家的视野中已经很久很久，久到有20多年，当然也因前端技术的快速更新，给需要兼容IE浏览器的前端程序员带来了不少的困扰。 之前发过一个47张图带你走进浏览器的文章，感兴趣的可以看一看！ 慢慢地，大家都在尝试抛弃IE，比如Vue3考虑彻底放弃对IE的支持，甚至连微软自己都决定在2021年8月17日起逐渐放弃支持IE 时间久了，对 IE 多少有点感情了，跟大家一起回顾一下跟 IE 的抗争史吧！

  
• 04.28 13:14:30
  发表了文章 2022-04-28 13:14:30

  JavaScript 奇怪又实用的姿势又增加了六个

  大家好，我是零一，今天给大家带来一些JavaScript的冷知识，可能你有所耳闻，但也有可能会让你大吃一惊。废话不多说，一起来看看吧！
• 04.28 13:00:59
  发表了文章 2022-04-28 13:00:59

  终于有人对 jQuery下手了，一键移除项目对它的依赖

  大家好，我是零一。虽然现在很多前端项目都在用Vue、React，但依赖jquery的项目也不少，尤其是年代比较久远的项目，那些还正在维护jquery项目的你，是否想将jquery从你的项目中移除？毕竟这个库那么大，你能用到的代码也就只有15%~30%，而且jquery对各个浏览器的兼容性也做了很大的处理（代码量up up），但其实很多老项目也不会去考虑兼容很边缘的浏览器了，所以其实jquery中兼容处理的代码也没太大必要 最近新发现了一个有意思的工具，仅上线2周，就有600+的Star，它说能帮助你的项目脱离对jquery的依赖，感觉是个不错的想法，一起来看看吧~

  
• 04.28 12:54:33
  发表了文章 2022-04-28 12:54:33

  微软悄悄发布了 Web 版的 VsCode

  大家好，我是零一 在8月31日，微软发了一个介绍他们新发布的功能的帖子介绍，这个新东西就是——Web版的Vscode，不过现在已经找不到那个帖子了，点进去似乎已经404了，估计是他们发早了，不过这也说明不久后他们就会重新发布，敬请期待~

  
• 04.28 12:48:24
  发表了文章 2022-04-28 12:48:24

  用最近很火的 Svelte框架做了几个小游戏...打弹珠、2048、XO、记忆游戏

  大家好，我是零一。前段时间大家都在疯狂讨论Svelte这个前端开发框架，其实这个框架出来很久了，我也不知道为什么突然又被大家拿出来讨论。这个框架为何会引起如此大的争议呢？

  
• 04.28 12:43:13
  发表了文章 2022-04-28 12:43:13

  热议：CSS为什么这么难学？一定是你的方法不对（下）

  接上文。

  
• 04.28 12:35:54
  发表了文章 2022-04-28 12:35:54

  热议：CSS为什么这么难学？一定是你的方法不对（上）

  大家好，我是零一。前段时间我在知乎刷到这样一个提问：为什么CSS这么难学？

  
• 04.28 11:12:52
  发表了文章 2022-04-28 11:12:52

  学了点技术，我要开始装X了（四）

  接上文。

  
• 04.28 11:06:03
  发表了文章 2022-04-28 11:06:03

  学了点技术，我要开始装X了（三）

  接上文。

  
• 04.28 10:58:05
  发表了文章 2022-04-28 10:58:05

  学了点技术，我要开始装X了（二）

  接上文。

  
• 04.28 10:48:29
  发表了文章 2022-04-28 10:48:29

  学了点技术，我要开始装X了（一）

  大家好，我是零一。今天不看技术文，而是带大家装x，就从我同事 獨釣寒江雪 的《前端装逼技巧 108 式》偷师几招吧~ 绝对让你过把瘾！

  
• 04.28 10:40:40
  发表了文章 2022-04-28 10:40:40

  尤大都说Vue3 + script setup + TS + Volar真香，你说香不香？（下）

  接上文。

  
• 04.28 10:32:30
  发表了文章 2022-04-28 10:32:30

  尤大都说Vue3 + script setup + TS + Volar真香，你说香不香？（上）

  相信你已经开始使用或者迫不及待地想尝试Vue3.2了，其实我群里的小伙伴早已经开始使用，而且踩了很多坑了，今天给大家分享一下他的实践投稿文章，希望大家多多支持！
• 04.28 10:19:23
  发表了文章 2022-04-28 10:19:23

  六个问题让你更懂 React Fiber（下）

  接上文。

  
• 04.28 10:13:34
  发表了文章 2022-04-28 10:13:34

  六个问题让你更懂 React Fiber（中）

  接上文。

  
• 04.28 10:05:13
  发表了文章 2022-04-28 10:05:13

  六个问题让你更懂 React Fiber（上）

  大家好，我是零一，很多人都摸不透React，看不懂源码，甚至不想看源码（确实很难看懂啊！），"霸王硬上弓" 肯定是不行呀，不如从React的整体架构或者说从最核心的Fiber开始了解，说不定能帮你更懂React呢！

  
• 04.28 09:53:36
  发表了文章 2022-04-28 09:53:36

  我优化了进度条，页面性能竟提高了70%

  大家好，我是零一。最近我准备在组里进行代码串讲，所以我梳理了下项目之前的业务代码。在梳理的过程中，我看到了有个进度条组件写的非常好，这又想起我刚开始学前端时写的进度条的代码，跟这个比起来真的差距太大了（大部分的初学者应该都想不到，而且我第一次实习的公司带我的mentor亦是如此）。 因此，我想给大家分享一下这个思路极好的进度条组件，同时它也存在非常严重的性能问题，本文末尾也会讲解一下问题所在以及优化方式