前端开发相关汇总

简介

前端发展迅速,开发者富有的创造力不断的给前端生态注入新生命,各种库/框架/工程化构建工具层出不穷,眼花缭乱,不盲目追求前沿技术,学习框架和库在满足自己开发需求的基础上,然后最好可以对源码进行调研,了解和深入实现原理,从中可以获得更多的收获

随着前端发展,前端的职责也跟着变化,不再仅仅是设计稿切图+JS实现交互,已经可以涉猎到后端,微信小程序,原生APP等领域,大前端,全栈开发,小程序开发,前端架构师,带来了更多岗位选择的同时,也是对自身技术一种挑战

【前端汇总】这里会对前端相关技术教程,开源框架,库,工具等相关资源,进行分类记录,持续更新,通过记录共享可以方便大家找到想要资源


IDE


LESS

  • less css 预处理语言

SASS

  • sass 成熟、稳定、强大的 css 扩展语言

JavaScript


ES2015(ES6)


TypeScript


NodeJS


Babel


Bower


Yeoman


Gulp


Grunt


Webpack


Parcel

  • 官方教程 Web应用打包工具,不需要任何配置

Vue


React


AngularJS


微信小程序

  • wepy 让小程序支持组件化开发的框架 微信官方框架
  • iview-weapp 一套高质量的微信小程序 UI 组件库
  • vant-weapp 赞移动端组件库 Vant 的小程序版本
  • minui 基于规范的小程序 UI 组件库,自定义标签组件,简洁、易用、工具化
  • wux-weapp 微信小程序自定义 UI 组件
  • taro 支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用

测试


模块化


Git


GitBook

  • Gitbook 国外的在线markdown可编辑成书

常用前端插件

1.图片:

2.富文本编辑器:

3.日期插件:

4.表单验证库:

5.图表:

6.特效:

7.各种功能:


前端UI框架


其他

  • iconfont [矢量图标] 阿里云矢量图标库,可以在平台里构建自己的图标库

博客搭建

  • Hugo[Go] 静态网站生成器,托管第三方git平台 Pages
  • Hexo[nodejs] 可托管第三方git平台 Pages
  • Ghost [nodejs]
  • jekyll 可托管第三方git平台 Pages
  • WordPress 需要服务器环境

Windows开发必备神器

  • Cmder 一款超好用的工具cmder
  • Scoop 软件包管理系统,像 Mac 上的 Homebrew, Chocolatey,Homebrew-Cask
  • Chocolatey 像一个软件包管理工具(背后使用 Nuget )


首发博客

原文地址:http://blog.51cto.com/sflyq/2308971

时间: 2024-10-06 22:34:56

前端开发相关汇总的相关文章

移动平台WEB前端开发技巧汇总

您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如果您不是,可能您会遇见许多不理解或听不懂的专业术语或前端技术(包括WEB.Mobile).但是这没有关系,给自己一点信心吧,用心的阅读下去…… 自Iphone和Android这

移动webAPP前端开发技巧汇总2

一.关于单位的使用 可能在传统的PC端来说,1px=1px的比例.而在移动端却不是这样,1px = ?. 因为出现了一个像素密度这样个东西,就不能在移动端使用“PX”这个单位.可能在你的大屏手机是1px等于1点几个像素,可能在小屏手机却刚好.就好比网页的兼容性一样,浏览器的内核不同,解析当然会有所不同! 正好,CSS3又给你出现了一个新的单位“rem”.当然出现了这样的问题,首先我们就会去问问神奇的“百度”.大多数网友给出的答案是:“给html根元素的字体大小设置font-size:62.5%,

前端开发---前端相关软件分享

**接触前端开发半年多以来,用了不少的前端开发工具与一些前端开发有关的软件. 在这里我介绍下自己的前端开发相关的软件,这些都是我现在用的,用的比较方便顺手的.** HTML+CSS+Javascript编辑器 Adobe Brackets 这是一款开源的对HTML5,CSS3支持很好的,Javascript代码提示友好的,具有很多贴心功能的(颜色选择器,路径提示) 简介的编辑器.她还可以配合Chrome实现实时更新界面的效果,就是代码发生修改保存,页面内容立刻刷新. 简单实用,开源免费是我非常喜

这儿有自学前端开发的吗?

如果你是一个人在自学前端开发,或者是对前端开发有比较浓厚的兴趣正想踏入前端领域,只要你在前端自学路上遇到了自己无法解决的技术难题,那么尽管将你的疑惑交给我的小伙伴儿们吧,我们都是一群在前端自学路上摸爬滚打的有志青年,希望你可以来和我们共同交流.同时也希望你能献出自己的一份力,帮助我的小伙伴儿们解决他们遇到的各种技术问题,希望我们在前端领域能够一起成长,共同迎接美好的未来! [本群面向的对象主要包括已从事web前端开发相关职业的和对前端开发具有浓厚兴趣的小伙伴,请自觉遵守群内秩序,欢迎大家在群内积

有没有自学前端开发的小伙伴儿?

如果你是一个人在自学前端开发,或者是对前端开发有比较浓厚的兴趣正想踏入前端领域,只要你在前端自学路上遇到了自己无法解决的技术难题,那么尽管将你的疑惑交给我的小伙伴儿们吧,我们都是一群在前端自学路上摸爬滚打的有志青年,希望你可以来和我们共同交流.同时也希望你能献出自己的一份力,帮助我的小伙伴儿们解决他们遇到的各种技术问题,希望我们在前端领域能够一起成长,共同迎接美好的未来! [本群面向的对象主要包括已从事web前端开发相关职业的和对前端开发具有浓厚兴趣的小伙伴,请自觉遵守群内秩序,欢迎大家在群内积

这儿有没有一个人在自学前端开发的?

如果你是一个人在自学前端开发,或者是对前端开发有比较浓厚的兴趣正想踏入前端领域,只要你在前端自学路上遇到了自己无法解决的技术难题,那么尽管将你的疑惑交给我的小伙伴儿们吧,我们都是一群在前端自学路上摸爬滚打的有志青年,希望你可以来和我们共同交流.同时也希望你能献出自己的一份力,帮助我的小伙伴儿们解决他们遇到的各种技术问题,希望我们在前端领域能够一起成长,共同迎接美好的未来! [本群面向的对象主要包括已从事web前端开发相关职业的和对前端开发具有浓厚兴趣的小伙伴,请自觉遵守群内秩序,欢迎大家在群内积

寻找志同道合的前端开发小伙伴儿

如果你是一个人在自学前端开发,或者是对前端开发有比较浓厚的兴趣正想踏入前端领域,只要你在前端自学路上遇到了自己无法解决的技术难题,那么尽管将你的疑惑交给我的小伙伴儿们吧,我们都是一群在前端自学路上摸爬滚打的有志青年,希望你可以来和我们共同交流.同时也希望你能献出自己的一份力,帮助我的小伙伴儿们解决他们遇到的各种技术问题,希望我们在前端领域能够一起成长,共同迎接美好的未来! [本群面向的对象主要包括已从事web前端开发相关职业的和对前端开发具有浓厚兴趣的小伙伴,请自觉遵守群内秩序,欢迎大家在群内积

“为知笔记”现在征召和我一起为理想而奋斗的前端开发

同志们, "为知笔记"现在征召和我一起奋斗的前端开发!!!有意者请联系我! 谢谢 岗位职责: 负责公司web前端开发:优化web前端用户体验及架构:负责配合其他客户端开发前端组件: 岗位要求: 具有 2 年以上前端开发相关工作经验:熟悉 HTMIL5.CSS3,了解 jQuery 等主流的 JavaScript 框架:熟悉 Bootstrap.Foundation 等 UI 框架:具备良好的沟通合作技巧,较强的责任心及团队合作精神: (掌握以下技能者可优先考虑) 熟悉 Less.Sas

Web前端开发工程师养成计划【转载】

Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国日渐成熟才解放了一直以来姥姥不疼舅舅不爱的前端开发工程师们. 有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师?如果你注意到了,那么恭喜你,你已经拥有那么一点点预测互联网职场动向的能力. 可能令你感到遗憾的是你从没从事过前端开发工作,不过没关系,只要你肯努力,一切都是可以学会的