当前位置: 首页 > 后端技术 > Node.js

分享一些web前端开发有用的网站

时间:2023-04-03 15:47:36 Node.js

TNTWeb——全称腾讯新闻前端团队。群里的小伙伴在Web前端、NodeJS开发、UI设计、手机APP等前端领域都有实践和积累。目前团队主要支持腾讯新闻各项业务的前端开发。除了业务发展,它还积累了一些前端基础设施,以实现业务效率提升和产品创新。团队提倡开源共建,拥有各类技术人才。团队Github地址:https://github.com/tnfe俗话说,磨刀不误砍柴工。了解并收集一些实用的网站,无论是示例还是教学用的个人博客,还是资源汇总,还是社区大佬的聚集地,都对我们的web开发起到事半功倍的作用.学习先进技术,共同探讨前沿技术,提升自身内在技术,合作共赢。现在,就让我们一起来看看吧。一、社区型网站1、GitHub(https://github.com/)GitHub是一个通过Git进行版本控制的软件源代码托管服务平台。简单来说,有以下功能:代码托管、学习优秀开源项目、当数据库、多人协作、建博客、社交、个人简历、写作等,还有更多功能等你发现.GitHub是几乎所有程序员必备的网站。无论你从事或研究哪个方向,使用哪种语言,GitHub都能给你很好的学习体验。2.前端-专注Web开发技术与资源分享(https://www.yyyweb.com/)前端专注于分享最前沿的Web开发技术、教程、资源资料,是面向网站开发者和设计者的学习交流平台。3.Techbrood-沉浸式互联网体验和学习门户(https://www.techbrood.com/)领先的沉浸式互联网内容门户,一站式学习、创作和展示。支持中英文双语检索、模糊查询、在线预览和编辑。里面有很多炫酷的动画和特效,总有一款是你喜欢的。4、CSS-Tricks(https://css-tricks.com/)是国外优秀的前端开发博客,主要分享CSS样式的使用技巧、经验和教程。值得前端开发者阅读和收藏的国外网站。大家也可以把自己在使用CSS进行设计的一些心得,和大家一起学习交流。5、CSDN-专业开发者社区(https://www.csdn.net/)是全球知名的中文IT技术交流平台,创立于1999年,包括原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,专业的IT技术开发社区,提供原创、优质、完整的内容。(这是小编的原创学习启蒙网站,毕竟小编的英文水平马马虎虎,惭愧)6、玩转JavaScript-代码库合集(前端工坊)(https://www.javascript.fun/)汇集了当下最流行的JavaScript代码库,展示流行度排行榜,开发者可以轻松找到自己想要的最新代码插件、工具和博客。7.StackOverflow-程序员问答网(https://stackoverflow.com/)全球IT行业最受欢迎的技术问答网站之一,解决bug的社区,号称编程中的十万个为什么世界。8、codrops-web设计开发博客(https://tympanus.net/codrops/)发布技术文章和web教程,提供经验,坑少,资源丰富,很多优秀的技术都出自这里。二、工具类网站1、访客周报(https://t.co/nuLFTvQhcq?amp=1)是一款免费的统计工具,可以获取访问您网站的用户数据。2.小??型开发工具(https://smalldev.tools/)麻雀虽小,五脏俱全。一款操作简单明了的小型开发工具,可以帮助您完成编码、解码、测试等常见任务。3、可视化字体比例尺(http://type-scale.com/)是一款可视化在线编辑工具,可以实时编辑样式,预览不同样式之间的差异。对于css初学者来说,会获得直观直观的体验,学习不会那么枯燥。4.Responsively(https://responsively.app/)有助于加速响应式网络应用的开发,是一个高效的工具。5.MetaTags(http://metatags.io/)MetaTags是一个为任何网站调试和生成元标记代码的工具。您可以编辑和试验您内容的标签,然后预览您的页面在Google、Facebook、Twitter等网站上的外观!6.ReadMe(https://readme.so/)在几分钟内可视化创建自述文件的最简单方法。7、在线工具(http://tool.lu/)里有很多有趣的小工具,比如一键抠图、生成二维码、摩尔斯电码、寓言、favicon在线制作、颜色转换等。在线运行代码~8.阿里巴巴矢量图标库(https://www.iconfont.cn/)iconfont-国内功能强大、图标内容丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换和其他功能。阿里巴巴体验团队设计和前端开发的便捷工具。(悄悄说一句:小编对这些小巧可爱的图案毫无抵抗力)3、在线IDE1。CodePen(https://codepen.io/)是一个网站前端设计开发平台,用于网站前端代码的工具,上面有各种效果的caseeffects,你可以根据需要开发自己的前端设计在他们的演示中。2.CodeSandBox(https://codesandbox.io/)CodeSandBox网站提供了一个在线开发环境“沙箱”。React、Vue、Angular等主流框架开箱即用,实时编译预览,非常方便。3.JSBin(https://jsbin.com/?html,output)是一个界面简洁的轻量级在线编辑网站。如果你想临时调试简单的HTML或JS代码,可以考虑来这里试一试。当然,网站不是很好。找到自己喜欢的、适合自己的,然后熟练掌握和运用。不定时贴出自己的技术攻略、学习笔记等。为什么不寻找一个可以存放你的记忆的宝库。4.TeamTNTWeb——腾讯新闻前端团队,TNTWeb致力于探索行业前沿技术,提升团队成员个人能力。针对前端开发者,我们整理了小程序和web前端技术领域的最新优质内容,每周更新?,欢迎star,github地址:github.com/tnfe/TNT-We……