前端快来!2017年12月超实用前端干货大合集!

2017-12-16 11:40 来源:易采站长用户投稿 作者:admin 点击: 评论:

A-A+

原标题:前端快来!2017年12月超实用前端干货大合集!

  道起去,近来「无头CMS」却是挺水的,简而行之,那便是「没有触及前真个内容办理体系」,CMS以相似RESTful API 的情势公然内容,而开辟者则能够以他们所喜好的任何内容情势去显现此中的内容。愈来愈多那种模块化的、功用化的框架开端呈现,效劳于前端战开辟者。明天的前端干货年夜开散傍边,便包罗了很多那样的东西战素材,期望您能喜好。

  Headless WP Starter

  

 

  那是一个Wordpress 进门主题,差别于其他的出题,那个主题操纵WP-API去获得内容,然后借用Node 战 React 将其显现为静态HTML,让您的网站能够「无头」显现。

  VueStoreFront

  

 

  VueStoreFront 是别的一个「无头CMS」框架,它是成立正在Vue.js 战 Node 根底上的。VueStoreFront 是为诸如 Magento、Prestashop 战 Shopware 那样的电商仄台而构建的,分离PWA,它借能够让网站能够离线利用。

  GatsbyJS

  

 

  Gatsby 是一个基于 React.js 所构建的静态网站死成器。您能够经由过程API 将它战的CMS体系分离起去利用,好比Wordpress、Markdown、JSON等等。同时,它也利用了一些最新的手艺,好比Node,PWA战React,它们让减载速率有了较着的提拔。

  DustPress

  

 

  DustPress 是一个接纳了更加当代开辟办法的Wordpress 主题。借助 Dust.js ,DustPress 将HTML模板规划从PHP逻辑平分离出去,使得开辟者能够死成更加简约的代码,提拔开辟速率,更容易于保护。

  VSCode Icons

  

 

  Visual Studio Code 曾经成为今朝最盛行的代码编纂器之一,它充足沉量级,插件寡多,借有很多可供挑选的图标。假如您以为默许的VSCode 的图标很无聊的话,那套图标是没有错的挑选。

  TailWindCSS

  

 

  TailWindCSS 是别的一个CSS框架,不外差别于盛行的CSS框架,它没有供给UI组件,TailWindCSS之包罗了一小段CSS类,供您编写属于本人的UI界里。

  Traefik

  

 

  Traefik 是一个很是当代的 HTTP 反背代办署理战背载均衡器,除撑持 Docker 以外,它借撑持诸如 Kubernetes、Rancher 战 Amazon Elastic Container 等效劳。

  CubeUI

  

 

  CubeUI 是正在 Vue.js 的根底上构建起去,它是一套用于挪动真个梦境般的UI组件,包罗各类常睹的控件。每一个组件皆有响应的测试单位,最年夜限度天低落躲藏的毛病。

  Air

  

 

  Air 是一款极简的 WordPress 主题,经由过程 _s 那个主题删减了一些分外的组件,好比轮播图战悬浮导航等。

  EmptyStates

  

 

  EmptyStates 是一款网页战挪动端常睹空形态页里的开散,用去给设想师获得灵感。

  Shortcut Design

  

 

  那个网站供给了常睹的设想师战前端所用硬件的快速键开散,包罗 Sketch、Photoshop、InDesign、Sublime Text、WordPress 等东西。今朝那套开散傍边的快速键次要是针对macOS 仄台的,Windows 会随后参加出来。

  Uppy

  

 

  Uppy 是一款用去构建上传界里的JS框架,借助Uppy ,您不只能够从当地磁盘检索文件,借能从内部存储效劳(相似 Google Drive 、Dropbox 以至 Instagram )检索文件。它充足沉量级,模块化,借具有没有错的扩大性。

  VuetifyJS

  

 

  VuetifyJS 是基于 Vue.js 去构建 Material design 气势派头组件那种思绪降生的东西。固然Google 具有 MDL 战 Material Design Lite 那样相似的东西,可是正在社区中并出有充足的吸收力,而 VuetifyJS 能成为没有错的替换品。

  WP ULike

  

 

  WP Ulike 是一个Wordpress 插件,为其增加面赞按钮。不管是自界说的页里,借是bbPress大概 BuddyPress 也皆撑持。它借内置了一些其他很酷的功用,好比告诉体系,阐发的小控件,它能够成为您的Wordpress 站面中最惹人注目的组件。

  Vee Validate

  

 

  Vee Validate 是一款 JavaScript 库,能够帮您增加内置考证的输进字段,它撑持多品种型的输进格局,包罗电子邮件,德律风号码,日期,URL 战 IP地点等。

  Vue Data Tables

  

 

  那是别的一款很是便利的Vue.js 插件。VueDataTables 能够正在 Vue.js 中构建自界说分页表单。它能够正在桌里端无缝天衬着出海量的数据,它借会附带一些分外的组件帮您驱动表单那、分页、搜刮框战过滤器。

  Googler

  

 

  Googler 是一款 CLI,许可您经由过程号令止正在Google 中停止搜刮,战同类搜刮东西类似,可以经由过程定造检索题目、形貌、URL 战分页停止更具体的挑选。它相宜于macOS 战 Linux 深度用户。

  Bolt CMS

  

 

  Bolt 是一款利用 PHP 拆建的内容办理体系。它设置有快速键系统,利用Twig 做为模板引擎,完整撑持 PHP7,易于经由过程检核的 TAML 文件停止定造。

  Teletype

  

 

  Teletype 是一款源自于 Atom 编纂器的新功用。它能让您战您的同寅协同编写代码,而您所需求做的便是下载装置最新的 Teletype 插件。

  Plyr

  

 

  Plyr 是一款当代的媒体播放器,巨细只要10kb,借助他您能够自界说 HTML 音频战视频播放器,掌握Youtube战 Vimeo 等及时流媒体效劳。

【易采站长站编辑:秋军】