自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

爱前端网

专注前端开发,关注用户体验: http://blog.i7758.com

  • 博客(122)
  • 资源 (1)
  • 收藏
  • 关注

原创 程序猿必备的10款web前端动画插件六

1.SVG/HTML5超富创意的环形颜色拾取器记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择,确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器,非常具有创意。20种颜色组成一个圆环,每一种颜色都有相近的5种颜色可以选取,唯一遗憾的是不能根据任意的RGB值选取颜色。在线演示源码下载2.jQuery简易平滑焦点图插件今天要给大...

2017-12-25 13:07:28 886

原创 程序猿必备的10款web前端动画插件五

1.CSS3 Material 设计样式的按钮 带点击波纹特效今天我们要给大家带来一组很漂亮的CSS3按钮,按钮的整体风格采用Material设计样式,非常简洁和清新。在这组CSS3按钮中,样式各种各样,有圆形按钮,也有带小图标的按钮,当然颜色也有很多。另外这组按钮还有一个特点是点击时按钮背景出现波纹的动画特效。在线演示源码下载2.jQuery/CSS3列表按钮删除弹性动画今天...

2017-12-19 00:39:54 646

原创 程序员需要了解的3D粒子的探索

一个鼓舞人心的演示,用three.js探索3D空间中的粒子动画。这种类型的动画可能非常适合页面加载器。这套演示使用three.js和easing探索三维粒子动画。这些演示中的所有粒子和形状都是由三个基本的几何体/材质/网格组成,如球体,线条和盒子。在线预览源码下载这个概念用很多小的移动部件制作动画是非常有趣的。对每个部件或组应用不同的时序偏移和缓冲可以使一些有趣的可视化。即使这...

2017-12-18 23:17:08 308

原创 程序猿必备的10款web前端动画插件四

1.超酷的jQuery/CSS3五彩环形弹出菜单今天我们要为大家分享一款非常漂亮的jQuery/CSS3五彩环形弹出菜单,一开始菜单项都聚集在一起,并且每个菜单项都微微错开,就像一个彩色团子。点击团子后,菜单项就会以弹出的形式展开,并形成一个环形,再点击Close按钮后,菜单项又会收拢,动画效果非常酷。类似的菜单我们之前也有分享过,比如这款jQuery简易时尚的圆形展开菜单和jQuery...

2017-12-18 02:45:20 662 2

原创 Vuebnb:一个完整​​的Vue.js和Laravel应用程序

这是围绕一个案例研究项目,Vuebnb,一个简单的Airbnb的克隆。在这篇文章中,我将对它是如何工作的一个高层次的概述,以便从头开始构建一个完整的Vue / Laravel应用程序。这里有一个现场演示,如果你想看看:https://vuebnb.vuejsdevelopers.com概观作为一个完整的应用程序,Vuebnb由两个不同的部分组成:使用Vue.js构建的前端应用...

2017-12-17 06:10:49 182

原创 使用Laravel & Vue的高级服务器端渲染:多页应用程序

关于Laravel的新的Vue服务器端渲染功能的教程。该教程主要集中在Laravel环境中设置SSR,所以我只有时间来演示一个简单的“Hello World”应用程序,没有显着的功能。现在我想要构建上一个教程,并演示如何使用Vue Router呈现包含多个页面的Vue应用程序,因为大多数Laravel项目都有多个页面。安装本教程将扩展在前一篇文章中使用Laravel&Vue.js...

2017-12-16 05:15:31 605

原创 为VueJS用户提供通俗易懂的Webpack简介

对于许多开发者来说,Vue.js是他们学到的第一个前端JavaScript框架。如果这对你是真的,你可能还没有理由学习Webpack。但是当你继续使用Vue时,你会看到Webpack在文档,示例项目和Vue CLI等工具中反复出现。Webpack为Vue用户提供了很多好处:一个自动化的开发过程,使编码轻而易举一个方便的开发功能的世界,如Vue的心爱的单文件组件优化您的代码,使其快...

2017-12-15 17:03:49 165

原创 Vue.js服务器端渲染与Vue路由器:分步指南

当我开始使用Vue收集有关SSR(服务器端渲染)的信息时,我必须从不同的文章以及官方文档中获取相关信息,以便全面了解这个主题。以下是我在这些来源中发现的一些问题:很多关于你应该拥有的信息的假设,比如Webpack配置,连接Vue Router等的正确方法。缺乏一些重要的信息,并留下一些读者填写的空白。在给出的例子中,大多数不遵循官方文件提供的标准和最佳实践。本文的目的是提供您...

2017-12-14 09:46:23 223

原创 为什么你应该避免Vue.js DOM模板

在本文中,我将解释使用DOM作为模板的问题,并提供一些使用Vue.js框架的替代方法。Vue应用程序通常使用DOM作为模板,因为它是建立最快最简单的体系结构。然而,这种做法带来了一些问题,这使得它成为任何重大项目的不良选择。例如,您为DOM模板编写的标记并不总是在运行应用程序时获得的。在本文中,我将解释使用DOM作为模板的问题并提供一些替代方法。DOM作为模板该el选项用于将V...

2017-12-13 04:35:02 218

原创 10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用。在线演示源码下载2.jQuery/CSS3渐变颜色拾取器之前我们向大家分享过

2017-05-02 09:20:31 6423 2

原创 程序猿必备的10款web前端开发插件一

1.CSS3实现的火柴燃烧Loading加载动画这次我们要给大家分享一款非常特别的CSS3 Loading加载动画,整个Loading加载动画就好像是火柴在燃烧一样,不足的是火苗并没有那么真实,比较抽象,不过这款Loading动画还是比较富有创意,非常适合在一些个性化的页面上使用。在线演示源码下载2.纯CSS3精美样式的飘带特效还记得之前我们分享过一些基于CSS3的飘带样式菜单吗?比如

2017-05-02 09:20:26 8712

原创 10免费图标生成器网页设计师

在这个展示,我们提供最好的网页设计师10图标生成器。这些图标生成器是免费使用的,有些是与高级功能,将帮助你产生引人注目的和有吸引力的网页为您的网站。为了包起来,他们都可以自由下载,所以在。来,看看,选择你的选择。我们希望这个列表证明你是最好的。请随时与你的朋友分享这份名单,也让我们知道你对这本编辑的想法。这里是完整列表。享受!1.FaviconrFaviconr可以从JPG,GIF和P

2017-05-02 09:20:21 520

原创 10款WordPress的插件让你的网站的移动体验

随着科技的不断发展,需要改变营销策略的一个企业就变得非常重要。你不能指望用你的营销工具来留住你的客户。智能手机和平板电脑已经改变了消费者的行为方式。现在,人们甚至不想去他们的电脑或笔记本电脑,以检查产品或服务,他们的愿望。用智能手机在他们的手中,他们拥有的所有信息,他们需要在他们的指尖。因此,它已成为重要的组织创建移动响应网站,以确保他们总是在他们的潜在客户的范围内。智能手机与台式机或笔记本电

2017-05-02 09:20:16 10577

原创 20款最好的JavaScript开发框架

JavaScript语言有多种方式,创建交互式网站,Web应用程序。基本的JavaScript框架是预先写好的JavaScript代码集。这些JavaScript框架也被称为JavaScript库,开发这种编程语言在很多方面的应用。它是通过使用JavaScript代码同这些JavaScript框架写的而不是写单独成为更多障碍,并期待更多的时间每次代码的同一行的Web应用程序的开发更容易。Jav

2017-05-02 09:20:11 2299

原创 10最好的开放源移动工具的工作场所

移动设备已经成为在任何时间的一部分工作。在小型和中型组织人员使用个人平板电脑和智能手机业务。开源社区在这个移动应用工作的增长起到了关键作用。有许多开放源代码的应用程序,可以帮助提高你的创造力。今天我们所列举的10大开源工具,你会在工作中找到有用的。1.Convertigo这是用于开发和部署应用程序的一个完整的移动平台。你可以使用免费的社区版来访问应用程序,平台具有标准和扩展的版本,在小的价

2017-05-02 09:20:06 418

原创 5个最好用AngularJS构建应用程序框架

如果你打算建立自己的Web应用与AngularJS,那么现在是时候开始了。如果这个想法吓到你了,删除所有的恐慌,从你的头脑中有一些框架,AngularJS提供方便的支持。有一些预先的框架,使用框架可以如果你想建立一个Web应用程序的快速跑的是完美的你安装的网络组件。这里是一个名单,五个这样的框架,可以帮助你建立一个AngularJS的基于Web的应用:1.AngularUI Bootstrap

2017-05-02 09:20:01 339

原创 5款最好的免费在线网站CSS验证器

这里是一个名单, 5免费在线CSS验证器的网站。这些网站让你验证你的CSS代码的自由,没有任何麻烦。你可以选择上传文件,验证CSS添加URL,或简单的复制和粘贴完整的CSS代码。好的方面是,这些网站不仅指出了代码中的错误,但他们也建议的方法可以解决。所有这些网站都是很有用的学习者以及季节性的CSS的CSS码编码器。验证按照万维网联盟(W3C) 规则。让我们开始与这些网站:1.W3C CSS

2017-05-02 09:19:56 1391

原创 10款最优秀的开源移动开发工具

这几天工作在智能手机上已经变得非常普遍,每个组织都有自己的工作在智能手机或平板电脑上,开源社区在移动应用的成长中起着关键的作用。这里有一些应用程序来提高你的工作热情和创造力。1.Convertigo这是用于开发各种应用程序在一个非常便宜的软件。随着发展,人们也可以部署应用程序。convertigo可用于部署和管理应用程序从各种平台,从黑莓OS,Windows手机的Android和iOS。

2017-05-02 09:19:51 4740

原创 10个最好的免费PS图象处理软件方案

说到照片和图像编辑/操纵,真的没有更好的应用,Adobe PS图象处理软件。 摄影师和创意工作室会同意这是总理的照片编辑应用期。不幸的是,PS图象处理软件还配备了一个陡峭的学习曲线和价格标签,我们必须考虑我们不会使用矫枉过正的1 / 3的功能包装成PS图象处理软件。 记住让我们看一些免费的在线和客户端安装的应用程序可以在互联网上看。 选项是巨大的所以我缩小了我的审查,只有最好的在线和客户端安装

2017-05-02 09:19:46 11221

原创 10个基本的HTML5动画工具设计

HTML5已经成为最流行的编程语言在web开发者。强大的编程语言有很大的能力,生产更好的万维网内容。HTML5的兴起已经在过去三年增长迅速。介绍了HTML5的新技术是更好的。HTML5技术是由像Chrome的浏览器,支持Firefox、IE和更多。今天,我们列出了十个HTML5动画制作工具,可以帮助你的工作。1.MixeekMixeek是一个免费的软件工具,可用于网页动画设计与制作。该工具

2017-05-02 09:19:41 2898

原创 6款最好的免费在线二维码生成器

据维基百科 QR码(快速响应代码的缩写)是一种矩阵条码商标(或二维条码)第一个专为日本汽车工业。QR码的系统已成为流行的汽车行业之外,被用于 产品跟踪、物品识别、实时跟踪、文档管理、市场营销等。它不复杂,你想创建QR码。一些在线网站可以帮助你快速地做这件事。今天我们上市的最好的免费在线二维码生成器。让我们检查。1.QR Stuff最佳的这个利基。您可以轻松地创建和你的个人或商业用途,下

2017-05-02 09:19:36 11851

原创 24款最好的jQuery日期时间选择器插件

如果你正在创建一个网络表单,有很多事情你需要在你的应用程序中使用。有时您需要特别的输入,从用户的日期和时间,如发票日期,生日,交货时间,或任何其他此类信息。如果你有这样的需要,可以极大地从动态的jQuery日期时间选择器插件效益。有几个jQuery开源插件在网上可以用于此目的的。但由于选择的数量,你可能需要点帮助筛选好于平均。这就是为什么我们必须拿起最有效的jQuery插件为您的形式和网页建设

2017-05-02 09:19:28 13150

原创 20款最好的jQuery文件上传插件

当它是关于开发网络应用程序和网页的时候,文件上传功能的重要性是不容忽视的。一个文件上传功能可以让你上传所有类型的文件在网站上,包括视频,图像,文件和更多。创建一个文件上传功能,对你的网站是不是很难,有一点点的理解和一些代码,你可以自己做的。然而,它不再只是简单地将图像上传到托管服务器上。有一个额外的功能,这些都需要这些天。例如,当用户正在上载文件时,他可能会立即看到文件信息,包括预览。等特色种

2017-05-02 09:19:23 28354 1

原创 20款有用的JavaScript和CSS库

Web开发与设计已经发展达到了新的高峰。创建一个网站并不是那么简单了,因为它使用的是几年前。今天是时间创造有吸引力的网站,不仅吸引了游客的关注也让他们订婚。另外,和功能的有吸引力的功能添加到该网站不应该影响其性能。所有这些要求,必须设计和开发人员提出了若干挑战。这就是为什么他们一直在寻找的工具,可以使他们的工作更容易和更快的原因。JavaScript和CSS的网页设计的一个组成部分。事实上,它

2017-05-02 09:19:18 313

原创 15款基于 jQuery模态对话框

在数字世界的竞争已大大增加。这就是为什么要确保网络设计的各个方面都是一流的,这是很重要的。从布局到一些非常小的东西,比如对话框,每一件都需要设计得很好。对话框通常被忽视,但它们可能对访问者有很大的影响。是否要显示错误信息,需要提醒访问者,或者简单地需要立即提供一个重要信息,您可以使用该对话框。传统的对话框现在是一个通行证。网页设计人员总是在寻找新的方法来增强这些盒子的外观,而不影响网站的性能和

2017-05-02 09:19:13 560

原创 10个对Web开发者最有用的Python包

Python最近成为了开发人员最喜欢的语言之一。无论你是专业的,业余的,还是一个初学者,你都可以从Python语言及其程序包中受益。Python已经被证明是当今最具活力的面向对象的编程语言之一。这就是为什么即使是世界顶级公司也广泛使用这种语言的原因。Python面向对象的设计非常干净,而且配备了令人难以置信的支持库。Python可以很容易地与其他流行的编程语言如Java,C和C ++集成。这种

2017-05-02 09:19:08 355

原创 9款最好的JavaScript压缩工具

削减是一个从源代码中删除不必要的字符的技术使它看起来简单而整洁。这种技术也被称为代码压缩和最小化。在这里,我们为你收集了10个最好的JavaScript压缩工具将帮助您删除不必要的空格,换行符,评论,等等。这样,你将使你的源代码,无杂波。削减你的源代码将改善加载时间和Web应用的性能。这里是你的完整列表。随意浏览本集。请随时与我们分享您的意见,通过评论部分如下。您的评论总是比欢迎更多。让我们看

2017-05-02 09:19:03 9622

原创 推荐15款制作 SVG 动画的 JavaScript 库

在当今时代,SVG是最流行的和正在被众多的设计人员和开发人员使用,创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务,因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。1.Textures.jsTextures.js易于改进的数据可视化添加SVG图形。它包括一个巨大的各种纹理

2017-05-02 09:18:58 1493

原创 2016年最好的15个Web设计和开发工具

网络无处不在。世界上几乎没有地方是没有被因特网所渗透的。无孔不入的网络为Web设计师和开发人员开辟了新的机遇渠道。每家企业都在争取在这个在线平台上展现头角,以便于在这场竞争中占据优势。这就是为什么设计师和开发人员的需求大大增加。但是web开发的标准相比几年前,已经提升了若干个档次。这是为什么市场总是对最先进、最高效的web设计和开发工具有需求的原因。网络革命催生了web设计师和开发者,web设

2017-05-02 09:18:56 10171

原创 整理六百篇web前端知识混总

整理六百篇web前端知识混总:9个有用的和免费的工具来支持动态网页开发8个基本的引导工具的网页设计师11款CSS3动画工具的开发2016年某前端群题目答案参考9最好的JavaScript压缩工具创建响应式布局的10款优秀网格工具集锦8个超实用的jQuery插件应用8个非常个性化的CSS3单/复选框10个超赞的jQuery图片滑块动画推荐20款JavaSc

2017-05-02 09:18:51 903

原创 9款免费的跨浏览器测试工具

网站开发人员经常需要检查网站的兼容性,在各种浏览器中,以确保网站的作品完美地在所有的浏览器。为此,有大量的跨浏览器测试工具,可以帮助开发人员检查他们的网站之前,他们的网站是。这里是全集合的一些最好的免费以及高级跨浏览器测试工具,将允许开发人员测试一切。我们希望你会喜欢这个集合,并发现这些工具对你有用。通过下面的评论部分分享你的想法。享受!1.BrowserShotsBrowsersho

2017-05-02 09:18:45 7703

原创 9个有用的和免费的工具来支持动态网页开发

网络的发展过程中,已被转换的开放源代码和插件。现在的动态网站的发展是不难的,因为他们不必从头开始工作的开发人员。由于广泛使用的资源和工具,使网络发展更容易和乐趣。在这篇文章中,我们特别提出了9个免费的工具来支持动态网页开发。许多这些插件从jQuery库,有很多有用的和强大的工具武装的Web开发人员。我们希望你会喜欢这个集合,并发现这些工具对你有用。享受!1.Gmaps jQuery Map

2017-05-02 09:18:41 3312

原创 8个基本的引导工具的网页设计师

在网络世界中,有这么多的时尚和节省时间的东西。引导工具是其中之一。白手起家的工具有很多精彩的优秀功能插件,预设计模块库和这么多。这是原因,每一个优秀的网页设计师和网站开发人员一直关注的力量的工具。随着引导工具的帮助,网站设计者可以很容易地把他们的网站透明因为引导工具平易近人的框架,他们都是根据设计师’设计的专业要求。在这个集合中,我们收集了8个有用的和惊人的引导工具,您绝对喜欢。我们也很高兴与

2017-05-02 09:18:36 246

原创 11款CSS3动画工具的开发

本文展示了11个最好的和最令人惊异的CSS3动画工具,将为开发者是非常有帮助的。CSS3有设计师和开发人员之间的良好的声誉。它是在这里帮助他们创造惊人的结果。有了这些动画工具,你可以创造一个轻松自由的方式动画动画。这些资源将有助于您在创建不同类型的动画,因为它包含动画库和生成器。让我们的探索清单!1.Anicollection最简单的方法来查找,使用和共享动画。无价的!在线预览

2017-05-02 09:18:31 1547

原创 2016年某前端群题目答案参考

一.CSS部分1.什么是盒模型?盒模型是网页制作的基础,在网页文档中每个元素都将被描绘为一个矩形盒子来进行渲染。通常来说,一个完整的盒子如下图所示:2.Doctype的几种类型?Doctype是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)版本。在 XHTML1.0和HTML 4.01 中有三种 声明。分别为过渡的(

2017-05-02 09:18:26 393

原创 9最好的JavaScript压缩工具

削减是一个从源代码中删除不必要的字符的技术使它看起来简单而整洁。这种技术也被称为代码压缩和最小化。在这里,我们为你收集了10个最好的JavaScript压缩工具将帮助您删除不必要的空格,换行符,评论,等等。这样,你将使你的源代码,无杂波。削减你的源代码将改善加载时间和Web应用的性能。这里是你的完整列表。随意浏览本集。请随时与我们分享您的意见,通过评论部分如下。您的评论总是比欢迎更多。让我们看

2017-05-02 09:18:23 299

原创 创建响应式布局的10款优秀网格工具集锦

在这篇文章中,我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西,请分享给我们。如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。1.Bootstrap这是一个圆滑的,直观的和强大的移动优先的前端框架,用于更快,更容易的 Web 开发。几乎一切都已经被重

2017-05-02 09:18:18 612

原创 8个超实用的jQuery插件应用

自jQuery诞生以来,jQuery社区都在不断地、自发地为jQuery创建许许多多功能不一的插件应用,很多jQuery插件非常实用,对我们的前端开发帮助相当大,不仅可以更完美的完成指定功能,而且节省时间,稍作配置或修改就可以上线。本文收集了8个超实用的jQuery插件应用,希望对你有所帮助。1、强大的CSS3动画库animate.css 50多种动画形式今天要给大家介绍一款强大的CSS3

2017-05-02 09:18:13 3308 1

原创 8个非常个性化的CSS3单/复选框

单选框和复选框在网页表单中应用十分广泛,但是浏览器默认自带的单选框和复选框样式不仅不统一,而且大多都比较简单丑陋。本文给大家介绍了一些基于CSS3的个性化单选框和复选框,一些选中动画是基于jQuery的,你可以挑选喜欢的单选框和复选框应用到自己的网页中去,非常方便。1、jQuery超级个性化的单线框和复选框今天要分享的也是一个非常个性化的单选框和复选框插件,颜色你可以自己定义。在线

2017-05-02 09:18:08 1691

原创 10个超赞的jQuery图片滑块动画

在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于jQuery和HTML5的焦点图插件。本文将为大家收集10个超赞的jQuery图片滑块动画,这些现成的jQuery插件将为你节省很多开发时间,而且效果都还不错,一起来欣赏一下吧。1、jQuery/HTML5超炫全屏焦点图插件这次我们要来分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5

2017-05-02 09:18:03 385

上百种js的简单适应效果

上百种js的简单适应效果,Javascript的效果

2012-01-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除