第四十期(2019.11.18)

原文转载自 「每周记录SEE」 (https://joeycz.github.io/weekly/2019/11/03.html)

预计阅读时间 0 分钟(共 0 个字, 0 张图片, 0 个链接)

第四十期(2019.11.18)

<small>补发第40期</small>

<br/><small>封面图:css和html绘制的人像(from: https://diana-adrianne.com/purecss-lace/)</small>

  1. Dwitter.net 是一个使用 JS 在140个字符以内绘制 canvas 的分享网站。以下是一个 137 个字节实现的循环隧道动画。

    <iframe width=500 height=570 frameBorder="0" src="https://www.dwitter.net/e/15961" allowFullScreen="true"></iframe>

    https://www.dwitter.net/d/15961

    http://frankforce.com/?p=7160#shattered

  2. TypeScript 发布 3.7,包括 let x = foo?.bar.baz();在内的很多新特性加入。

    https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/

  3. JavaScript框架安全报告2019,其中 Vue.js 再过去12个月内被下载了4000多万次,Vue.js core 被发现了四个漏洞,并且已全部被修复。下载完整报告

    20191113115901.png

    https://snyk.io/blog/javascript-frameworks-security-report-2019/

  4. JavaScript工具完整指南,JavaScript 已经变得非常流行和强大。可以使用它来构建 Web 应用,服务器应用,移动应用等等。已经形成了庞大的生态系统,社区构建了大量工具以优化开发人员的体验。

    https://dev.to/hoangbkit/a-complete-guide-to-javascript-tooling-56eg

    20191113123440.png

  5. 如何全面优化 Webpack 4 摇树特性,本文在 webpack 配置,模块引用和 babel 配置等多个角度优化项目代码的体积。

    // Base Webpack Config for Tree Shaking
    const config = {
    mode: 'production',
    optimization: {
    	usedExports: true,
    	minimizer: [
    	new TerserPlugin({...})
    	]
    }
    };
    

    https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038

  6. 在现代 JavaScript 中用管道运算符替代链式调用,使用很少的现代JavaScript代码,创建了一个超简单的库,该库提供 lodash 的许多功能,可读性强,并且与该优秀的库相比,具有一些显着的优势。

    const result3 = numbers
    	|> filter(#, v => v % 2 === 0)
    	|> map(#, v => v + 1)
    	|> slice(#, 0, 3)
    	|> Array.from;
    

    https://www.wix.engineering/post/breaking-chains-with-pipelines-in-modern-javascript

  7. VSCode Glean,一个 vscode 插件,提供把 jsx 转换成组件,把类组件转换成函数组件等功能。

    https://github.com/wix/vscode-glean

  8. tui.chart:一个图标库

    https://github.com/nhn/tui.chart

  9. sharp:将常见格式的大图像转换为尺寸较小,对网络友好的 JPEG,PNG 和 WebP 图像。由于使用libvips,调整图像大小通常比使用最快的 ImageMagick 和 GraphicsMagick 设置快 4-5 倍。除调整图像大小外,还提供旋转,提取,合成和伽玛校正等操作。

    const sharp = require('sharp');
    sharp(inputBuffer)
    	.resize(320, 240)
    	.toFile('output.webp', (err, info) => { ... });
    

    https://github.com/lovell/sharp

  10. Proton:Javascript 粒子动画库

    https://github.com/a-jie/Proton

    <iframe src="https://codesandbox.io/embed/proton-emitter-h2y9z?fontsize=14" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" title="proton-emitter" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

  11. 在浏览器地址栏里的贪吃蛇游戏

    https://demian.ferrei.ro/snake

  12. geolib:零依赖,提供一些基本的地理功能

    import getDistance from 'geolib/es/getDistance';
    getDistance(
    { latitude: 51.5103, longitude: 7.49347 },
    { latitude: "51° 31' N", longitude: "7° 28' E" }
    );
    

    https://github.com/manuelbieh/geolib

  13. tenko:用JS编写的100%符合规范的ES2020 JavaScript解析器

    https://github.com/pvdz/tenko

  14. ReflectCode利用人工智能(AI)和机器学习(ML)技术从现有源代码中产生增值。目前,我们专注于现有Android项目中的数字资产和UI布局转换。我们的长期目标是将Android Studio项目转换为语义上等效的iOS Xcode项目,该项目可以直接编译为iOS App。

    http://www.reflectcode.com/

    20191113150944.png

  15. 通过并发模式和暂挂功能构建出色的用户体验

    https://reactjs.org/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html

  16. 如何使用Node.js构建一个简单的视频转换器

    https://levelup.gitconnected.com/how-to-build-a-simple-video-converter-52eaeaf248f1

  17. Pure CSS Lace:仅使用CSS和HTML创作艺术作品

    https://github.com/cyanharlow/purecss-lace

  18. htmhell.dev:从实际网站复制的 HTML 不良做法的集合。

    https://www.htmhell.dev/

  19. 2019腾讯00后研究报告,00后在2000年至2009年间出生,他们的成长伴随着国家综合实力和国际影响力的不断提升。越来越多00后在城市中出生和成长,物质生活更加富足。更安定的社会环境、更优越的生活条件,使00后整体上更有安全感。基于Schwartz价值观理论体系及量表进行测量,发现在19个一级价值观指标中,00后的TOP5价值观分别是博爱-大自然、行动自主、博爱-关注、社会安全、友善-关怀下载完整报告

    https://cdc.tencent.com/2019/11/01/2019%e8%85%be%e8%ae%af00%e5%90%8e%e7%a0%94%e7%a9%b6%e6%8a%a5%e5%91%8a/

    20191113163049.png

  20. 30 seconds of code:自2017年成立以来,以各种编程语言的摘要集的形式为各种技能的开发人员提供了高质量的学习资源。如今,这30秒由250多个贡献者和10多个维护者组成,致力于创建适用于软件开发人员的最佳短期学习资源。我们的目标是通过帮助人们免费学习编码来提高软件开发的可访问性并帮助开源社区发展。

    https://www.30secondsofcode.org/

more_vert