本技术日志,每周定期分享,欢迎关注、转发。
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 前缀。
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
为背景图像网格创建运动悬停效果
使用 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 的快速导航工具。
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
一个非常有吸引力的模态弹出警告框/消息框。
Math.js v7.0
Math.js 是一个用于 JavaScript 和 Node.js 的扩展数学库。
Josh.js
在页面滚动时可动画内容的一个库。可能动画效果有点过头了,但这个库确实很小,而且性能很好。
https://mamunhpath.github.io/josh.js/
内容来源
- Frontend Focus: https://frontendfoc.us/
- JavaScript Weekly: https://javascriptweekly.com/
- Web Tools Weekly: https://webtoolsweekly.com/
- CSS Animation Weekly: https://weekly.cssanimation.rocks/
关注公众号,关注前端技术