25+web技术站点,事半功倍,总有一个值得got

news2024/11/22 20:10:41

前言

收集一些有用的网站,为自己用,也分享一下,仅此而已。

ECMA 国际组织 各种文案

  • Ecma-262 - ECMAScript 规范
  • Ecma-402, -国际化 API 规范
  • Ecma-404 - JSON 数据交换语法
  • ECMA-419 - 嵌入式系统 API 规范
  • ECMA-414
    规定了和 ECMAScript 相关的标准有哪些, 即Ecma-262,Ecma-402,Ecma-404。

等等很多其他规范

前端导航

前端导航网站,内容最全的前端开发地址导航。

另外一个 web前端导航

image.png

ECMAScript 各个提案

ES的提案一共五个阶段,从 Stage 0 到 Stage 4, 一起来看看各个阶段的提案。

  • Stage 0 Proposals 潜在想法
  • Stage 1 Proposals 提案
  • Stage 2 Proposals 草稿
  • Stage 3 Proposals 候选人
  • Stage 4 Finished Proposals 完成
    除此之外,还有一个 Inactive Proposals, 也就是未激活的提议。

前提知道ES的各种提案,多一点了解,多一些期待,多多喜欢。

image.png

ECMA-262 ECMAScript 规范

最准确和最新的 ECMAScript 规范.
ES6的提案主要描述的是功能, 而规范,描述的是实现的过程和细节。

遇事不决,规范先学。 查文献首选 MDN + ECMAScript 规范

image.png

HTML 协议标准

返璞归真,王者之道。

其官方网站 https://whatwg.org/ ,我们最常用的却是 HTML 协议标准

image.png

谷歌几个站点

  • developers.google.cn/web
    谷歌web相关的技术都在这了
    image.png
  • devtools 新特性
    chrome devtools新特性我先知, 你知道没?
    image.png
  • web.dev
    Let’s build the future of the web

CSS参考手册

完美归类,爸爸妈妈再也不担心我找不到要用什么属性了,还提供 chm 格式版本电子书下载,值得您拥有。

缺点是案例不够丰富。

image.png

CSS Triggers CSS属性重绘重排一览表

还不清楚哪些属性的变更会引发重绘还是重排吗? 没关系,给你个列表查查。
image.png

CSS-Tricks CSS 实践

大部分都是关于怎么实现一个 css 的特效,然后有一些 css 的最佳实践,比如说响应式布局,Flexbox 属性详解,或者是实现某一个特定的组件。

image.png

TinyPng 图片压缩

图片压缩效比非常不错,其有对外的API, 还延伸除了很多压缩库。

image.png

类似的还有, 都很不错,可以自己选择选项。

  • 智图
  • Squoosh

caniuse 兼容性检查

检查兼容性必备。
查询一些 css或者 JavaScript 的特性,用列表来显示这个特性哪些浏览器支持,哪些浏览器不支持。

image.png

CSS Sprites Generator

在线生成 CSS Sprites,合并图片并生成样式。

image.png

free-api

统计了网上诸多的免费API,为您收集免费的接口服务。

image.png

万维网技术调查

W3Techs 提供了有关 web 上各种技术使用情况的信息。

是不是很有意思,现在万维网上的网站,jQuery还是老大。
image.png

现代 JavaScript 教程

课程的核心内容包含 2 部分,涵盖了 JavaScript 编程语言相关知识和浏览器行为。此外还有一系列的专题文章。

image.png

在线PSD

PSD太大,偶尔需要用,来个在线的,666。当然功能不是特别全,还能凑合用。

image.png

在线babel

在线Babel,转换器,通过设置targets,可以生成不同版本的代码。

image.png

MDN Web开发者文档

全名 Mozilla Developer Network。

查看基本资料的首选,什么 w3school, csdn, 哪怕是掘金等等,都不妥。 而且最好是英文版本。
有好多关于 web 开发的文档,还有后端的 node.js 和 express 开发。文档都很权威,全面,还很新。

image.png

ES6 入门教程

软大神的ES6手册,免费,一个字爽!

挂链接审核不过,亲自行百度搜索。

image.png

维基百科-中文

查询一些术语,百度百科显然是苍白无力的。维基百科替你解忧,英文不好,中文来凑。

image.png

stack overflow 错误排查

查询问题的好去处。

image.png

github Trending

gitHub当前最流行的仓库。
image.png

在线工具集

里面有很多很有意思的小工具。 当然如今的chrome插件也有很多小公举, FEHelper就非常不错,油猴脚本就无敌了。

image.png

icon font 矢量图标库

内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

image.png

codepen.io

在线代码编辑, 写博客,代码示例利器。 包括MDN都在使用。

类似的还有

  • jsbin.com
  • Stackblitz

npm stat 个人npm包下载量统计

统计个人发布的包的下载量,有两个维度,用户维度和包维度。

image.png

World to HTML

把world文件转为html,666的。

image.png

当然还有另外一个 在线Word转HTML

AST Explorer 在线转换AST

image.png

还有一个类似的 Esprima: Parser

Carbon 代码生成漂亮图片

源代码生成漂亮图片。

image.png

Coderbyte 编程挑战

挑战自己的编码和面试更好。

看云

看云专注于文档的在线创作、协作、分享和托管服务,致力于提供最佳的在线创作和阅读体验,让企业和个人可以更方便地发布和管理自己的文档。

个人就在上线做笔记和写写小东西,很方便。

image.png

javascript.fun

显示流行排行可以轻松的找到想要最新的代码插件、工具、脚手架、博客等等。

image.png

其他

  • W3.org
    W3C是World Wide Web Consortium(万维网联盟),HTML、XHTML、CSS、XML的标准。
  • 前端里
    质量不错
  • WEB安全色
    216 Web安全色
  • egghead.io
    比较潮的框架或者库或者知识。
  • webgradients 渐变色
  • fancy border radius 有趣的border-radius
  • svgwave svg波浪
  • cssgradient css渐变
  • loading.io 各种加载

写在最后

你的一赞一评就是我前行的最大动力。

引用

87个前端必备开发网站
11个前端工程师必备的网站
分享二十个web前端开发日常必备网站

.io](https://loading.io/) 各种加载

写在最后

你的一赞一评就是我前行的最大动力。

引用

87个前端必备开发网站
11个前端工程师必备的网站
分享二十个web前端开发日常必备网站

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1566471.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数据挖掘|关联分析与Apriori算法详解

数据挖掘|关联分析与Apriori算法 1. 关联分析2. 关联规则相关概念2.1 项目2.2 事务2.3 项目集2.4 频繁项目集2.5 支持度2.6 置信度2.7 提升度2.8 强关联规则2.9 关联规则的分类 3. Apriori算法3.1 Apriori算法的Python实现3.2 基于mlxtend库的Apriori算法的Python实现 1. 关联分…

比较靠谱的测试进度报告

在测试的过程中,不要等领导过问,有一份比较靠谱的测试进度报告,让关心和支持项目的干系人心里有谱,有利于管理层对项目的监控和资源的支持,有利于项目团队成员之间沟通协调,及时发现问题利于项目风险控制等…

Docker 笔记

1.Ubuntu安装Docker 安装Docker看这篇文章 http://t.csdnimg.cn/IsSsJ 2.在docker中运行python代码 2.1搭建python环境 docker部署python环境看这篇文章 http://t.csdnimg.cn/TYz0G 2.2在python shell中运行python代码 2.2.1查看镜像 2.2.1启动python,厦门这个…

ABC318 F - Octopus

解题思路 对于每个宝藏维护个区间,答案一定在这些区间中对于每个区间的端点由小到大排序对于每个点进行判断,若当前位置合法,则该点一定为一个右端点则该点到前一个端点之间均为合法点若前一个点不合法,则一定是某一个区间限制的…

【Linux】详解动静态库的制作和使用动静态库在系统中的配置步骤

一、库的作用 1、提高开发效率,让开发者所有的函数实现不用从零开始。 2、隐藏源代码。 库其实就是所有的.o文件用特定的方式进行打包形成一个文件,各个.o文件包含了源代码中的机器语言指令。 二、动态库和静态库的制作和使用 2.1、静态库的制作和使用…

【学习笔记】java项目—苍穹外卖day03

文章目录 苍穹外卖-day03课程内容1. 公共字段自动填充1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3 步骤三 1.4 功能测试1.5 代码提交 2. 新增菜品2.1 需求分析与设计2.1.1 产品原型2.1.2 接口设计2.1.3 表设计 2.2 代码开发2.2.1 文件上传实现2.2.2 新…

【代码随想录】数组

704. 二分查找 class Solution {public int search(int[] nums, int target) {if(numsnull || nums.length0){return -1;}return searchTarget(nums, 0, nums.length-1, target);}private int searchTarget(int[] nums, int left, int right, int target){//left和right都指向同…

RegionCLIP网络结构解析 Region-based Language-Image Pretraining

1、简单介绍 主要是关注目标检测方面的工作,现在纯CV已经前景黯淡,即使前段时间的YOLOv9发布也是关注一般。 现在大模型已成热点,而大模型要求的数据量和算力和算法复杂度,显然让很多人却步。但是具有大模型特点的多模态算法也算…

Vue3从入门到实战:路由的query和params参数

在Vue 3中,我们可以通过路由的查询参数来传递数据。这意味着我们可以在不同的页面之间传递一些信息,以便页面可以根据这些信息来显示不同的内容或执行不同的操作。 查询参数的使用方式类似于在URL中添加附加信息,以便页面之间可以根据这些信息…

AI技术创业:把握机遇,提升能力,迎接未来挑战

文章目录 人工智能三次浪潮人工智能时代机遇提升核心能力AI时代的长期赛道和早期优势实践应用:让AI工具为你所用学会变通:适应AI领域的快速变化提升核心能力:想象力、创造力和提问能力结语 人工智能三次浪潮 第一次黄金期:1956年…

基于SSM的网络视频播放器

目录 背景 技术简介 系统简介 界面预览 背景 互联网的迅猛发展彻底转变了全球各类组织的管理策略。自20世纪90年代起,中国政府和企业便开始探索利用网络系统进行信息管理。然而,早期的网络覆盖不广泛、用户接受度不高、相关法律法规不完善以及技术开…

WPF文本框TextEdit不以科学计数法显示

WPF文本框TextEdit不以科学计数法显示 一个float或者double类型的数值,如果小数点后0的个数≥4,在界面上就会自动以科学计数法显示, 比如:0.00003会显示成这样 但是很多时候我并不希望它这样显示,因为这样不方便编辑…

成都欣丰洪泰文化传媒有限公司引领电商新风向

在当今数字化时代,电子商务行业日新月异,竞争激烈。然而,在这股浪潮中,成都欣丰洪泰文化传媒有限公司凭借其独特的战略眼光和创新精神,正引领着电商领域的新浪潮。本文将探讨成都欣丰洪泰文化传媒有限公司如何在激烈的…

实战webSocket压测(二)jmeter配置webSocket连接

背景 我们可以通过Jmeter添加插件实现webSocket脚本编写。WebSocket的插件较多,我选择以WebSocket Samplers by Peter Doornbosch为例来进行配置。 步骤1、WebSocket Samplers插件安装 下载地址:JMeter WebSocket Samplers,建议下载最新版本…

阿里巴巴25届实习生内推

#阿里巴巴 #春招实习 阿里国际春季2025届实习生招聘4月1日已正式启动!学生网申投递、师兄师姐内推通道均已开放 整体介绍(含在招岗位) 内推投递方式 方式一:内推码自行投递 方式二:通过简历投递 简历发邮箱&#xf…

Lumos学习王佩丰Excel第一讲:认识Excel

最近发现自己在操作excel的一些特殊功能时会有些不顺手,所以索性找了一个比较全的教程(王佩丰excel24讲)拿来学习,刚好形成文档笔记,分享给有需要但没有时间看视频的朋友们。整体笔记以王老师授课的知识点去记录&#…

蓝桥杯备考

目录 P8823 [传智杯 #3 初赛] 期末考试成绩 题目描述 输入格式 输出格式 输入输出样例 说明/提示 代码 P8828 [传智杯 #3 练习赛] 直角三角形 题目描述 输入格式 输出格式 输入输出样例 代码 P8833 [传智杯 #3 决赛] 课程 题目背景 题目描述 输入格式 输出格式…

【热门话题】文言一心与ChatGPT-4:一场跨时代智能对话系统的深度比较

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 文言一心与ChatGPT-4:一场跨时代智能对话系统的深度比较一、技术背景…

西电计科大三下SOC微体系结构设计作业合集

目录 一.VHDL设计作业 1.基于硬件描述语言的3-8译码器逻辑电路设计 2.8位双向移位寄存器设计 3.基于有限状态机的自助售票系统设计 4.按键消抖电路设计 5.同步环形FIFO设计 6.线上实验——时钟模块设计 7.线上实验——原码二位乘法器设计 8.线上实验——布斯乘法器设…

新产品机会的两大来源:分析当前产品组合与创意生成工具或创造性思维技术

一、引言 在快速变化的商业世界中,企业/组织若想保持竞争力并持续繁荣,就必须不断寻找新产品机会。这些机会并非凭空而来,而是源于:1. 分析当前产品组合,找出可以进行产品改进或产品线延伸的领域。2.创意生成工具或创…