前端周刊第41期

ixlei 发布于2019-08-20 14:20 / 2736人阅读

摘要：注意本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。想和我面对面交流扫下方二维码添加我为好友。

注意：本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。

文章教程 手把手教你玩转 Github Pages

24ways.org

有人说 Github 就是工程师的简历，然而一图胜千言，在程序员的世界里，一个能运行的 Demo 胜过千行万行的代码和文档，相信不少同学有注意到很多 GitHub 上的仓库利用 GitHub 本身提供的功能能够展示 Demo，也有人利用 GitHub 搭建自己的免费博客，到底是如何做的？搞懂这些，详细你会更喜欢 GitHub~

必读：可扩展 CSS 的方法论大搜罗

github.com

该仓库围绕可扩展 CSS 这个主题的不少思路和解决办法，有些现在已经被广泛使用，比较有名的有 OOCSS、BEM、SMACSS 等，CSS 虽然简单，但是项目打了让你头疼的地方还不少，到这里来取取经吧，看看如何提高 CSS 代码的可维护性、可扩展性~

论 Node 应用的持续部署

blog.risingstack.com

自动化能给工程师节省非常多的时间和经理，这篇文章讨论持续部署需要解决的问题和好处，并且以 Node 应用为例说明~

开发工具 SSHRC：带上你的终端配置去旅行

github.com

喜欢用 Linux 命令行或者倒腾或服务器的同学肯定经常遇到需求，我 SSH 到陌生的远程机器，但是我很熟悉的 bash，vim配置都没有了，需要在那个机器上重新搞？有了 SSHRC，你就可以带上你的终端配置去旅行啦~

MongoUI：类 phpMyAdmin 的数据库后台

webapplog.com

MongoUI 是基于 Node 开发的类似于 phpMyAdmin 的 MongoDB 数据库管理后台，整体使用 BS 搭建，界面小清新，觉得在命令行中操作 MongoDB 很麻烦的同学快收下吧~

代码框架 TableSaw：响应式表格插件合集

github.com

该仓库收集了很多响应式表格的 jQuery 插件，支持多种响应式表格的展示模式：比如单行变多行，表头选择，表格导航地图等等，做移动页面的东西可以看看，如果用不上，相信也能找找灵感~

ACL：基于 Node 的权限控制组件

github.com

应用变大之后，自然免不了出现用户、角色之类的需求，伴随而来的就是权限控制的问题，同样的资源哪些人不能访问，哪些人能访问？ACL 对这块做了很好的抽象，可以很方便的指定角色的权限规则，并且支持多种会话存储方式，结合上 Express 和 Passport，相信能为你节省不少开发时间~

Font Awesome Animation

l-lin.github.io

利用 CSS3 让你的 Font Awesome 图标动起来，使用的是自己的 IconFont 库？没关系，学会他的实现思路就可以了~

Hello.js：基于 OAuth 的浏览器端用户认证 SDK

adodson.com

开发浏览器端的单页面应用时常常会碰到接入各种第3放认证或者用户登陆的需求，比如 Google、GitHub、Twitter 等，每次都要去搜索这些 API 的文档，然后写大段的代码？Hello.js 把这些重复性的脏活累活帮你干完了，只需简单的 API 调用，遍能够快速实现各种第 3 方认证的接入，不过目前针对国内服务的插件还比较少，有兴趣的同学可以扩展~

视频演讲 浏览器预加载机制探秘

www.slideshare.net

了解浏览器的预加载机制么？为什么会存在这种机制？到底如何工作？看看这个演讲稿，你能了解个大概~

精彩问答 Express：如何为路由增加命名空间？

stackoverflow.com

Express 4 中对 Router 做了比较大的改进，可以为路由的 URL 增加命名空间了，浏览下这个问题的答案，你就知道具体怎么搞了~

如何不用 Cookie 存储 GA 的数据？

davidmurdoch.com

用过 GA 的同学大概都知道，GA 对于 Session 的追踪是依赖 Cookie 的，这样产生的 Cookie 在你的主域上发生的每次请求都会带上，如果你的网站访问量很大，这个算下来还是个不小的带宽消耗呢，不光耗带宽，还可能影响网站性能哦，那么有什么优化办法？可以用 LocalStorage 存储这些数据，这篇文章指明了解决方案~

One More Thing

想直接在微信中订阅前端周刊？扫下方二维码关注前端周刊订阅号。

想和我面对面交流？扫下方二维码添加我为好友。

Happy Hacking

wangshijun

云服务器 GPU云服务器独立开发变现周刊（第 17 期）：为了活独立开发变现周刊（第25期）：免费表单生独立开发变现周刊（第 19 期）：基于G 独立开发变现周刊（第27期）：15年独立

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81549.html

前端周刊第41期

摘要：注意本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。想和我面对面交流扫下方二维码添加我为好友。注意：本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。文章教程手把手教你玩转 Github Pages 24ways.org 有人说 Github 就是工程师的...

yanwei 2019-08-30 15:52 评论0 收藏0
前端每周清单年度总结与盘点

摘要：前端每周清单年度总结与盘点在过去的八个月中，我几乎只做了两件事，工作与整理前端每周清单。本文末尾我会附上清单线索来源与目前共期清单的地址，感谢每一位阅读鼓励过的朋友，希望你们能够继续支持未来的每周清单。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清单年度总结与盘点在过去的八个月中，我几乎只做了...

jackwang 2019-08-22 15:54 评论0 收藏0
摩拜前端周刊第8期

摘要：地址前端词典提高幸福感的个技巧推荐文章介绍了个更加简洁优雅的使用技巧。这些技巧确实在实际开发中十分常用，作者总结的很好，特别是针对降级问题又学到了一个新思路。值得奋战在一线的攻城狮们阅读学习。Ladies and 乡亲们，摩拜前端周刊起航啦～摩拜前端团队会收集每周前端优秀文章，每周五发布至掘金平台，欢迎关注我们～过个没什么了不起的一天，耀眼一些，你有资格 Top 榜「中高级前端」...

lykops 2019-05-23 17:35 评论0 收藏0
前端周刊第40期

摘要：注意本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。想和我面对面交流扫下方二维码添加我为好友。注意：本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。文章教程号外：ES6 模块语法已定稿 www.2ality.com ES6 模块语法已定稿，和之前所看到的...

Carbs 2019-08-20 14:20 评论0 收藏0
阿里云前端周刊 - 第 15 期

摘要：推荐为什么我们选择本文是工程师记述在前端技术选型时选用的考虑过程。能够保证较好的类型覆盖，但是其对于多态性的支持并不是很好，并且的社区也相对活跃。引擎就是为解决这一问题而生，在中也是采用该引擎来解析。推荐 1. 为什么我们选择 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程师 Niranjan Ramadas 记述在...

stefanieliang 2019-08-20 17:52 评论0 收藏0