Web相关概念和新技术

fosonmeng / 2023-09-05 / 原文

Uniform Resource Identifier (URI)

W3C
SpeakingURL
URI.js

WebAssembly

两个特性:SIMD多线程
简单的wasm应用 rust 足够应付,并且有很多开箱即用的工具,对于一个没有什么系统语言经验的人来说 手感还挺不错的。但是你如果想做的比较深入,那你还是绕不开去学一些cpp。
rust是支持生成DWARF的,但是wasm-bindgen 并不能正常的生成DWARF, 这意味如果你想调试 wasm 的话就不得不放弃 rust-wasm 便利的工具链了。

7 Things You Should Know About WebAssembly

Service Worker

Instant Loading Web Apps With An Application Shell Architecture
Introduction to Service Worker
Is ServiceWorker Ready?

HTTP/1.0/1.1/2

Best Practice for HTTP2 Front-End Deployments
Ideal HTTP Performance

Animation

Animate.css
bounce.js
Effeckt.css
move.js
https://easings.net/

SVG

优化:
SVGOMG
SVGO
SVGO-GUI
SVG Cleaner
Scour SVG Scrubber
Clean Multiple Gradient Stops

SVG 编辑器:
Illustrator
Sketch
Inkscape

Bug 追踪:
SVG Weirdness
SVG Edit

svg 导出 canvas
svg 导出 png
ai-to-svg
Tools And Resources For Editing, Converting And Optimizing SVGs

搜索引擎优化(SEO)

搜索引擎优化(SEO)是在自然的搜索结果中, 影响一个网站或者网页可见性的过程. 一般来说, 越靠前出现(或在搜索结果页中权重高的网页)的网页, 和频繁出现在搜索结果列表中的网站, 就能获取更多来自搜索引擎的用户. SEO 会定位于不同类型的搜索, 包括图片搜索, 本地搜索, 视频搜索, 学术搜索, 新闻搜索和特定行业的垂直搜索引擎. - wikipedia

https://developers.google.com/search/docs/beginner/seo-starter-guide
Google Webmasters Search Console

JSON

JSON(JavaScript Object Notation), 有时也称 JavaScript 对象表示, 是一种使用人类可读的文本传输由键值对组成的数据对象的开放格式. 对于异步浏览器/服务器通信(AJAJ), JSON 是主要的数据格式, 很大程度上代替了 XML(AJAX).

尽管最初是从 JavaScript 脚本语言衍生而来, 但是 JSON 是语言无关性的数据格式, 在许多编程语言中, 代码解析和生成 JSON 是很容易的.

JSON 的格式最初是由 Douglas Crockford 指定的, 但目前却被描述成两种标准: RFC 7159 和 ECMA-404. ECMA 标准只允许被合法的语法语句描述, 而 RFC 则提供了一些语义化描述和安全考虑. JSON 的官方网络媒体类型 application / JSON, 扩展名是 .json. - wikipedia.org

JSON在线编辑器:
JSONmate

JSON 查询工具:
DefiantJS
ObjectPath
JOSN Mask

生成模拟 JSON 工具:
JSON Generator
Mockaroo
模拟生成JSON数据
返回跨域JSONAPI

JSON API 在线模拟工具:
Mocky
FillText.com
JSONPlaceholder
mackable.io
json-server JSON API 本地模拟工具

JSON 规范/模式:
json-schema.org
jsonapi
HTTP API 设计指南http://segmentfault.com/bookmark/1230000002521721
JSON-LD