本技术日志,每周定期分享,欢迎关注、转发。

153 个 JavaScript 知识问答

无论是出于好玩,还是面试,这里的 JavaScript 问题还是挺实用有趣的,上面包含了完整的答案解析。在 1 年前它可能还只有 40 题,如今增加了好多。

https://github.com/lydiahallie/javascript-questions#readme

ECMAScript 新提案:逻辑分配运算符

一个正在酝酿中的语言提案,该提议可以使我们能够像 Ruby 或 Perl 一样执行 a ||= b ,或 a &&= b

https://2ality.com/2020/06/logical-assignment-operators.html

CSS 的 :is():where() 即将出现在浏览器中

https://webplatform.news/issues/2020-06-04

Animate.css v4.0 了

最流行的“嵌入式” CSS 动画库之一,现已更新到第 4 个版本了。在这个版本中,使用了 BEM 风格的 class 前缀。

https://animate.style/

HTML5 样例代码库 V8.0 发布

https://htmlcssjavascript.com/web/html5-boilerplate-8-0-0-released/

文章和教程

CSS 视口单位快速入门

https://www.sitepoint.com/css-viewport-units-quick-start/

MDN 引入了前端学习路径教程

https://developer.mozilla.org/zh-CN/docs/learn/Front-end_web_developer

CSS 媒体查询完全指南

https://polypane.app/blog/the-complete-guide-to-css-media-queries/

CSS 🍔 菜单指南

不起眼的汉堡菜单,移动时代必不可少。这是篇手把手教你创建 CSS 汉堡菜单的指南。

https://uxdesign.cc/the-menu-210bec7ad80c

为背景图像网格创建运动悬停效果

https://tympanus.net/codrops/2020/06/10/how-to-create-a-motion-hover-effect-for-a-background-image-grid/

使用 CSS 计数器设置编号列表样式

https://blog.logrocket.com/styling-numbered-lists-with-css-counters/

CSS 网格:报纸布局(代码演示)

这个演示,展示了如何使用 Grid 来创建响应式“报纸”样式的布局。

https://codepen.io/oliviale/full/BaoXOOP

实用工具

React Tiger Transition

react-router 的页面过渡库,基于 react-transition-group 构建。除了可以使用提供的过渡效果外,你还可以创建自定义过渡。

https://pedrobern.github.io/react-tiger-transition/

React-Calendar

一个强大的、不依赖 Moment.js 的 React 日历组件。

https://github.com/wojtekmaj/react-calendar/

react-beautiful-dnd

一个漂亮的、可无障碍访问的 React 拖拽列表组件。

https://github.com/atlassian/react-beautiful-dnd/

njt (npm jump to)

一个 npm 的快速导航工具。

https://njt.now.sh/

React Data Grid

类似于 Excel 一样的 React 数据网格组件。

https://adazzle.github.io/react-data-grid/

umi-request

基于 Fetch API 的网络请求库,结合了 Fetch 和 Axios 的优点,提供缓存、超时、字符编码处理和错误处理等常见功能。

https://github.com/umijs/umi-request

SweetAlert

一个非常有吸引力的模态弹出警告框/消息框。

https://sweetalert.js.org/

Math.js v7.0

Math.js 是一个用于 JavaScript 和 Node.js 的扩展数学库。

https://mathjs.org/

Josh.js

在页面滚动时可动画内容的一个库。可能动画效果有点过头了,但这个库确实很小,而且性能很好。

https://mamunhpath.github.io/josh.js/

内容来源

关注公众号,关注前端技术

赵不寒的网络日记