第29期 — 2019-11-17

在浏览器中阅读

周e信

扫描二维码关注微信公众号

Node.js

NodeBB 实时的开源论坛系统🔗

NodeBB 编辑 Ka

simple-crypto-js 简单易用的加密工具🔗

Danang Galuh Tegar P

progress-estimator 控制台基于预估的进度条🔗

Brian Vaughn

basic-ftp 支持FTPS的简单易用的ftp客户端🔗

ftps不同于sftp，此工具不支持sftp。

Patrick Juchli

ajv 高性能json schema验证🔗

Evgeny Poberezkin

前端

页面预加载工具🔗

在页面上添加资源

<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>

当用户鼠标在链接之上时，即触发预加载链接指向的页面。

instant.page

教程-创建你自己的react🔗

Rodrigo Pombo

想让你的文章出现在这里？🔗

投稿

微软Windows团队和Office团队都倾向于Ract Native而不是他们自己的Xamarin🔗

Ka

宠物伙伴全站源码🔗

技术栈：
Facebook Login
React Native
Styled Components
Reactotron
Eslint
Redux
MongoDB Formik + Yup
Apollo
GraphQL Kraken
OneSignal
AWS Redux-Persist

Wendel Freitas

Discord使用React Native在ios上的调优过程🔗

Miguel Gaeta 编辑 Ka

react-adaptive-hooks 用户设备硬件状态(网络，CPU，内存)hook🔗

Google Chrome Labs

html-react-parser html转换为React组件🔗

Mark

console的常用方法🔗

console.assert(condition, failure message)

var a = 10; 
console.assert(a === 10, "This will not be printed");
console.assert(a != 10, "this will be printed", `a = ${a}`);
// Assertion failed: this will be printed a = 10

console.count() console.countReset()

console.count("time"); time: 1
console.count("time"); time: 2
console.count("time"); time: 3
console.countReset()
console.count("time"); time: 1

console.dir()

var obj = {
   "phone" : {
    mobile : {
            num1 : 123,
            num2 : 456,
        },
    landline : {
            num1 : 789
        }
    },
    "name" : "Javascript Jeep"
}
console.dir(obj);

console.group() console.groupEnd()

console.group("days")
   console.log("Mon");
   console.log("Tue");
   console.log("Wed");
   console.log("Thu");
   console.log("Fri");
   console.group("holidays");
      console.log("Sat");
      console.log("Sun");
   console.groupEnd("holidays");
console.groupEnd("days")

console.table(obj)

var user = {
    name : "Ram",
    age : 28
    
}
console.table(user);

Javascript Jeep

chrome将为速度慢的站点标记红条🔗

快的网站显示绿条，慢的网站显示红条。

Google

Chrome手机全屏地址栏问题🔗

解决方案:

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

Chris Coyier

字节码联盟成立，WebAssembly 生态将完善网络安全性🔗

近日 Mozilla、Fastly、Intel 与 Red Hat 宣布成立联合组织 Bytecode Alliance（字节码联盟），该联盟旨在通过协作实施标准和提出新标准，以完善 WebAssembly 在浏览器之外的生态。

oschina

前端2

fabric SVG canvas互转工具🔗

Fabric.js

数据库

BSON和ObjectId🔗
  • BSON(二进制JSON)的字段是排序的
  • BSON有更好的性能
  • ObjectId是12字节的16进制值
  • ObjectId"可以认为"是全局唯一的

Ken W. Alger 编辑 Ka

运维

Netflix Bless - ssh密钥管理工具🔗

为安全起见，此服务需要运行在单独的AWS lambada服务上。

Kshitij

其他

Figma在多用户操作上的实践🔗

figma是一个多用户实时协同设计的工具。 redo,undo的操作示意图

Evan Wallace

2019前端工具使用调查🔗

CSS 处理器 Sass大幅度领先

其满意度也是居首

CSS 框架，bootstrap大幅度领先（相比去年仍减少7%）

老编：Materilize居然比bulma还少。

CSS 工具 Autoprefixer居首

脚本内CSS(CSS-in-JS) 大部分没有使用，使用的主要是Styled Components

CSS 特性，主要用的是flexbox

脚本工具主要使用的是NPM,再其次是gulp

JS框架，jQuery和react依然遥遥领先,Vue超越Angular2

JS打包工具, webpack居首

JS扩展语言typescript居首

JS测试 jest第一,mocha第二

JS性能测试,Lighthouse居首

可达性测试，大部分还未使用

包管理npm居首，yarn第二

Ashley Nolan 编辑 Ka

趣讲oauth和openid🔗

David Neal

苹果官方在macOS 10.15 Catalina中关闭了Dashboard🔗

酷玩儿

游戏-飞翔的鸡蛋(Aero Egg)🔗

广告

npx linkinator 页面资源链接检测工具🔗

使用 npx linkinator https://www.zhouexin.com/ 输出结果

🏊‍♂️ crawling https://www.zhouexin.com/
[200] https://www.zhouexin.com/
  [200] https://www.zhouexin.com/sitemap.xml
  [200] https://www.zhouexin.com/webpack-runtime-8a67b4a972769e9e6d41.js
🤖 Successfully scanned 8 links in 3.456 seconds.

Justin Beckwith

扫描二维码关注微信公众号
本期阅读量次