爱前端网
基于vue2+vuex构建一个具有45个页面的大型饿了么单页面应用
17爱前端网 - Yang 发布于 2017-05-24
前言 初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求...
阅读(3252)赞 (1)
标签：main
6款web前端的CSS高级布局技巧
爱前端网 - Yang 发布于 2016-12-16
随着 IE8 逐渐退出舞台，很多高级的 CSS 特性都已被浏览器原生支持，再不学下就要过时了。 1.用 :empty 区分空元素 兼容性：不支持 IE8 在线预览 假如我们有以上列表： <div class=”item”>a</div&g...
阅读(2317)赞 (1)
20个为前端开发者准备的文档和指南九
20爱前端网 - Yang 发布于 2016-08-29
那是一次又一次的学习！之前，我已经收集了许多不同的学习资源，包括教程，文档，和其他有用的网站来帮助你得到了在不同领域发展速度的前端。 所以请享受 第九批我们的文档和指南系列 别忘了让我知道的任何人的评论，我还没有包括。 1.JavaScript Standard Style 这是...
阅读(2117)赞 (0)
20个为前端开发者准备的文档和指南
20爱前端网 - Yang 发布于 2016-07-28
是时候重新学习了！和以前一样，我收集了很多不同的学习资源，包括学习指南，学习文档，和其他有用的网站来帮助你在前端开发的不同领域里快速地进入状态。 所以请尽情享受我们的文档和指南系列的第九部分，并且不要忘了在评论区让我知道任何我没有找到的。 1. JavaScript Standa...
阅读(1808)赞 (0)
高性能网站建设指南
爱前端网 - Yang 发布于 2016-07-18
性能黄金法则： 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件下。 HTTP概述： 1.压缩：浏览器：Accept-Encoding（gzip、deflate） 服务器：Content-Encoding 2.缓存...
阅读(1766)赞 (0)
分享15款很实用的 Sass 和 Compass 工具
15爱前端网 - Yang 发布于 2016-06-15
Sass 是 CSS 的扩展，增加了嵌套规则，变量，混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架，使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中，我们已经收集了一组有用的 Sass 和 Comp...
阅读(2088)赞 (0)
2016年某前端群题目答案参考
1爱前端网 - Yang 发布于 2016-02-26
一.CSS部分 1.什么是盒模型？ 盒模型是网页制作的基础，在网页文档中每个元素都将被描绘为一个矩形盒子来进行渲染。通常来说，一个完整的盒子如下图所示： 2.Doctype的几种类型？ Doctype是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的X...
阅读(2927)赞 (0)
提升 Node.js 应用性能的 5 个技巧
3爱前端网 - Yang 发布于 2015-12-15
Node.js是全球领先的用JavaScript——世界上最流行的编程语言创建服务器应用程序的工具。提供web服务器和应用服务器的功能，Node.js被认为是各种以微服务为基础的开发和交付的关键工具。 （下载关于Node.js和NGINX的免费Forrester报告。） Node...
阅读(2730)赞 (0)
前端程序员应该知道的15个jQuery小技巧
1爱前端网 - Yang 发布于 2015-11-19
下面这些简单的小技巧能够帮助你玩转jQuery。 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变vi sibili...
阅读(2049)赞 (0)
15款创建漂亮幻灯片的 jQuery 插件
15爱前端网 - Yang 发布于 2015-06-15
对于设计师，开发者，摄影师或任何创造性的个人和企业，他们自己的网站是展示他们的技能和服务的最佳场所。你可能打算设计一个新的个人作品网站，不管你是从头开始或使用模板，都会需要使用 jQuery 幻灯片插件，以美丽夺目的方式显示的作品。 网络上有很多的 jQuery 幻灯片插件，很难...
阅读(1967)赞 (0)
14款免费服务器和网络监控工具
14爱前端网 - Yang 发布于 2015-06-11
在这里，我们已经拿出一些免费和优秀的工具，服务器和网络监控的又一编译。这样的工具是该网站上或网络上运行的任何业务非常重要的。监控您的服务器和网络可以让你知道的任何问题，尽快为他们发生;而这反过来又可以让您采取适当的行动。 在这里你可以找到最高14台服务器和网络监控工具的完整列表为...
阅读(2392)赞 (0)
web前端有用的十个JQuery代码片段
爱前端网 - Yang 发布于 2015-06-10
1.返回顶部 <a class=”top” href=”#”>Back to top</a> $(‘a.top’).click(function(){ $(document.body)...
阅读(1909)赞 (0)
6个免费替代GitHub的工具
6爱前端网 - Yang 发布于 2015-05-16
如果你正在寻找一些好的替代品GitHub上，然后停止寻找任何进一步。在这一轮上涨中，我们将发掘到GitHub的6个最佳替代品。没有第二认为GitHub的是已被许多世界各地的一个非常有用的基于网络托管服务。它使用的软件开发项目的Git版本控制系统，并首先提供免费账户开源项目。另一方...
阅读(3087)赞 (0)
Linux 常用系统性能监控命令
7爱前端网 - Yang 发布于 2015-05-09
监控CPU使用率 使用下面的命令： [root@localhost ~]# gnome-system-monitor 将会出现图形化工具GNOME System Monitor，如下图所示： 监控CPU调度程序运行队列 linux可以使用vmstat命令 vmstat是Virtu...
阅读(1688)赞 (0)
前端优化：RequireJS Optimizer 的使用和配置方法
爱前端网 - Yang 发布于 2015-04-18
RequireJS Optimizer 是 RequireJS 自带的前端优化工具，可以对 RequireJS 项目中的JavaScript & CSS 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并。这篇文章介绍RequireJS Op...
阅读(1780)赞 (0)
推荐25个帮助你提高技能的 CSS3 实战教程
25爱前端网 - Yang 发布于 2015-04-12
使用 CSS，你能够以极高的效率和易用性创造出美丽的设计。而目前流行的CSS3技术更加强大，能够创造更多丰富的效果和功能，而不需要任何外部插件。今天，我为大家收集了25个很有用的CSS教程，技术和资源，能够帮助你提高技能。 01. Create a 3D Book Animati...
阅读(2144)赞 (0)
最有用的6款 jQuery 插件集锦——《图片特效篇》
6爱前端网 - Yang 发布于 2015-04-11
Web开发最有用的6款 jQuery 插件集锦系列文章向大家分享最具创新的6款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等，将陆续分享给大家，记得关注和收藏啊。 1.tiltShift.js t...
阅读(2526)赞 (0)
2015年那些激动人心的 CSS 新技术
1爱前端网 - Yang 发布于 2015-03-19
CSS是一门不断发展的语言，在2015年年初之际，我们就先来体验一下CSS的新特征吧。 本文中，我会介绍一些浏览器所支持的新模块和CSS新特性。不是说所有的特性都能立马投入使用，有些功能尚在实验阶段。在这里，你可以玩转很多的东西——即便尚在实验阶段。 第四代CSS选择器 第三代选...
阅读(1662)赞 (0)
iframe去边框，无边框，使用大全
爱前端网 - Yang 发布于 2015-03-04
<iframe runat=”server” src=”you page’s url” width=”750″ height=”30″ frameborder=...
阅读(1617)赞 (0)
Cookie介绍及JavaScript操作Cookie方法详解
1爱前端网 - Yang 发布于 2015-03-02
本文主要为大家简单介绍了以下Cookie的用途、运行机制，以及JavaScript操作Cookie的各种方法，总结的比较全面，希望能给大家带来帮助。 什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发...
阅读(1518)赞 (0)