前端常用网址总结

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框架：

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

图标类网站：

  1. http://www.iconfont.cn/plus
  2. http://www.easyicon.net/iconsearch/ios/
  3. http://www.thinkcmf.com/font/search.html

素材类网站：

  1. http://588ku.com/
  2. https://unsplash.com/

配色类网站：

  1. http://colorhunt.co
  2. https://webgradients.com/
  3. https://color.adobe.com/zh/create/color-wheel
  4. http://www.colorhunter.com/
  5. http://www.bootcss.com/p/websafecolors/
  6. http://www.sioe.cn/yingyong/yanse-rgb-16/

插件类网站：

  1. http://www.jq22.com/
  2. http://www.htmleaf.com/
  3. http://www.layui.com/
  4. http://www.h-ui.net/index.shtml

字体类网站：

  1. http://www.youziku.com/onlinefont/index
  2. http://www.psjia.com/pssc/fontxz/list_18_3.html

工具类：

  1. http://tool.lu/
  2. http://www.xueui.cn/design/online-tools
  3. https://tinypng.com/
  4. 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 完美，使用示例 ， 跳转官网文档

25. 阿里矢量图库 跳转

26. emoji 表情大全 跳转

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

28. 免费字体下载 跳转

QQ交流群：   173683866     173683895    526474645

posted on 2022-08-19 15:17  四海骄阳  阅读(519)  评论(0)  编辑  收藏  举报

导航