首页 > 其他分享 >前端开发用到的工具及框架

前端开发用到的工具及框架

时间:2023-08-04 22:38:39浏览次数:35  
标签:www cn 框架 用到 UI 组件 com 前端开发



前端开发必备软件(工具)

   分类

   名称

                                       下载地址

                                备注 

浏览器调试

chrome

https://pc.qq.com/detail/1/detail_2661.html

谷歌浏览器调试工具。

代码编辑器

WebStom

https://www.jetbrains.com/webstorm/download/download-thanks.html

需要付费使用或者有密匙。

代码编辑器

Vscode

https://code.visualstudio.com/

提示功能很强大。

代码编辑器

Hbulider

https://www.dcloud.io/

简便好用,可以测试小demo。

原型图

Axure

https://axure.cachefly.net/AxureRP-Setup.exe

是互联网产品经理必备的软件之一,主流科技公司都在用。

接口测试工具

Postman

https://www.getpostman.com/downloads/

开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。

抠图

Photoshop

http://soft.tzwyi.cn/shadu/pk20190722/f62.shtml?sfrom=166&keyID=45312&channel=1&check=45

一款功能强大的图形图像处理软件。

分布式版本控制系统

Git

https://git-scm.com/download/win

一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。

软件项目的托管平台

github

https://github.com/

一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管。

仓库管理系统的开源项目

gitlab

https://git.lug.ustc.edu.cn/users/sign_in

一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。

款切图设计工具

PxCook

http://www.fancynode.com.cn/pxcook

帮你轻松驾驭设计图的尺寸,无需去量。

产品设计共享平台

蓝湖

https://lanhuapp.com/

是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。

 代码比较工具

Beyond Compare 

http://www.onlinedown.net/soft/23172.htm

Beyond Compare是一款Scooter Software研发的文件对比工具。你可以选择针对多字节的文本、文件夹、源代码,甚至是支持比对adobe文件、pdf文件或是整个驱动器,检查其文件大小、名称、日期等信息。

编辑器

Notepad++

https://www.cr173.com/soft/2907.html

是一款非常有特色的编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等。是开源软件,可以免费使用,同时也支持各类流行的计算机编程语言。编辑器可以运行在微软的windows系统环境下,它的使用是受GPL许可证保护的,支持的语言:C、C++、Java、C#、XML、HTML、PHP、Javascript。(方便原格式的查看编写代码)

数据库管理工具

Navicat 12

https://pan.baidu.com/s/1WuLgu4ye1T82sG9-o1teGw + bh3n

Navicat Premium 是一套多连接数据库开发工具,让你在单一应用程序中同时连接多达七种数据库:MySQL、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL,可一次快速方便地访问所有数据库。

远程控制

TeamViewer

https://www.teamviewer.cn/cn/download/windows/

远程桌面管理控制工具,在家加班的好工具。

前端开发人员的框架或者类库

类别

名称

官方地址

备注

 

jQuery.js

https://jquery.com/

较少

 

Vue.js

https://cn.vuejs.org/ 

主流框架

 

React.js

https://reactjs.org/

主流框架

 

Angular.js

https://angularjs.org/

较少

 

微信小程序

https://developers.weixin.qq.com/miniprogram/dev/framework/

主流框架(方向)

 

Element Ui

https://element.eleme.cn/#/zh-CN/guide/design

饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。

 

Vant Ui

https://youzan.github.io/vant/#/zh-CN/intro

有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。

 

iView Ui

https://www.iviewui.com

一个强大的ui库基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间。

 

Flutter

http://doc.flutter-dev.cn

谷歌的移动端 UI 框架,可在极短的时间内构建 Android 和 iOS 上高质量的原生级应用。 Flutter 可与现有代码一起工作, 它被世界各地的开发者和组织使用, 并且 Flutter 是免费和开源的。

 

layui

https://www.layui.com

一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

 

Mint UI

https://mint-ui.github.io/#!/zh-cn

饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。

 

SUI Mobile

http://m.sui.taobao.org/components/

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。我们的组件都是按照iOS风格设计的,所有有很多组件都是iOS独有的炫酷设计。

 

we UI  

https://weui.io/

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

 

Forzen Ui

http://frozenui.github.io/components/components

用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。

可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。

使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

 

MUI

https://dev.dcloud.net.cn/mui/

追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;

MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K

鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标.

MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件.

 

Framework

https://framework7.io/

用于构建iOSAndroid桌面应用程序的全功能框架.Framework7-是一个免费的开源框架,用于开发具有原生外观的移动,桌面或Web应用程序。它也是必不可少的原型制作工具,可以在需要时尽快显示可运行的应用程序原型。

 

Vuetify

https://vuetifyjs.com/zh-Hans/

Vuetify基于vue2.0,为移动而生的组件框架 

Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 

不兼容IE9/IE10,部分兼容IE11/Safari9,兼容其他浏览器。


AT UIKIT

https://at-ui.github.io/at-ui/#/zh/docs/introduction

凹凸实验室出品的一款轻量级、模块化的前端 UI 组件库。

 

Muse-UI

https://muse-ui.org/#/zh-CN

基于 Vue 2.0 优雅的 Material Design UI 组件库

 

Mand Mobile

https://didi.github.io/mand-mobile/#/en-US/docs/introduce

vue移动端框架

小程序ui框架

TouchUi

https://github.com/uileader/touchwx

TouchUI-WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充,并扩展了小程序很多其他能力。

 

小程序开发社区

http://www.wxapp-union.com

小程序开发交流区

 

在线工具

https://tool.lu/c/developer/

 

ICON

icon

https://icon.52112.com/?bd_vid=11459296454949175102

新颖icon,复古

ICON

iconfont

https://www.iconfont.cn/

阿里巴巴打造的,国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能

ICON

easyicon

https://www.easyicon.net/

精美

 

 

标签:www,cn,框架,用到,UI,组件,com,前端开发
From: https://blog.51cto.com/u_14562672/6969140

相关文章

  • python多进程编程常用到的方法
    python中的多线程其实并不是真正的多线程,如果想要充分地使用多核CPU资源,在python中大部分情况需要使用多进程。python提供了非常好用的多进程包Multiprocessing,只需要定义一个函数,python会完成其它所有事情。借助这个包,可以轻松完成从单进程到并发执行的转换。multiprocessing支......
  • 一步一步实现若依框架--2.5匿名注解@Anonymous
     1实现绕过权限认证,可以直接访问某些接口。这些部分可以直接在SpringSecurity中的配置去写,也可以像这个主角这样给添加了注解的方法或类进行放行。原理:在springsecurity设置拦截前,获取到所有添加了该注解的请求,把这些请求添加到放开拦截的配置中。2实现a)新增注解(注解......
  • [缓存] Google Guava Cache本地缓存框架一览
    1序言上一次使用GuavaCache框架还是在2年前浙江某大学的数据服务平台项目中,用于缓存用户的数据服务购物小车数据;参见:[缓存]缓存技术初探-博客园/千千寰宇而这一次,是在基于GoogleGuavaCache+refreshAfterWrite特性来缓存Influxdb的物联网信号数据表的信号字段信......
  • 案例7-Unittest测试框架定制
    需求描述假设由你们公司的已有一套前辈开发的基于unittest的测试框架,现在交由你进行维护。领导另外提出了一些新的需求,比如:为用例增加优先级功能bvt及p0-p2,并支持按优先级筛选用例。为用例添加状态功能,包括实现中、完成、废弃等,默认只运行完成的用例为用例添加负责人,并在......
  • Java17与相关框架支持版本SpringBoot、IDEA、Tomcat等
    相关框架需要的最低版本NameVersionJava17+SpringFramework6.0SpringBoot3.0Tomcat10.1Maven3.6.3+Gradle7.x(7.5orlater)and8.xUndertow2.3IntelliJIDEA2021.2+SpringFrameworkSpringFrameworkOverview::SpringFrame......
  • ChatGPT 问答00011 Spring框架事件驱动使用案例
    以下是一个使用Spring框架的事件驱动机制的简单案例:定义事件类:publicclassOrderEventextendsApplicationEvent{privateOrderorder;publicOrderEvent(Objectsource,Orderorder){super(source);this.order=order;}public......
  • Blazor前后端框架Known-V1.2.10
    V1.2.10Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。Gitee:https://gitee.com/known/KnownGithub:https://github.com/known/Known概述基于C#和Blazor实现的快速开发框架,前后端分离,开箱即用。跨平台,单页应用,混合桌面应用,Web和桌面......
  • Java面试题 P49:框架篇:MyBatis是否支持延迟加载?
         未配置延迟加载的执行结果: =========================================启用MyBatis延迟加载:     同样可以达到刚才的效果。   ......
  • Java面试题 P48:框架篇:MyBatis执行流程
         ......
  • Java面试题 P48:框架篇:Spring框架常见注解(Spring、SpringBoot、SpringMvc)
        ......