美文网首页
前端小资讯 第3期(2018.11)

前端小资讯 第3期(2018.11)

作者: celineWong7 | 来源:发表于2018-11-20 18:58 被阅读0次

前端小资讯主要是撷取阮大大的每周分享中,关于前端(更明确说,是自己比较感冒的部分),方便后期查阅。当然偶尔也有自己查找的资料,也会放进来。

  1. NVDA
    供盲人使用的网页屏幕阅读器。如果你想体验盲人怎么浏览网页,可以下载这个软件试试看。

  2. GitHub Timeline
    只要输入用户名,就能看到该用户自己看到的 GitHub 时间线。

  3. howler.js
    支持各种网页音频格式解码的 JS 库。

  4. localroast
    一个根据 JSON 文件快速生成 API 的 Web 服务端,主要用了测试和开发环境。

  5. Code I like
    该网站使用图形和动画,解释一些常见的算法问题。链接是如何在二叉搜索树里面插入一个值的动画。

  6. 排版入门(英文)
    介绍排版的基本知识。

  7. 符号清单

    image
    常用符号的 Unicode 码点、HTML 代码和 HTML 实体写法。
  1. 你可能不需要单页应用(英文)
    现在的前端开发大量使用单页应用 SPA,使得前端的复杂性急剧增加。这篇文章提出,SPA 可能被过度使用了,大部分情况下,你可能不需要单页应用。

  2. React.js 小书
    国人编写的 React 入门教程。(@LeeChar 投稿)

  3. gRPC-Web
    gRPC-Web 是一个JavaScript客户端库,使 Web 应用程序能够直接与后端gRPC服务通信,不需要 HTTP 服务器充当中介。这意味着可以构建真正的端到端 gRPC 应用程序体系结构。

  4. Sketch 2 Code
    微软的在线工具,将手绘草图转成 HTML 代码。(@xiaohesong 投稿)

15.arwes
一个质量不错的科幻风格 React UI 组件库。(@Anderson-Liu 投稿)

  1. svg-inject
    这个 JS 库可以将网页上的外联 SVG 图像,变为内嵌的 SVG 图像,从而使得全局的 CSS 样式文件可以对这个图像生效。

13.ScriptOJ
国人开发的前端题库,可以用作评测系统,带有讨论区。(@LeeChar 投稿)

  1. 33 个 JS 程序员需要知道的概念
    按照主题,收集 JS 学习资源的仓库。

  2. 停止无限滚动(英文)
    本文提出网页的无限滚动并不是一个好的设计,应该限制使用或者停止使用。

  3. WebAssembly 的未来(英文)
    WebAssembly 目前只是 MVP(最小可行产品)阶段,本文介绍了这种编译语言未来可能具有的功能。

  1. Web Performance 101(英文)
    网页性能的基础知识,针对初学者,内容比较全。

celine: 这个花了点时间浏览了下,英文上也比较简单,普通水平也能看懂。

主要从js、css、html、图片、缓存等几个方面入手讲解处理方式。还比较详细。最后还给出了一些测评网站访问速率分析的的一些工具。很实用!
从中也了解到一些小东西:比如Html5里的<img srcset><picture>标签 、HTTP的cache-control
正确使用 HTML5 标签:img, picture, figure 的响应式设计

  1. 康威定律(Conway's law)

1968年,计算机学家梅尔文·E·康威发表了一篇著名论文,后来被称为康威定律(Conway's law)。
"软件系统的架构,反映了公司的组织结构。"
这个定律说,公司的行政组织架构,会反映在软件产品之中。举例来说,如果四个小组一起写编译器,那么这个编译器内部一定会分成四个环节。很多实证研究,都证实了这个定律。

为什么这样?原因是大公司里面,主管的地位主要取决于他的团队规模和预算。团队越大、预算越多,主管在公司里面的地位就越高,这就是为什么主管都会争取尽可能大的团队和预算。问题在于,团队变得越来越大时,你不得不做出安排,让每个成员有事可做。因此,当团队的所有人都在做一个项目时,随着组织结构的膨胀,软件的架构不得不跟着膨胀,以容纳所有的人手。

根据康威定律,大公司的大型项目一定会有复杂架构,哪怕这种架构可能是不必要的。另一方面,许多程序员崇拜复杂性,认为软件越复杂,表示作者的能力越高。这导致了这样一种状况:大公司(比如阿里腾讯)由于组织架构复杂,会做出复杂软件,然后大家认定,软件必须那么复杂,为了向业内前进水平看齐,自己的软件也必须模仿他们的复杂性。这种想法是不对的,仅仅因为阿里腾讯那样做,并不意味着你也应该那样做,他们无法摆脱复杂性,并不意味着你也需要那种复杂性。

  1. 轻量级网站列表
    很多网站有一个轻量级版本(lite version),这个仓库收集这些网站的清单。

  2. 百度脑图
    一个免费、开源、好用的思维导图工具。离线版可以跨平台使用,支持 Windows、Linux、Mac OS。

  1. HTML 网页的 head 元素 指南(英文)
    网页的 <head> 元素可以放置很多东西,本文列出了其中一些主要的内容,可以当作参考手册。

  2. fullPage.js
    有的网页每次滚动就是一屏,fullPage.js 就是制作这种效果的一个 JS 库。

  3. 如何让不纯的函数变纯?(英文)
    通过 JavaScript 代码解释函数式编程的一些基本概念。

  1. HTTPS 协议图解(英文)
    图解 HTTPS 对话过程,非常形象,每一个字节的含义都讲到了。
  1. d3.js
    d3.js,一个强大的可视化js库。不看代码,但是看示例图表,都觉得666。

    无意中在d3.js首页点到的一个d3示例,觉得特别有意思。mark下这个示例地址。

大部分来源于:
阮一峰的每周分享第 28期
阮一峰的每周分享第 29期
阮一峰的每周分享第 30期
阮一峰的每周分享第 31期
阮一峰的每周分享第 32期

相关文章

网友评论

      本文标题:前端小资讯 第3期(2018.11)

      本文链接:https://www.haomeiwen.com/subject/vdmuxqtx.html