值得收藏!Web开发的各种性能工具

Page performance 这个扩展插件应用于 Chrome 浏览器,可以开速分析当前页面的性能。如果浏览器打开了多个标签,那么该插件会自动分析当前页面的性能表现。 开始 我们先从Node.js控制台开始,并导航到您的网站的路径。 通过在您的控制台中输入以下命令来安装Grunt命令行界面: npm install -g grunt-cli  1 2 npm install -g grunt… Read More »

HTML5提供了一些非常强大的JavaScript和HTML API

HTML5中与页面显示相关的API 2015/05/15 · HTML5 · HTML5 原文出处: 涂根华的博客    在HTML5中,增加了2个与页面显示相关的API,分别是Page Visibility API与Fullscreen API; 作用分别如下: Page Visibility API  是指当页面变为最小化状态或者用户将浏览器标签切换到其他标签时会触发。 Fullscreen … Read More »

Web性能优化系列 – 通过提前获取DNS来提升网页加载速度

Web性能优化系列 – 通过提前获取DNS来提升网页加载速度 2015/04/23 · HTML5 · DNS, 性能优化 本文由 伯乐在线 - 刘健超-J.c 翻译,sunbiaobiao 校稿。未经许可,禁止转载! 英文出处:www.deanhume.com。欢迎加入翻译组。 我时常寻找方法改善网站性能,为的就是能提供更佳的用户体验。也许你经常会发现你的网站运行高效且性能优异。你也可能曾让你的… Read More »

[译]我们是如何开发ColorMatchTabs动画

关于作者:Abel 简介还没来得及写 :) 个人主页 · 我的文章 · 10 content_review-app-concept.gif 做靠谱交互动画的 5 种方法 2015/04/19 · HTML5 · 交互动画 本文由 伯乐在线 - Abel 翻译,黄利民 校稿。未经许可,禁止转载! 英文出处:24ways.org。欢迎加入翻译组。 从我在这个网站上开始写《Flashless Anima… Read More »

Web性能优化:What? 88bf必发唯一官网Why? How?

Web性能优化:What? Why? How? 2015/06/23 · HTML5 · 1 评论 · 性能优化 原文出处: 木的树    为什么要提升web性能? Web性能黄金准则:只有10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%时间花在了下载页面组件上。 web性能对于用户体验有及其重要的影响,根据著名的2-5-8原则: 当用户在2秒以内得到响应,会感觉系统… Read More »

5大黄金准则,设计你的移动端邮件

在Email中防御性地使用HTML5和CSS3的指南 2015/04/20 · CSS, HTML5 · 1 评论 · Email 本文由 伯乐在线 - fzr 翻译,黄利民 校稿。未经许可,禁止转载! 英文出处:litmus.com。欢迎加入翻译组。 “在Email中不能使用HTML5或CSS3”。 由于它们“有限”的支持,这已成为邮件设计行业的一个普遍共识。然而,我们现在可以说它是一个完全荒唐… Read More »

图片防盗链

跨域访问和防盗链基本原理(一) 2015/10/18 · HTML5 · 跨域, 防盗链 原文出处: 童燕群 (@童燕群)    1、使用控制台查看Referer属性 一、什么是防盗链 网站资源都有域的概念,浏览器加载一个站点时,首先加载这个站点的首页,一般是index.html或者index.php等。页面加载,如果仅仅是加载一个index.html页面,那么该页面里面只有文本,最终浏览器只能呈… Read More »

XCel 项目总结:Electron 与 Vue 的性能优化

Electron 是什么? Electron 是一个可以用 JavaScript、HTML 和 CSS 构建桌面应用程序的库。这些应用程序能打包到 Mac、Windows 和 Linux 系统上运行,也能上架到 Mac 和 Windows 的 App Store。 JavaScript、HTML 和 CSS 都是 Web 语言,它们是组成网站的一部分,浏览器(如 Chrome)懂得如何将这些代码转… Read More »

HTML5 web通知API介绍必发365乐趣网投

HTML5 web通知API介绍 2015/04/17 · HTML5 · 2 评论 · web通知 本文由 伯乐在线 - ElvisKang 翻译,周进林 校稿。未经许可,禁止转载! 英文出处:www.sevensignature.com。欢迎加入翻译组。 在使用网页版Gmail的时候,每当收到新邮件,屏幕的右下方都会弹出相应的提示框。借助HTML5提供的Notification API,我们也… Read More »

HTTPS的基础原理

HTTPS 到底加密了什么? 2018/07/03 · 基础技术 · HTTPS 原文出处: 云叔_又拍云    关于 HTTP 和 HTTPS 这个老生常谈的话题,我们之前已经写过很多文章了,比如这篇《从HTTP到HTTPS再到HSTS》,详细讲解了 HTTP 和 HTTPS 的进化之路,对的没错,就是 HTTP 兽进化 HTTPS 兽。 那么今天我们主要聊一聊 HTTPS 到底加密了些什么内容… Read More »

一起来看 HTML 5.2 中新的原生元素 dialog

浏览器支持和 Polyfill 目前,只有 chrome 支持 `` `,Firefox需要在about:config里允许dom.dialog_element.enabled才能正常使用,我猜想,Firefox` 在不久的将来就会支持 上图为 caniuse.com 关于 dialog 特性主流浏览器的兼容情况 幸运的是,我们可以使用 dialog-polyfill 来缓解这种尴尬,它既提供了 … Read More »

Web前端开发大系概览 (88bf必发娱乐前端开发技术栈)

Web前端开发大系概览 (前端开发技术栈) 2015/08/12 · JavaScript · Web开发 本文作者: 伯乐在线 - 灵感之源 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 记得几年前写过一篇关于.NET开发方面的知识总结,但是随着技术的发展以及自己技术理解的提升,觉得有必要对那篇文章加以更新和完善。 最近在园子里也看到有人写关于.NET知识体系的文章,特别是灵感之源写… Read More »

88bf必发娱乐:常见的算法

前端面试中的常见的算法问题 2016/10/27 · JavaScript · 7 评论 · 算法 原文出处: Jack Pu    虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列… Read More »

我也想来谈谈HTTPS

我也想来谈谈HTTPS 2016/11/04 · 基础技术 · HTTPS 本文作者: 伯乐在线 - ThoughtWorks 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 安全越来越被重视 2014年8月份Google在官博上发表《 HTTPS as a ranking signal 》。表示调整其搜索引擎算法,采用HTTPS加密的网站在搜索结果中的排名将会更高,鼓励全球网站采用安全… Read More »