前端web—10倍提升应用性能的10个建议
8爱前端网 - Yang 发布于 2016-08-02
提升Web应用的性能从未像今天这样刻不容缓。 在线经济活动的比例日益提高,就连发展中国家和地区的经济活动都已经有5%以上在线进行了(相关数据请参考本文后面的资源)。在这个超级链接、随时在线的现代世界,用户的期望也远非昔日可比。如果你的网站不能马上响应,你的应用不能立即运行,用户转...
阅读(1773)赞 (0)
爱前端网 - Yang 发布于 2016-08-02
提升Web应用的性能从未像今天这样刻不容缓。 在线经济活动的比例日益提高,就连发展中国家和地区的经济活动都已经有5%以上在线进行了(相关数据请参考本文后面的资源)。在这个超级链接、随时在线的现代世界,用户的期望也远非昔日可比。如果你的网站不能马上响应,你的应用不能立即运行,用户转...
阅读(1773)赞 (0)
爱前端网 - Yang 发布于 2016-07-28
是时候重新学习了!和以前一样,我收集了很多不同的学习资源,包括学习指南,学习文档,和其他有用的网站来帮助你在前端开发的不同领域里快速地进入状态。 所以请尽情享受我们的文档和指南系列的第九部分,并且不要忘了在评论区让我知道任何我没有找到的。 1. JavaScript Standa...
阅读(1814)赞 (0)
爱前端网 - Yang 发布于 2016-07-18
一、jquery $(document).ready(function(){}) 可以简写成 $(function(){}) 二、jquery 对象和DOM对像 jquery对象和DOM对象不能使用对方的方法 1:jquery对象转换成DOM对象 ①jquery对象为DOM对象的...
阅读(1781)赞 (0)
爱前端网 - Yang 发布于 2016-07-18
性能黄金法则: 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件下。 HTTP概述: 1.压缩:浏览器:Accept-Encoding(gzip、deflate) 服务器:Content-Encoding 2.缓存...
阅读(1773)赞 (0)
爱前端网 - Yang 发布于 2016-07-15
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 一、HTML页面结构 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-s...
阅读(2519)赞 (1)
爱前端网 - Yang 发布于 2016-07-13
图像压缩工具允许轻松的进行压缩,编辑和调整图片大小。这些工具支持多种图像格式,如JPEG,PNG,GIF,可以重新大小根据您的需要他们,让您的网站和 Web 应用程序的拥有更快的载入速度。 在这个列表中,我们编制了12个最佳的图片压缩工具,所有这些都将帮助你压缩你的网站上的图像,...
阅读(2085)赞 (0)
爱前端网 - Yang 发布于 2016-07-04
概述 上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。” 今天我们将着重介...
阅读(2105)赞 (0)
爱前端网 - Yang 发布于 2016-06-28
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM...
阅读(2009)赞 (1)
爱前端网 - Yang 发布于 2016-06-23
1.reset.css: html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo...
阅读(2206)赞 (1)
爱前端网 - Yang 发布于 2016-06-23
Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的,是免费的。如果你正在寻找Dreamweaver的替代品,下...
阅读(1716)赞 (0)
爱前端网 - Yang 发布于 2016-06-16
在当今时代,SVG是最流行的和正在被众多的设计人员和开发人员使用,创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务,因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图...
阅读(2196)赞 (0)
爱前端网 - Yang 发布于 2016-06-15
Sass 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中,我们已经收集了一组有用的 Sass 和 Comp...
阅读(2102)赞 (0)
爱前端网 - Yang 发布于 2016-06-14
1、notie.js 一个干净、没有其它依赖包的javascript通知插件,支持弹出、confirm、成功、错误、自定义等方式。 在线预览 2、react-calculator 基于react.js实现的计算器,一套代码运行在不同客户端,支持IOS、Android、deskto...
阅读(2142)赞 (0)
爱前端网 - Yang 发布于 2016-06-14
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 一、META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标...
阅读(2281)赞 (0)
爱前端网 - Yang 发布于 2016-06-07
收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是:简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候,这些起关键作用的工具定会给你留下更深刻的印象。 下面所列举的就是近期比较受欢迎的资源集合: ...
阅读(2216)赞 (0)
爱前端网 - Yang 发布于 2016-06-02
一、jQuery 表单插件 1.jQuery cxCalendar 日期选择器 2.jQuery cxColor 颜色选择器 3.jQuery cxSelect 联动下拉菜单 4.jQuery Validation Engine 表单验证 5.jQuery soColorPack...
阅读(3133)赞 (0)
爱前端网 - Yang 发布于 2016-06-02
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址:https://github.com/google/material-design-lite 随堂练习代码地址:...
阅读(1976)赞 (0)
爱前端网 - Yang 发布于 2016-05-30
SASS 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中,我们已经收集了一组有用的 Sass 和 Comp...
阅读(2287)赞 (0)
爱前端网 - Yang 发布于 2016-05-26
如今,有一个快速增的用户群,通过他们的移动设备浏览网页。移动应用程序开发人员通过开发越来越多的移动应用程序,来满足这一需求的增长。在创建移动应用程序和游戏过程中,移动开发人员使用一系列功能强大的框架和编辑器,会使工作任务变得更简单。 网上有很多强大的工具,可以帮助开发人员在任何平...
阅读(1943)赞 (0)
爱前端网 - Yang 发布于 2016-05-20
1.禁止右键点击 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ return false; }); }); 2.隐藏搜索文本框文字 Hide when c...
阅读(1975)赞 (0)