当前位置:首页 » 网页前端 » 前端常用网站
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端常用网站

发布时间: 2023-05-15 03:44:42

1. 学习前端技术,有那些好的网站

个人常用前端学习网站:
B站HTML+CSS教程(更新中):https://www.bilibili.com/video/BV15T4y1F7Hj
菜鸟教程:https://www.runoob.com/
思否:https://segmentfault.com/
腾讯课堂js教程:https://ke.qq.com/course/231577
B站 vue教程:https://www.bilibili.com/video/BV15741177Eh
移动端 Vue 组件库:https://youzan.github.io/vant/#/zh-CN/
在线工具:https://tool.lu/
CSDN:https://www.csdn.net/
前站导航:http://frontendjs.com/
后盾人:https://hounren.gitee.io/note/
MDN:https://developer.mozilla.org/zh-CN/
搜索引擎:https://goobe.io/

2. Web前端开发比较好的技术类资源网站有哪些

github 程序员的天堂

W3CPlus | css3教程-css3实例-css3动画

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。
W3Help - W3help是由国内多家关注Web标准的公司、团体、标准组织,及科研单位等共同创立的Web标准推广网站。我们创办该网站的目的是为了促进Web标准技术在国内业界的应用和推广,提供跨浏览器开发资源,推动国内Web环境与国际标准的接轨,最终实现国内Web的标准化。我们真诚欢迎国内业界同仁一起加入到推广Web标准的事业中来。
Can I use... Support tables for HTML5, CSS3, etc 查看主流浏览器对css、css3等兼容性,很强大。

奇舞周刊 领略前端技术 阅读奇舞周刊。收集每周前端精华文章,集结成册,每周五发送给您
码农周刊 码农周刊是一份专为程序员打造的IT技术周刊。我们会为你精选一周IT技术干货,每周三发送,完全免费。

3. 前端框架都有哪些,企业常用的是哪些

在做web开发的时候经常会遇到一个问题,那就是,选择什么样的框架来做前端开发。下面我把目前常用的一些前端的框架简单的给你介绍一下.
就目前来说,比较流行且常用的Web前端框架有Angular、React和Vue。AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发,它主要考虑的是构建CRUD应用,而至少90%的Web应用都是CRUD应用。React是一个用于构建用户界面的JavaScript库,也是Web应用程序的视图层。React拥有较高的性能,代码逻辑非常简单,已经有越来越多的人开始关注和使用它。Vue.js是一套构建数据驱动的Web界面的渐进式框架。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。
除了这几个,还有一些,我给你介绍
1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架如上图。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。
2、flex
Apache基金会发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本
3、extjs
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
4、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。
5、MiniUI
又一个基于jquery的框架,开发的界面功能都很丰富。
6、jQuery UI
jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
7、DWZ
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
8、GWT
Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。
9、YUI
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过!
10、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。
11、Dojo
在国内应用好像不是很广,不过性能上应该没问题。
Dojo是一个用javascript语言实现的开源DHTML工具包。
12、ZK
ZK是 一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
13、OperaMasks-UI
OperaMasks- UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。
14、JavaFX
Sun 公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。
以上的回答希望对你有所帮助

4. 网页前端常用的库或框架有哪些

bootstrap是twitter出的一款不错的UI框架,或者与其说是框架不如说是类库(lib),当然这里边牵扯到一个“究竟什么是框架什么是类库?”的问题,我们暂时不谈。毕竟是有大公司背景的代码堆,我觉得没什么“落伍”可言。
angular是前两年之内突然火得一塌糊涂的一个fe框架,这个我觉得可以算的上是真正意义上的框架了,MVVM双向绑定,包括它拥有足够完善的社区、生态,甚至chrome上都有很多好用的相关插件(这一点可以说是占了google出品的光),比较完整的大型项目都是可以考虑引入的。但如果你的网站只是做一些轻量级的东西,杀鸡焉用宰牛刀吧我觉得。
backbone主要针对的MVC中的M层,至少我是这么理解的。对UI层它几乎没什么太多的限制,一方面给出了coder自由度进行发挥,另一方面也等于在这方面框架本身对开发没提供什么太大的帮助。我觉得这更像是一个高手向的框架,另外对于underscore前端模板那一套东西,说实话作为一名php java啥都能写的FE我始终觉得这套东西有那么一种纯JS工程师的一厢情愿的意味。这是个人看法了,不一定准确,况且有人会搬出ajax动态渲染时 前端模板的作用来反驳我,别急着反驳,至少往下看完我说的话。
相比之下,react可以说是一个在MVC中V层做的十分出色和新颖的框架了,独特的jsx编译机制就已经让你的代码变得高大上了,我是觉得这个类库在UI层做的更彻底更专业,或者说让FE的代码更专业了。更何况,react比angular更年轻,而且同样拥有大公司背景,react native一出更是让JS工程师的地位取得了革命性的提升,(不要跟我提phonegap,用过两个东西后你会明白,react打包的app性能甩phonegap几条街没问题)。另外既然楼主提到了之前的网站是bootstrap,不妨可以看一看react-bootstrap这个东西,或许这就是你想要的。

5. web前端开发论坛社区有哪些

推荐一个前端开发者的常用工具列表:

1. lodash:一个一致性、模块化、高性能的 JavaScript实用工具库。

2.ramda:一个很重要的库,提供了许多有用的方法,每个 javaScript程序员都应该掌握这个工具。

3.dayjs:一个轻量的处理时间和日期的 JavaScript库,js工具类和 Moment js的AP设计保持完全一样,体积 只有2kb。

4.big.js:一个小型,快速的 JavaScript库,用于任意精度 的十进制算术运算。

5.qs:一个url参数转化 (parse和stringify)的轻量级js 库。

6.three.js:基于webgl的开源3D框架,对webgl进行封装,需要专业的3D开发知识。

7.thingjs: 一款新兴的3D框架,封装物联网3D开发概念(建筑、楼层等),仅要求初级js基础。

常见的技术社区,都会有【大前端】学习资源和社区讨论,推荐spring4all、博客园、开源中国、思否、CSDN、V2ex、腾讯云、阿里云、spring4all、掘金、ITPUB,总有合适你的学习氛围。

如果有一定的美术能力,3D可视化是不错的发展方向!审美在线,又有开发基础的话,转行3D开发师不用愁。我所处的物联网3D可视化领域,这个职业很有前景哦~thingjs官网-资源中心提供视频教程、demo案例、下载插件和3D模型,好好实操一下,初学者有破了一周开发3D项目的记录!

  • ThingJS教程(2019版)

  • ThingJS教程(2020版)

  • CampusBuilder教程

  • ChartBuilder教程

  • ThingJS行业案例

  • 看一下模型效果杠杠滴!


6. web前端框架有哪些

目前比较流行的前端框架是Angular、React、Vue、Bootstrap
如果基础建议别看框架,先学习html、css、js(可以暂时不会写,但必须会用),能独立完成页面编码之后,再学习框架

7. 前端常用的框架有哪些

在Web前端开发中,适时地使用一些框架,对于我们日常的开发,可以说是事半功倍。那么,常用的Web前端框架有哪些呢?程序员常用的Web前端开发框架如下:
1、Bootstrap
Bootstrap流行的CSS框架,它是最早的Web前端框架,Bootstrap提供了许多实例来帮助入门。使用Bootstrap可以将不同的组件和布局组合在一起,从而创建有趣的页面设计,还提供了大量详细的文档。
2、QUICK UI
QUICK UI一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量提高开发效率,快速构建功能强大、美观、兼容的web应用系统。
3、MDC Web
Material Components for the web(MDC Web),谷歌为Web设计的全新前端框架。MDC Web帮助开发人员执行Material Design,组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程以构建美观且功能强大的Web项目。
4、Pure
Bootstrap,Patternfly和MDC Web功能非常强大的CSS框架,但非常繁琐复杂。如想要一个轻量级的CSS框架建议尝试Pure.css,本身更接近于CSS编程,但又可以帮助构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架由Yahoo开发根据BSD许可是开源。
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司,组织都使用该框架,并且该框架具有大量可用的文档。
6、Bulma
Bulma基于Flexbox的开源框架可根据MIT许可证开源。一个非常轻量级的框架,只需要一个CSS文件。Bulma拥有简洁明了的文档可轻松选择想要的主题。还具有许多Web组件可以在设计中使用它们。
7、Skeleton
轻量级框架Skeleton。Skeleton库只有大约400行,且该框架仅提供一些基本的CSS框架组件。Skeleton还是提供了详细的文档来帮助快速上手。
8、Materialize
Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架,解决了最繁重的工作,结合的自定义组件为提供默认的样式。Materialize的文档页面非常全面很容易遵循。其组件页面包括按钮,卡片,导航等。
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比Bootflat更简单更加轻量级。大部分都是图像没有太多的文字。
10、PatternFly
PatternFly是Red Hat的开源CSS框架,和Bootstrap不同的是Bootstrap是为那些想要创建漂亮网站的人而设计,而PatternFly主要专注于企业应用程序开发人员提供诸如条形图、图表、导航之类的组件,实际上Red Hat就是使用它创建了OpenShift。除了静态HTML,PatternFly还支持ReactJS框架,这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件,如条形图,图表,模式和布局。
11、flex
Flex目前还在孵化阶段,还不是Apache的正式项目,Flex4.8也不是一个正式的Apache版本。,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动而不是由一个公司驱动。开发者可以通过贡献代码来帮助改进Flex,如修复bug、增加功能等。
以上就是分享的Web前端开发常用的一些框架。程序员们可以根据自己的业务需求选择简洁直观、功能强大的前端开发框架,让自己的工作更迅速简单,提高开发的效率。

8. 前端超实用网站

1.在线PS

【在线PS】PS软件网页版,ps在线图片处理工具photopea-稿定设计PS

2.免费矢量图库

iconfont-阿里巴巴矢量图标库

3.echarts超多例子

Gallery

4.免费高清背景败扮穗图

Beautiful Free Images & Pictures | Unsplash

5.ueditor二次开发批注

GitHub - kangzj/ueditor-postil-plugin: 基于UEditor二次开发批察卜注功能的插件,具有添加新批注、编辑批注、删除批注、显示/隐藏批注功能

6.原型图在线

原型图在线

7.video播放 兼容方案

JSMpeg是JS写的视频、音频解码器缺塌,能使用WebGL&Canvas2D渲染以及WebAudio声音输出。

官网: https://jsmpeg.com/

github: https://github.com/phoboslab/jsmpeg

官方例子: https://jsmpeg.com/perf.html

8.字体转换
CloudConvert

9. scss在线调试
SCSS 在线调试 - 踏得网

10. 比例调试图片
ccc (263×396)

11. 学习文档
DevDocs API Documentation
csslayout

12.  ice