前端常用网址总结

https://blog.csdn.net/duanhy_love/article/details/110007515

在线CSS编辑

http://tool.alixixi.com/csseditor/

http://c.biancheng.net/css3/position.html

https://www.runoob.com/css/css-positioning.html

https://cssgrid-generator.netlify.app/

开发常用组件网站:参考链接https://www.cnblogs.com/xiaolucky/p/12779039.html

开发常用在线网址 :https://123.w3cschool.cn/webtools

前端常用组件库:参考链接
https://www.cnblogs.com/lpp-11-15/p/13085602.html
https://www.jianshu.com/p/bdc8c568aeff

前端常用学习网站:
十个糖果:https://www.tensweets.com/article/?genre=all
掘金:https://juejin.cn/
简书:https://www.jianshu.com/
csdn:https://www.csdn.net/
(博客推荐博主:https://marendu.blog.csdn.net/)
博客:https://www.cnblogs.com/
语雀:https://www.yuque.com/explore/headlines
(语雀推荐博主:https://www.yuque.com/fe9/basic)

代码练习网站:
https://codesandbox.io/

代码托管平台:
码云:https://gitee.com/
gitlab: https://gitlab.com/gitlab-com/
github: https://github.com/github
版本管理工具(svn, sourcetree)

工程构建平台:
jenkins: https://www.jenkins.io/zh/
https://www.jetbrains.com/teamcity/

图片压缩网站:
one
two

图片压缩软件
mac上图片压缩软件
工程的图片文件夹直接拉进去 直接压缩替换 无损压缩 缩减工程大小
windows也有类似软件 需要的话自己找一下
https://xclient.info/s/optimage.html

ts学习网站
英文网站:https://www.typescriptlang.org/docs/handbook/basic-types.html
中文网站:https://www.tslang.cn/docs/handbook/declaration-files/by-example.html#global-variables
简化学习网站:https://www.runoob.com/typescript/ts-install.html

前端跨端开发框架
taro:https://taro-ui.aotu.io/#/docs/introduction
uview:https://uviewui.com/
uniapp: https://uniapp.dcloud.io/history

公众号小程序开发文档
主要参考微信开发文档:https://mp.weixin.qq.com/

电脑git等绑定账号密码更新
电脑-控制面板–凭据管理器
https://x-render.gitee.io/schema-generato

前端推荐工具
git: 可供项目克隆等
sourcetree: 项目分支可视化操作工具
xmind: 测试冒烟用例一般为xmind文件,自己也可用此工具编写一些简单逻辑
蓝灯:
typora: 查看、编写md文件
微信开发者工具
vscode

前端低代码
form-render
formily
河图
sula

前端监控
fundebu:链接
腾讯云rum: 链接
sentry(开源):链接

图片上传
https://sm.ms/

前端知识框架梳理
https://sm.ms/delete/8X4cxjsMG9EoTauUtNAODVkfRZ

前端移动端调试工具
whistle: https://www.npmjs.com/package/verdaccio

内网npm包服务器搭建
verdaccio: https://www.npmjs.com/package/verdaccio

短信验证登录框架
aj-captcha: https://captcha.anji-plus.com/#/doc
同盾
数美

前端安全风控
同盾:https://sec.xiaodun.com/onlineExperience/slidingPuzzle
数美:https://www.ishumei.com/?utm_source=bdpp_web&utm_medium=title

前端时间处理
momentjs:http://momentjs.cn/
dayjs:https://dayjs.fenxianglu.cn/category/

二维码生成插件
qrcode:https://github.com/soldair/node-qrco

地图第三方api
百度地图:https://lbsyun.baidu.com/
腾讯地图:https://lbs.qq.com/
高德地图:https://lbs.amap.com/

视频
video: https://docs.videojs.com/
华为云:https://www.huaweicloud.com/

音频压缩网址:

移动开发平台
阿里:网址

前端绘图插件
https://www.iteye.com/news/24535

可视化图表工具
https://echarts.apache.org/zh/index.html
(echarts中文网站https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-d6q92cwh.html)
https://www.d3js.org.cn/document/

element封装组件库
https://www.npmjs.com/package/element-component

前端新手指引组件网站vue
https://kamranahmed.info/driver.js/

前端对话框组件vue
https://codegi.gitee.io/jwchatdoc/guide/start.html

拖拽组件
https://www.itxst.com/vue-draggable/tutorial.html(可排序可拖拽)

px转rem
http://caibaojian.com/rem-and-px.html

css动画
https://blog.csdn.net/chritina/article/details/99623017

字体库
http://fonts.mobanwang.com/

html原生标签事件等
http://www.paoo.net/tags/ref-eventattributes.html

vue实现录音功能
https://blog.csdn.net/qq_41619796/article/details/107865602

blob格式前端传给后端
https://www.5axxw.com/questions/content/lixyim

前端添加引导页官网
intro:链接
Driverjs: 链接
vue-beginner-guide: 链接

接口api测试
工具一:postMan
工具二:https://www.apifox.cn

1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/

2.CSS教程:https://www.schoolw3c.com/html-css/css/

3.node中文网:http://cnodejs.org/getstart

4.JavaScript教程网:https://zh.javascript.info/

5.web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/

6.常用色彩搭配表:http://tool.c7sky.com/webcolor/

7.阿里巴巴图标库:https://www.iconfont.cn/

8.web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/

9.谷歌浏览器插件下载地址: http://chromecj.com/

10.ES6入门(阮一峰大佬的):http://es6.ruanyifeng.com/

11.短信验证码接口:https://www.mysubmail.com/sms/api?tag=jq22

12.轮播图插件:https://www.swiper.com.cn/

13.放大镜插件:http://www.elevateweb.co.uk/image-zoom/examples

14.响应式瀑布流插件:http://www.jq22.com/jquery-info20261

15.码云代码托管平台:https://gitee.com/

16.github代码托管平台:https://github.com

17.SVN代码托管平台:https://svnbucket.com/?ADTAG=bdss#/

18.SVN代码托管中心:http://www.svnchina.com/

19.阿里云:https://www.aliyun.com

20.腾讯云:https://cloud.tencent.com/

21.html中文网:https://www.html.cn/

22.React官网:https://reactjs.org/

23.Redux官网:https://react-redux.js.org/

24.React Router:https://reacttraining.com/react-router/

25.Vue官网:https://cn.vuejs.org/

26.NodeJS官网:http://nodejs.cn/

27.微信开发者平台:https://developers.weixin.qq.com/

28.钉钉开发者平台: https://ding-doc.dingtalk.com/

29.百度地图开发者平台:https://passport.baidu.com

30.DvaJS:https://dvajs.com/

–CSDN地址

https://blog.csdn.net/weixin_46007404/article/details/118669325?spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-118669325-blog-120271365.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-118669325-blog-120271365.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=16

UI框架

http://element-cn.eleme.io/#/zh-CN/component/typography
https://muse-ui.org/#/zh-CN
https://youzan.github.io/vant/#/zh-CN/intro
http://amazeui.org/
http://sui.taobao.org/sui/docs/
https://github.com/iview/iview-admin

图标类网站
http://www.iconfont.cn/plus
http://www.easyicon.net/iconsearch/ios/
http://www.thinkcmf.com/font/search.html

素材类网站:
http://588ku.com/
https://unsplash.com/

配色类网站:
http://colorhunt.co
https://webgradients.com/
https://color.adobe.com/zh/create/color-wheel
http://www.colorhunter.com/
http://www.bootcss.com/p/websafecolors/
http://www.sioe.cn/yingyong/yanse-rgb-16/

插件类网站
http://www.jq22.com/
http://www.htmleaf.com/
http://www.layui.com/
http://www.h-ui.net/index.shtml

字体类网站:
http://www.youziku.com/onlinefont/index
http://www.psjia.com/pssc/fontxz/list_18_3.html

工具类:
http://tool.lu/
http://www.xueui.cn/design/online-tools
https://tinypng.com/
http://www.css88.com/

https://a-jing.blog.csdn.net/article/details/103036084?spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-10-103036084-blog-120271365.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-10-103036084-blog-120271365.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=12

1.百度,俗称度娘,有不懂的就问百度,有问必答,跳转

2.百度翻译,不懂的单词,复制粘贴就懂了,跳转

3.微信小程序开发文档,跳转

4.微信公众平台,跳转

5.我的 CSDN 博客主页,跳转

6.菜鸟教程,里面有超级多的开发教程,跳转

7.W3C 教程,里面有超级多的开发教程,跳转

8.VUE 官方文档,跳转

9.阮一峰老师的 E6 入门教程,跳转

10.React 官方文档, React 用于构建用户界面的 JavaScript 库 ,跳转

11.Ant Design Pro 是一个企业级中后台前端/设计解决方案,跳转

12.GitHub,里面有很多开源框架,学习进阶最好的方式就是查看好的开源项目,你可能会发现一个全新的世界,跳转

13.GitLab,远程代码托管,Git管理工具,跳转

14.Bootstrap简洁、直观、强悍的前端开发UI框架,让web开发更迅速、简单 ,跳转

15.Vant 轻量、可靠的移动端 Vue 组件库,跳转

16.可视化调试阴影效果,调好开源直接复制代码,跳转

17.ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表,跳转

18.腾讯地图位置服务文档,跳转

19.百度地图位置服务文档,跳转

20.JQuery之家,里面有很多现成的动画效果插件提供下载使用,跳转

21.DvaJS官方文档,它是处理数据流的一个 react 应用框架,在开发 React 时有不理解State,view,Action,connect,dispatch 的必看这个,跳转

22.UmiJS官方文档,它是一个企业级 react 应用框架,里面有现成区块(区块是快速搭建页面的代码片段),跳转

23.Taro(一次编写,多端运行)官方文档,Taro 是一套遵循 React 语法规范的 多端开发 解决方案。,跳转24. BizCharts,做图表用的(React 图表库),比 echarts 好看,比 echarts 简单,可以以组件的形式组合出无数种图表,配合 Ant Design Pro 完美,使用示例 , 跳转官网文档

  1. 阿里矢量图库 跳转

  2. emoji 表情大全 跳转

27.微信公众号测试号申请 跳转

  1. 免费字体下载 跳转

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

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

相关文章

C#中获取代码执行时间的方法

在C#中,您可以使用System.Diagnostics.Stopwatch类来测量代码执行时间。以下是一个简单的示例: using System.Diagnostics; public static double MeasureExecutionTime(Action action) {Stopwatch stopwatch new Stopwatch();stopwatch.Start();actio…

SpringMVC(三)获取请求参数

1.1通过ServletAPI获取 SpringMVC封装的就是原生的servlet 我们进行测试如下所示: package com.rgf.controller.service;import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping;import javax.servlet.…

学习MAVEN

MAVEN的详细介绍和作用、意义 好的,小朋友们,我们今天来聊聊一个非常神奇的工具箱,它的名字叫做Maven! 🌟 1. **神奇的工具箱Maven**: Maven就像是一个神奇的工具箱🧰,它可以帮助大人们把他们的电脑工…

P2 B+树索引

文章目录 Task1 B树页B树页B树内部结点B树叶子结点 Task2 B树操作Task2 B树插入和搜索的单一值插入单一值搜索单一值 Task2 B树删除 Task3 叶子扫描的迭代器Task4 并行索引 Task1 B树页 B树页 实际上是每个B树页面的标题部分,包含叶子页面和内部页面共享的信息。 …

【Docker】Dockerfile常用指令

参考官方文档:https://docs.docker.com/engine/reference/builder/ Dockerfile常用指令 指令说明from基础镜像,当前镜像基于(依赖)哪个镜像maintainer镜像的维护者和邮箱run镜像构建时需要执行的命令workdir镜像的工作目录expos…

基于springboot实现基于Java的超市进销存系统项目【项目源码+论文说明】

基于springboot实现基于Java的超市进销存系统演示 摘要 随着信息化时代的到来,管理系统都趋向于智能化、系统化,超市进销存系统也不例外,但目前国内仍都使用人工管理,市场规模越来越大,同时信息量也越来越庞大&#x…

最详细STM32,cubeMX外部中断

这篇文章将详细介绍 cubeMX外部中断的配置,实现过程。 文章目录 前言一、外部中断的基础知识。二、cubeMX 配置外部中断三、自动生成的代码解析四、代码实现。总结 前言 实验开发板:STM32F103C8T6。所需软件:keil5 , cubeMX 。实…

09 创建型模式-建造者模式

1.建造者模式介绍: 建造者模式 (builder pattern), 也被称为生成器模式 , 是一种创建型设计模式 定义: 将一个复杂对象的构建与表示分离,使得同样的构建过程可以创建不 同的表示。 2.建造者模式要解决的问题 建造者模式可以将部件和其组装过程分开&am…

【Unity程序技巧】公共Update管理器

👨‍💻个人主页:元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏:Uni…

Spring Boot中捕获异常错误信息并将其保存到数据库中

Spring Boot中捕获异常错误信息并将其保存到数据库中: 1.创建数据库表: 首先,您需要创建一个用于存储异常信息的数据库表。可以使用SQL脚本或者使用Hibernate实体类来创建表。以下是一个用于存储异常信息的表的示例SQL: CREATE TABLE erro…

【29】c++设计模式——>策略模式

策略模式 C中的策略模式(Strategy Pattern)是一种行为型设计模式,它允许在运行时选择算法的行为。策略模式通过将算法封装成独立的类,并且使它们可以互相替换,从而使得算法的变化独立于使用算法的客户端。 策略模式通…

图像语义分割 pytorch复现DeepLab v1图像分割网络详解以及pytorch复现(骨干网络基于VGG16、ResNet50、ResNet101)

图像语义分割 pytorch复现DeepLab v1图像分割网络详解以及pytorch复现(骨干网络基于VGG16、ResNet50、ResNet101) 背景介绍2、 网络结构详解2.1 LarFOV效果分析 2.2 DeepLab v1-LargeFOV 模型架构2.3 MSc(Multi-Scale,多尺度(预测…

vim 使用文档笔记

1. i:进入编辑模式 2. ESC:进入一般命令模式 3. h 或 ←:光标向左移动一个字符 4. j 或 ↓:光标向下移动一个字符 5. k 或 ↑:光标向上移动一个字符 6. l 或 →:光标向右移动一个字符 7. num&#xf…

Matlab论文插图绘制模板第122期—函数折线图(fplot)

本期分享的是函数折线图的绘制模板。​ 所谓函数折线图,就是将自定义线函数进行可视化表达​。 先来看一下成品效果: 特别提示:本期内容『数据代码』已上传资源群中,加群的朋友请自行下载。有需要的朋友可以关注同名公号【阿昆的…

【JavaEE】网络编程---TCP数据报套接字编程

一、TCP数据报套接字编程 1.1 ServerSocket API ServerSocket 是创建TCP服务端Socket的API ServerSocket 构造方法: ServerSocket 方法: 1.2 Socket API Socket 是客户端Socket,或服务端中接收到客户端建立连接(accept方法&…

el-table表格的一些操作-表格实现单选、多选

表格实现多选 <el-table:data"dataList"borderselection-change"handleSelectionChange">//多选框<el-table-column type"selection" width"55" align"center" /></el-table> handleSelectionChange(val…

浅谈兼容性测试的关键步骤

兼容性测试是确保应用程序在多样化的技术环境中正常运行的关键步骤。它有助于提高用户满意度&#xff0c;扩大市场覆盖范围&#xff0c;同时确保法规合规性。通过正确执行兼容性测试&#xff0c;企业可以确保其应用程序在各种平台上提供一致的卓越用户体验&#xff0c;从而增强…

#电子电器架构 —— 车载网关初入门

我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 PS:小细节,本文字数7000+,详细描述了网关在车载框架中的具体性能设置。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 没有人关注你。也无需有人关注你。你必须承认自己的价值,你不能站在他…

现在游戏出海有多少优势?

国内游戏市场趋于饱和&#xff0c;但是国外市场潜力仍然可观&#xff0c;因此很多人选择游戏出海&#xff0c;那么现在游戏出海有多少优势呢&#xff1f; 1、市场潜力 全球游戏市场潜力巨大&#xff0c;增长迅速。中国游戏公司具有强大的研发能力和创新能力&#xff0c;能够开…