Skip to main content

前端 - Home

tip

🌈汇集了前端技术书籍、前端热门技术、前端发展等资料

文章

前端基础

HTTP

混合开发

性能优化

前端工程

AST

业内发展

  • Kotlin:Kotlin 可以编译成Java字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行
  • clojurescript:基于Clojure语言的JS封装
  • PWA:PWA(Progressive Web App),渐进式网络应用
  • React Native:基于 React 的跨平台移动应用开发框架
  • Nodejs:是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序

工具使用

其他

前端团队

TeamTeamTeam
淘宝前端团队(FED)腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队

前端社区

CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE

前端视频网站

LearnLearnLearn
极客学院慕课网egghead

代码仓库

RepositorieRepositorieRepositorie
githubbitbucket码云

在线编辑

CodeEditCodeEdit
CodePenjsfiddle

模版引擎

名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎

前端框架

名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架

前端UI框架

名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0

移动端(混合)框架

简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI

移动UI框架

简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库,轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI

状态管理库

简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management

Nodejs框架(服务)

简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance

SSR(服务端渲染)

简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework

桌面应用构建

简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用

预编译

简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output

构建工具

简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org

前端包管理器

简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.

前端测试

简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool

持续集成

简介
Travis CIFree continuous integration platform for GitHub projects.

常用工具

名称简介
Can I useCan I use
Charles抓包,代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图,录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符