整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
源 | https://www.jianshu.com/p/182b69e54fe8
作者：微信公众号 web前端开发
今天跟你分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。
一、构建工具
1、 Parcel
地址：https://parceljs.org/
Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。
2、 Critters
地址：github.com
一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。
3、sucrase
地址：sucrase.io
如果你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。
4、Webpack Config Tool
地址：webpack.jakoblind.no
一款可视化的在线工具网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。
5、JSUI
地址：github.com/kitze/JSUI
JSUI 是一个可视化分类、构建和管理 JavaScript 项目的工具。不管是前端应用还是后端应用，也不论使用的是哪种框架，只要项目有一个 package.json ，即可进行管理。
6、PWA Universal Builder
地址：pwa.cafe/
一款脚手架构建工具，方便创建基于Preact，React，Vue和Svelte的项目，开箱及支持Babel，Bublé，Browserlist，TypeScript，PostCSS，ESLint，Prettier和Service Workers！
7、VuePress
地址：vuepress.vuejs.org/
VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。
每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。
二、框架和库
8、 PWA Starter Kit
地址：pwa-starter-kit.polymer-project.org/
通过功能丰富的WEB组件快速帮你构建功能齐全的PWA网站项目，几乎零配置，完成了构建、测试和快速部署。
9、PaperCSS
www.getpapercss.com/
一个不太常规的CSS框架，如果你希望你的网站有手绘风格感觉，选择它准没错。
10、boardgame.io
地址：boardgame.io/
BOARDGAME.IO是 Google 开源的一个游戏框架，旨在允许游戏作者将游戏规则从本质上转化为一系列简单的函数，这些函数用于描述当一个指定动作发生时游戏的状态变化，框架负责处理表述性状态传递。无需再手动编写任何网络或后端代码。功能特性：
状态管理：自动跨浏览器、服务器和存储器无缝管理游戏状态；
快速成型：在渲染游戏之前调试界面以模拟更改。
多人游戏：所有连接到同一游戏的浏览器都实时同步，无需刷新。
私密状态：私密信息可从客户端隐藏。
日志：游戏日志可查看任意时间的信息。
UI 工具包：常用于游戏中的 React 组件。
11、Stimulus
地址：stimulusjs.org
Stimulus是一个适度的前端框架，它并不试图接管整个前端的方方面面，不关心如何渲染HTML，相反用来增强HTML的相关行为。如果你的团队规模较小，但又想要和那些使用比较费力的主流方案的较大团队竞争，那么这是一个比较适合的前端框架方案。
12、sapper
地址：sapper.svelte.technology/
Sapper是一个类似Next.js的框架，具有极高的性能和内存效率，具备代码分割，服务端渲染的现代框架功能，是一款军工级别的框架。
13、Reakit
地址：reakit.io/
使用这个框架能让你快速搭建漂亮的React UI 交互站点。
我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取
首先把所需要插入的图片都放到一个文件里去。然后启动PowerPoint(2010版为例)，点击工具栏上的“插入”，下拉菜单中选择“相册”。出现 “相册”对话框，点击插入图片来自--“文件/磁盘”按钮，在出现的“插入新图片”对话框中选择刚所建立的文件夹，所需的图片全部选中后，点击“插入”按钮，即可将全部图片插入。
回到“相册”对话框，可以看到所需的图片已经全部插入进来了。接下来还可以进行一些设置，比如说可以调整一下图片的顺序，对图片的明暗度等进行一些适当的调节等。在“相册版式”选项中，可以对“图片版式”进行设置，如可以设置成“适应幻灯片尺寸”，这样，插入的图片就自动调整到满屏状态。也可以设置成每张幻灯片放几张图片。如果愿意的话，还可以给图片加上喜欢的相框。还可以设置“主题”。设置完毕，点击“创建”按钮即可。
PPT制作成幻灯片相册，要想让相册“动”起来，添加幻灯片切换效果，使幻灯片更具有趣味性，且更好地增强幻灯片的播放效果。选中某一幻灯片，然后点击“切换”，下拉菜单中的“切换到此幻灯片”的效果及效果选项设置了。选择一个切换效果，会预览到一次效果。
OK，把PPT文件保存起来，然后关闭PowerPoint程序。接下来打开PPT转换器，教大家将PPT幻灯片相册转换成视频。点击“添加”按钮，打开浏览文件夹对话框，找到PPT文件并将其导入到软件上。如图所示，还可以在右边的预览窗口中预览幻灯片。设置一下输出路径，也可不设置。
点击“自定义”，进入自定义设置窗口，如图所示。选择“演示”-“背景图片”，点击“音符+”按钮，可将本地电脑上的音乐文件(格式基本不限制)添加进来做背景音乐。可设置音乐的延迟播放，或循环播放。编辑好后，点击“确定”保存设置并返回。
还有在主界面列表区上，也可以右击文件，出现下拉菜单中选择“自定义”-“背景音乐”，进入以上界面进行添加音乐等相关编辑。
接下来选择预置方案，即输出的视频格式。点击预置方案右边的小倒三角，打开上拉格式菜单。可以根据个人需求来选择各分类中的输出格式。如我想将视频上传到网络上，可以选择“常用视频”中的FLV-FlashH.264 视频格式(flv)，FLV是视频网站主流格式，相对体积小。
最后，点击主界面右下角的"Start"按钮，软件开始运行相关程序。现在你就可以坐在电脑旁慢慢喝茶等着转换完成吧！
何在微信上快速编辑排版？ Xiumi排版设计工具是一款非常强大的Xumi微信图文编辑器。 在秀米排版设计工具中，用户可以添加图片链接到自己的图库，以便在制作模板时使用。 选择模板后，他们可以添加标题、描述、音乐。 秀米图形编辑器PC版等你来！
秀米排版设计工具内容介绍
Showmi 排版和设计工具给您的人群留下深刻的印象。 节目制作和精心设计的内容可以给观众留下更深刻的印象。
轻松选择各种格式并布局您的图像和文本
同步登录新浪微博账号后，左侧有一个页面模板。 您可以选择不同样式的模板以及图库部分。 创建完成后，会生成一个二维码和一个URL链接。
图文排版助手：最好使用Google Chrome浏览器。 还有人建议微软的IE浏览器需要10以上版本，或者使用360浏览器的极速模式。 一些用户对猎豹浏览器的反馈很好。 当然，如果你是Mac用户，Safari也不会有问题。
如果你懂HTML/CSS，那么你可以复制秀米的模板代码，在UEditor的代码模式下编辑，然后将UEditor普通模式下的内容复制到微信中，就可以得到手动修改的效果。 ！包括从其他地方看到的好的模板，也是同样的道理。
如何使用Xumi排版设计工具
进入秀米主页后，先登录自己的账号，支持微博、QQ账号登录，方便以后的保存和收藏操作。
登录后，点击秀米首页的图文排列，进入图文排列页面。
进入图片和文字编辑页面后，首先看到左侧添加新图片和文字图标，点击新建图片和文字。
系统模板中，上面的色环就是下面各个主题的色调。 您可以从现有颜色中选择或进入颜色选择器选择您自己的颜色。
接下来我们就看到标题了。 标题中有很多不同形状的图标。 您可以选择其中一项并点击，进入右侧的图片和文字编辑框，进行后续的编辑工作。
接下来是正文。 点击文本框，右侧会添加一个文本框，您可以自由编辑。 这种风格比较简单。
然后我们点击图片选项。 有多种相框样式供您选择。 点击你喜欢的，就会插入右侧的图片和文字编辑框。 图片目前仅支持插入图片链接，不支持图片直接上传。
下一步是插入卡片和标题卡。 如果你仔细看图，你就会知道两者的区别。 它们通常用于文章内的字幕或分隔上下文。
最后一个是其他选项，包括对话框、分割线和其他常用的框架，所有这些都可以在这里找到。 您可以根据需要选择并插入它们。
编辑完图片和文字后，您会看到上面的功能按钮，包括保存预览按钮、保存当前图片和文字按钮、复制到微信编辑器按钮。 还有被倒三角形隐藏的收集和清除按钮。 通过复制粘贴到微信编辑器中，即可复制编辑好的格式。
软件特别说明
您需要的微信公众平台编辑器包含在秀米微信编辑器下载主题中。 让我们来看看！ 如果你想知道如何将秀米编辑的文章同步到微信公众号，就来看看吧！
*请认真填写需求信息，我们会在24小时内与您取得联系。
