最新微博技术周刊

最新推荐文章于 2024-11-01 16:54:21 发布

前端开发博客

最新推荐文章于 2024-11-01 16:54:21 发布

阅读量107

点赞数

文章标签： css html js 编程语言 web

原文链接：http://caibaojian.com/goods

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、提高幸福感的 9 个 CSS 技巧

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。（by 小生方勤）

https://mp.weixin.qq.com/s/id_n8SO4nNazzGK7H6BPyg

2、30分钟让你掌握Git的黑魔法

在Git Rev News #48期的LightReading中有一篇文章写的不错，不仅干货满满而且还附带了操作视频。其中的内容不仅覆盖了很多Git使用上的基础知识，也从使用角度上解答了很多刚接触Git的开发者的疑问。

http://dockone.io/article/8821

3、原生 JS 实现的表格组件：GridManager.js

GridManager.js 是一个快速、灵活的表格组件，支持排序、分页、可视化调整、导出数据等多种功能，并且不依赖任何框架。

https://github.com/baukh789/GridManager

4、基于 Vue 的 UI 组件库：Sakura UI

一款少女风的 Vue 组件库，萌萌哒。作者也分享其制作之旅，地址：

https://github.com/Firenzia/sakura-ui/

5、用 React、Redux、Immutable 做俄罗斯方块游戏：React Tetris

这是一款利用 React 实现的俄罗斯方块游戏，体验相当流畅。同时，作者分享了项目制作之旅，供大家学习。Have Fun！

https://github.com/chvin/react-tetris

6、深入理解 JS 作用域和作用域链

JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家有所收获！（by 浪里行舟）

https://mp.weixin.qq.com/s/4pIS3MLxXB3C8v_rKuVBOg

7、纯 CSS 实现动态边框

一篇文章详细记录纯 CSS 实现动态边框的思路，以及详细步骤。（作者：快狗打车前端团队）背景这几天工作中遇到一个交互需求，要求实现一个效果，当鼠标移入一个元素的时候，元素出现一个动态的边框，如图：动态边框思路看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div