前端开发让你干活如鱼得水的一些网站分享

1. BootCDN

各种js库都可以在这个站上以cdn形式引用

2. vscode.dev

vscode.dev/

Visual Studio Code for the Web 提供完全在您的浏览器中运行的免费、零安装 Microsoft Visual Studio Code 体验,使您能够快速、安全地浏览源代码存储库并进行轻量级代码更改。”,也就是说你在使用它之前不需要做任何事,只需要一个稍微正常一点的设备和一个能正常访问的浏览器,然后访问vscode.dev,就可以使用了。

3. processon

www.processon.com/

ProcessOn是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率,值得拥有

4. codelf

为了更好的解决编程过程中变量命名和变量统一,也为了使变量命名更加规范、正规,国际著名的面向对象分析设计、UML、模式等方面的专家,敏捷开发方法的创始人之一,Martin Fowler,开发了这个名字叫CodeLF的开源工具。

CodeLF通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的项目源码,帮开发者从中找出已有的匹配关键字的变量名。这个搜索服务支持直接搜索中文。CodeLF支持中文查询,输入中文意思,CODELF可以根据需要查询尽可能满足需要的结果,并展示与查询结果相关的支持各种编程语言的代码片段以及代码库。

5. lucide

lucide.dev/

作为前端必然少不了图标的使用,目前流行的主要是SVG图标,不管是在显示上还是通用适配上都比字体图标要好。当然我也用过很多图标库和平台,主要分为平台型和自身的图标库,平台型的比如Iconfont这种,由于是平台型,所以图标质量参差不齐,不过他还支持设计师和前端的图标管理,个人更倾向于使用自身的图标库,因为风格和尺寸都统一,Lucide就是其中的一款SVG图标库,风格上我很喜欢,比较圆滑(stroke-linecap 和 stroke-linejoin 都是 "round")而且还提供了各种框架的插件,不管是自己下载SVG还是引用相应的插件都可以,使用上非常人性化。

6. RegExr

RegExr是一款功能强大的正则表达式网站,和普通的正则表达式验证网站不同,高亮的同时还可以展示出正则匹配的详细过程,对于正则表达式的每一部分都可以做出准确的解释,比如鼠标移到A-Z上面时,会提示该正则表达的意思是:一个区间,匹配A-Z之间的一个字符(字符编码未65到90)区分大小写。

这样图形化的展现大大提高了开发效率,尤其非常适合初学者!

7. JSONT

www.jsont.run/

一款非常6的json操作工具

  • 页面简洁好看,没有广告,打开速度快,个人认为这对于一款经常会打开使用的工具型网站是非常重要的。
  • 功能强大实用,包括了JSON的格式化验证、编辑、分享、转换等诸多实用功能。
  • 支持PWA、Utools插件、Vscode插件等多个第三方的插件,平台覆盖面很广。

8. OSChina

开源中国成立于2008年8月,是国内一个开源技术社区,拥有超过300万会员,形成了由开源软件库、代码分享、资讯、协作翻译、码云、众包、招聘等几大模块内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台,综合来说还是比较优秀的一个平台

9. jspang.com

技术胖,15年开发经验,目前主做前端开发。努力每年录制100集免费视频教程,帮助新人学习。他录制的学习资料都比较前沿,讲解通俗易懂,简直就是手摸手教你掌握,极力推荐!

10. 印记中文

docschina.org/ 印记中文作为国内领先的前端技术传播社区,简直就是前端人的开发导航器,经过一段时间的发展,已经拥有了 React、Webpack、Babel 等优质中文文档站点,并且还开拓了周刊类业务

11. StackOverflow

stackoverflow.com/ 一个强大的IT技术问答网站,用户可以在网站免费提交问题,浏览问题,索引相关内容。没有这个站上搜不到的问题

12. 刷题/学习站

13. IT技术交流平台

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的实现这个功能的Android应用程序: 1. 在activity_main.xml文件中添加一个TextView和一个Button控件: ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.randomword.MainActivity"> <TextView android:id="@+id/tv_word" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24sp" android:text="@string/default_word" /> <Button android:id="@+id/btn_next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_next" /> </RelativeLayout> ``` 2. 在MainActivity.java文件中添加以下代码: ```java public class MainActivity extends AppCompatActivity { private TextView tvWord; private Button btnNext; private String[] words = {"抱头鼠窜", "胸无点墨", "如鱼得水", "头破血流", "鼠目寸光", "狗急跳墙", "亡羊补牢"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tvWord = (TextView) findViewById(R.id.tv_word); btnNext = (Button) findViewById(R.id.btn_next); btnNext.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { int index = (int) (Math.random() * words.length); tvWord.setText(words[index]); } }); } } ``` 这个应用程序中,我们使用了一个String类型的数组来存储所有的词汇,然后通过Math.random()方法来随机获取一个词汇,并将其显示在TextView控件上。每次点击Button按钮时都会更新TextView的文本内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值