常用的前端开发插件与工具合集
<p style="text-align: center"><strong><span style="font-size: 24pt">常用的前端开发插件与工具合集</span></strong></p><h1 style="text-align: left">Font Awesome字体图标插件</h1>
<p style="text-align: left"><span style="font-size: 16px">Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作。</span></p>
<ul>
<li><strong><span style="font-size: 18px">Font Awesome</span></strong></li>
<li><strong><span style="font-size: 18px">https://fontawesome.com/</span></strong></li>
</ul>
<p> </p>
<p> </p>
<h1>SweetAlert系列(数据Ajax)插件</h1>
<p><span style="font-size: 16px">SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗更容易、更美观。</span></p>
<ul>
<li><span style="font-size: 18px"><strong>SweetAlert</strong></span></li>
<li><span style="font-size: 18px"><strong>SweetAlert2</strong></span></li>
<li><span style="font-size: 18px"><strong>SweetAlert 到 SweetAlert2 升级指南</strong></span></li>
</ul>
<p><span style="font-size: 18px">后续继续更新………………</span></p>
<p> </p>
<h1>Toastr通知插件</h1>
<p> </p>
<ul>
<li><strong><span style="font-size: 18px">Toastr</span></strong></li>
<li><strong><span style="font-size: 18px">https://codeseven.github.io/toastr/</span></strong></li>
</ul>
<p><span style="font-size: 16px">jquery toastr 一款轻量级的通知提示框插件。</span></p>
<p><span style="font-size: 16px">网页开发中经常会用到提示框,自带的alert样式无法调整,用户体验差。</span></p>
<p><span style="font-size: 16px">所以一般通过自定义提示框来实现弹窗提示信息,而jquery toastr正是为此的一款非常棒的插件。</span></p>
<p><span style="font-size: 16px">开发中用angular比较多,所以笔记记录了angular一些常见使用,与jquery版本有些许不同 ,相差不大。</span></p>
<p> </p>
<h1>前端页面模板系列</h1>
<h2>管理后台模板</h2>
<ul>
<li><strong><span style="font-size: 18px">Metronic</span></strong></li>
<li><strong><span style="font-size: 18px">http://metronic.kp7.cn</span></strong></li>
</ul>
<p><span style="font-size: 16px">Metronic 6.0 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 3.3.4 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。</span></p>
<h2>前台模板</h2>
<p> </p>
<h1>制作网页布局工具</h1>
<ul>
<li><span style="font-size: 18px"><strong>dummyimage</strong></span></li>
<li><span style="font-size: 18px"><strong>https://dummyimage.com</strong></span></li>
</ul>
<p><span style="font-size: 16px">Dumy Image 网站是一个可以帮助前端设计师设定占位图片的在线工具,可以按照你设定的大小生成出一个图片占位符,用以填充网页设计上的图片,充实网页模版内容,更直观的查看网页设计模版的整体效果。</span></p>
<p> </p>
<p><span style="font-size: 18px; color: rgba(255, 0, 0, 1)">后续继续更新,敬请关注…………</span></p><br><br>
来源:https://www.cnblogs.com/mashangsir/p/11285775.html
頁:
[1]