积跬步,至千里
精前端,通全栈

周报第 2 期

周报是个人本周内看到的有意思的东西,或是技术学习的好文章或好资源,收集分享给大家。

行情

从招聘数据分析行情,今年ReactPython 两个技术是最火的,React 连续登顶 15 个月,Python 也因为近两年 AI 和深度学习而火热起来。

小技巧 Tips

前端优化了解一下

在你开始使用JS之前,快速获得提高web应用程序性能的机会:

  • Avoid web fonts, use system fonts.(使用系统自动字体)
  • Avoid image sprites, use SVG icons.(使用SVG 代替切图)
  • Avoid "normal" CSS, use "atomic" CSS.(使用原生CSS)
  • Avoid fetching data until you know it's needed.(不请求多余的数据)
  • Use smaller images (使用更小的图片).
  • Use "preload" (使用预加载).

(推特@necolas)

使用 Markdown 写一切文档

周报都是 Markdown 格式写的

Markdown是一种可以使用普通文本编辑器编写的标记语言,如果你作为技术人员,或者是产品、项目经理,或者是平时工作需要经常写文档的。 Markdown 可能是提高工作效率的利器。
语法简单,排版强大,关于markdown的在线演示可以访问: https://www.zybuluo.com/mdeditor

搞笑的说:我个人认为,作为技术人员必须要是一个 Markdown 高级工程师

本人 markdown 使用经验已经 6、7年了,上大学就开始使用,记得当时 markdown 国内都没流行,国内各大博客网站都没支持 markdown 语法。

软件推荐了解一下Boostnote,开源永久免费,还支持一键发布博客(但目前只支持国外的博客站点)。Boostnote这周才了解到的,安装了感觉还可以。

好文章

开源项目/Demo

markdown-here

Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.

既然说到markdown,就要推荐 markdown 的好用插件,Chrome 浏览器的一个扩展程序,可以在页面任何地方,渲染你的 markdown 文本,比如微信工作号写文章不支持 markdown ,但是你可以复制粘贴markdown 语法的文本进入编辑器,通过 markdown-here 来渲染即可。

  • Github地址:https://github.com/adam-p/markdown-here

You-Dont-Need 系列

这个系列值得看和了解,如果是前端初学者,值得学习其中的代码。比如 You Might Not Need jQuery,如果你网站只是支持IE9+的现代浏览器,你就完全不需要jquery,可以用原生API实现 Jquery 能做到的所有功能。github 搜的时候也可以搜前缀 you-dont-need ,对应的资源就会出来。

目前有:

  • You Might Not Need jQuery
  • You don’t (may not) need Lodash/Underscore
  • You don’t (may not) need Moment.js
  • You Don’t Need JavaScript
  • You Don’t Need GUI
  • You Might Not Need Redux
  • You Might Not Need TypeScript (or Static Types)
  • You Might Not Need React Router
  • You Might Not Need to Transpile Your JavaScript
  • You Probably Don’t Need Derived State (React)

  • Github地址:https://you-dont-need.com/

gifify

好玩的工具,转换任何视频文件为gif动图,有了它,你可以用视频文件做gif表情包了。改项目使用node.js实现

  • Github地址:https://github.com/vvo/gifify

ScreenToGif

录屏工具,可以将屏幕录制保存为Gif 或者 视频

  • Github地址:https://github.com/NickeManarin/ScreenToGif、

Front-End-Performance-Checklist

前端性能清单,让你的网站跑的更快

  • Github地址:https://github.com/JohnsenZhou/Front-End-Performance-Checklist

EFQRCode

支持生成图片背景二维码,含gif

  • Github地址:https://github.com/EyreFree/EFQRCode

其他

  • stellarium web online:https://stellarium-web.org/ 一个虚拟天文馆的 Web 版,看星星咯

每周一题

image

欢迎订阅

这个专栏每周末发布,同步更新在前端学堂微信公众号

本篇同步发布于微信公众号:giscafer

赞(1) 打赏
未经允许不得转载:前端学堂 » 周报第 2 期

讨论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端实战学习群 学以致用,进步更快

demo演示立即加入

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏