有意思的站点
1:IdeasAI
采用 OpenAI 的 GPT-3 模型自动生成「创意」的网站,每小时生成数个创意。浏览者可以给 AI 「想」出来的创意投票。其中不乏有可行性的想法,访问者可以花 99 美元买断一个创意,买断后站长将会把这个创意移除,并将经费用于购买支持网站运转所需的 API。
2: web api 设计 Web API 设计(The Design of Web APIs)
Manning 出版社的英文书籍,现在官方提供在线免费阅读,内容很不错,关于怎么设计 Web 应用的 API。
3: real-live
一个开源的直播聚合收看平台。采用 Qt 作为前端框架,后端用到 Requests、MySQL、Redis 技术等,目前支持在该平台收看 36 个视频直播、59 个高清电视频道和 74 个广播电台。(@parzulpan 投稿)
4: 网页骨架布局生成器
有些网页加载时,会显示一个骨架布局(上图),获取正式内容后再替换掉。这个在线工具就用来生成骨架布局,支持 React、React Native、Vue 和 普通 HTML。
5:filters.css - 滤镜样式库 6:flex 游戏练习 7: 图压
新小科技发布的一款全新图片压缩软件,图片处理在本地完成,支持一次处理大量图片,支持 JPG/PNG/GIF/SVG 等多种图片格式进行压缩、 支持设定压缩后输出的图片文件大小和目标图片的宽高尺寸。详细测评可参考
插件聚合网站,经过站长体验筛选,每月一更新。
9:Slazzer (Web & Windows & Linux)
以 AI 技术作为底层支持的抠图工具,快速移除图片背景。除客户端外,还提供了 API 允许调用。
Opensource Builders 是一款专门收录针对在线商业服务的开源替代品的开源项目,涵盖了 Shopify、Slack、Heroku、GitHub、1Password、TeamViewer、Salesforce 等主流商业软件的替代品,可作为财力不足的个人与企业作为软件备选项。
11:FreePN
一个点对点的 VPN 网络,通过用户共享带宽实现加密访问。
12: Statically
该服务可以免费将 GitHub 和 GitLab 的源码文件放上 CDN,供外部调用。
13:输入字变成头像
14:freeCodeCamp 中文 https://learn.freecodecamp.one/
15:Thumbnail.AI
这个在线服务可以为任意 URL,自动生成标题图片,便于在社交媒体引用文章时,提供缩略图。
16:Watermark Video 一个开源的在线工具,可以为小视频加上水印图片。
17:Depix 发布图片时,很多人喜欢使用马赛克隐去敏感信息,这个工具可以将打马赛克的文字还原。所以,隐藏信息尽量不要使用马赛克,最好是覆盖掉。
18:RegExLib 该网站收集各种常用的正则表达式,比如搜索“email”,会返回 961 个正则表达式。
19:2020 年度 JS13K Games 竞赛 JS13K Games 竞赛要求使用 JavaScript 语言,写一个不超过 13KB 的 HTML5 游戏。一共有 220 多个作品参赛,这里是前 10 名。大家可以去玩一下,效果非常惊艳。
20:一天学习一个 npm 轮子 21:新兴技术列表 22:Pexels 视频制作器 这个在线工具根据关键字,从图库里面找出相关图片,自动生成一段 40 秒的视频。
23: 数据科学 JavaScript
24: 一些编程人员故事
25: 免费 api 集合
26:panolens.js 一个 360 度全景照片浏览的 JS 库。
27:换脸视频生成服务
28:webrtc 在线流程
29: 没有博士学位者的 TensorFlow 和深度学习教程
30: Gradio
该网站提供一系列可以在线使用的 AI 工具,比如识别物体、识别手写数字、老照片着色、绘画生成等等。
31:CSS 渐变魔法
32: Calligrapher.ai
一个在线工具,可以将英文输入变成手写体,并具有动画效果,提供 SVG 格式下载。
33: css3D 效果
34:Sharkle 随机打开一个有意思的站点
35:H5-Dooring
一个可视化制作 H5 页面的在线工具。
36: ui 设计
38:设计模式https://refactoringguru.cn/design-patterns/factory-method
39: 手绘流程图 https://board.oktangle.com/ 或者 excalidraw.com/
40: ES6 资源 https://2ality.com/i/index2.html
41: 30s js
42:vue3 https://vue-exercises.ninja-squad.com/
43: vue 一些记录
44:可读性 js 函数 https://www.tinyblog.dev/blog/2020-07-13-javascript-roro-pattern/
45:ts https://github.com/chibicode/TypeScript-for-Beginner-Programmers
46:https://sketchfab.com/ 3D 创作者
47: https://juejin.cn/post/7042298964468564005 3d 全景小游戏
48:图片优化
49:node-config
51:现代配置指南
54:一个 3D 轮播的例子
56: mental canvas —— 手绘 2D 转 3D 教程
57: 播客小镇 地图显示 使用的https://leafletjs.com/ 移动端交互地图
58: 法国播客城市链接
59: 由 Meta(Facebook)推出的 AI 人体动画制作器。只需上传人物全身正面卡通图片,即可自动识别人体骨骼,并生成多种人物动作视频 岁岁包
60:刷题 https://codetop.cc/home
61:微软 相关资料 https://mp.weixin.qq.com/s/-NESGyGBbF3WakPFieAT0w
62:web 课程 https://microsoft.github.io/Web-Dev-For-Beginners/#/
65:阅读 w3c
66: 进入 Rust 编程世界
67: 前端洲谈
入门 web3 https://github.com/Dapp-Learning-DAO/Dapp-Learning/blob/main/docs/basic-knowledge.md学习dapp以及solidity语言 https://github.com/Dapp-Learning-DAO/Dapp-Learningxbox fans 网站 https://github.com/FFFFourwood/Xbox-Fans-Websitexbox fans 合约 https://github.com/FFFFourwood/Xbox-Fans-DAO推荐在线练习合约环境是 remix ,练明白了 再用 hardhat 就超级好用推荐的写合约的环境是 hardhat,合约 部署 验证 两条命令就搞定合约盲盒文档 google 搜 ECR721 document 合约开发流程相关教程 youtube 搜索 hardhat contract
巧用 transition 实现短视频 APP 点赞动画 AI 数字绘画 stable-diffusion 保姆级教程 还在用定时器吗?借助 CSS 来监听事件 「多图预警」完美实现一个@功能 笔记列表 同程极客部落
链接是优秀的开源前端面试题库,供参考:https://github.com/yangshun/front-end-interview-handbook
Wolfia 用户上传一个安卓 App,网站会在后台新建一个安卓虚拟机,运行这个 App,让用户通过网页使用 HTTPie API 调试工具 HTTPie 推出的网页版。
JavaScript 全栈框架
新一代的 JavaScript 框架都是全栈框架,前后端一体,后端的主要功能就是服务器渲染。 我总结了一个不完全列表。
说说前端监控平台/监控 SDK 的架构设计和难点亮点?
ai 集合 tailwind-css-ui https://github.com/codeAdrian/clay.css
https://openprompt.co/该网站可以提交、保存、查看生成式 AI 引擎的常用提示语。类似项目另有 ChatGPT-Prompt
中文家用游戏博物馆 http://www.compumuseum.com/
亮数据
他们还提供亮数据爬虫浏览器,封装了上面的各种功能,内置自动解锁,让你在浏览器里面大规模批量数据抓取。
Instant Logo Design 输入产品或公司的英文名称,这个网站可以自动生成几十款 Logo,供你选择。
Dify.AI 一个开发者工具,帮你快速生成基于 AI 的应用。 HuggingChat AI 平台 HuggingFace 自家的 AI 聊天页面,底层可以配置不同模型,免费使用。 Awesome ChatGPT 这个 awesome 仓库收集 ChatGPT 的各种资源。
dnrm deno 实现的 npm 镜像源切换工具,每次切换都在 100ms 内,速度超级快。
高级工程师的道路——书评 https://smyachenkov.com/posts/book-review-the-staff-engineers-path/ https://news.ycombinator.com/item?id=35974845
Docker and Kubernetes 完整开发指南 Udemy 视频课程,搬运到了 B 站,有中文字幕。通过 Node.js 项目,循序渐进学习 Docker 和 Kubernetes。
SailboatUI 一个基于 Tailwind CSS 的 UI 组件库,目前有超过 150 个组件。 APIVault 这个网站收集了大量公共 API,相当于 API 的搜索引擎,用户可以提交新的 API。
Idify 一个开源软件,将用户上传的人像照,转成证件照,全部使用前端代码,数据不会上传。