Chrome开发者工具不完全指南(二、进阶篇)

澳门新萄京 14

Chrome开发者工具不完全指南(二、进阶篇) 2015/06/23 · HTML5 · 3 评论 · Chrome 原文出处: 卖烧烤夫斯基    上篇向大家介绍完了基础功能篇,这次分享的是Chrome开发工具中最有用的面板Sources。  Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍 […]

Chrome开垦者工具不完全指南(意气风发、底子功用篇卡塔尔

澳门新萄京 19

Chrome开发者工具不完全指南(一、基础功能篇) 2015/06/23 · HTML5 · 2 评论 · Chrome 原文出处: 卖烧烤夫斯基    就算你不是一名前端开发工程师,相信你也不会对Chrome浏览器感到陌生。根据最新的一份(2015/06)的浏览器市场占有率报告,Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员,我推荐你使 […]

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

澳门新萄京 6

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

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

澳门新萄京 21

值得收藏!Web开发的各种性能工具 2015/06/22 · HTML5 · 性能 原文出处: Robin Rendle   译文出处:南北    嗨,各位,又到了周末总结时间!得益于大量的 Grunt 和 Gulp 插件,我们可以轻松实现网站数据的可视化,虽然深入理解这些工具还比较困难,但分门别类的将它们列出来,也是很有帮助的。 内容分发网络(CDN) CDN 可以帮你把网站的资源分发到世界各地 […]

做靠谱交互动画的 5 种方法

澳门新萄京 2

做靠谱交互动画的 5 种方法 2015/04/19 · HTML5 · 交互动画 本文由 伯乐在线 – Abel 翻译,黄利民 校稿。未经许可,禁止转载! 英文出处:24ways.org。欢迎加入翻译组。 从我在这个网站上开始写《Flashless Animation》这篇文章到现在已经两年了。从那时起,交互动画已经从像圆润的APP一样的用户界面到交互式杂志在网站上流行。对网页交互动画 […]

Web性能优化:What? Why? How?

澳门新萄京 10

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

跨域访问和防盗链基本原理(一)

澳门新萄京 4

跨域访问和防盗链基本原理(一) 2015/10/18 · HTML5 · 澳门新萄京,跨域, 防盗链 原文出处: 童燕群 (@童燕群)    一、什么是防盗链 网站资源都有域的概念,浏览器加载一个站点时,首先加载这个站点的首页,一般是index.html或者index.php等。页面加载,如果仅仅是加载一个index.html页面,那么该页面里面只有文本,最终浏览器只能呈现一个文本页面。丰富的多媒 […]

谈谈前后端的分工协作

澳门新萄京 1

谈谈前后端的分工协作 2015/05/15 · HTML5 · 1 评论 · Web开发 原文出处: 小胡子哥的博客(@Barret李靖)    前后端分工协作是一个老生常谈的大话题,很多公司都在尝试用工程化的方式去提升前后端之间交流的效率,降低沟通成本,并且也开发了大量的工具。但是几乎没有一种方式是令双方都很满意的。事实上,也不可能让所有人都满意。根本原因还是前后端之间的交集不够大,交流的核心往 […]

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

澳门新萄京 4

一起来看 HTML 5.2 中新的原生元素 dialog 2018/01/20 · HTML5 · dialog 原文出处: Kirsty TG   译文出处:Keith    不到一个月前,HTML 5.2 正式成为 W3C 的推荐标准(REC),其中,推出了一个新的原生模态对话框元素 ,乍一看,可能感觉它就是一个新增的元素,然而,作者最近在玩的时候,发现它确实是一个值得期待和很有意思的元素,在 […]

澳门新萄京使用h5新特性,轻松监听任何App自带返回键

澳门新萄京 1

使用h5新特性,轻松监听任何App自带返回键 2018/07/03 · 澳门新萄京,HTML5 · H5 原文出处: 云叔_又拍云    1、前言 如今h5新特性、新标签、新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力。作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践。接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的 […]

澳门新萄京酷派 X 适配手Q H5 页面通用建设方案

澳门新萄京 9

iPhone X 适配手Q H5 页面通用解决方案 2017/11/12 · HTML5 · 8 评论 · iPhone X 原文出处: 林焕彬    导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了新的挑战。 对于手Q中的各业务来说,受iPhone X影响的H5页面挺多,应该采取什么快速有效的办法来应对呢? 目前的H5页面可以 […]

澳门新萄京H5 动画:轨迹移动

澳门新萄京 8

H5 动画:轨迹移动 2017/11/10 · HTML5 · 动画 原文出处: 凹凸实验室      澳门新萄京H5 动画:轨迹移动。动画,是指由许多帧静止的画面,以一定的速度(如每秒16张)连续播放时,肉眼因视觉残象产生错觉,而误以为画面活动的作品。 在 Web 开发中,经常需要实现各种动画效果,例如:移动、变形、透明度变化等,今天我们主要来讨论各种移动的实现。 直线移动 通常可以直接由各个点 […]

H5游戏开采:套圈圈

澳门新萄京 18

H5游戏开发:套圈圈 2018/01/25 · HTML5 · 游戏 原文出处: 凹凸实验室      前言 虽然本文标题为介绍一个水压套圈h5游戏,但是窃以为仅仅如此对读者是没什么帮助的,毕竟读者们的工作生活很少会再写一个类似的游戏,更多的是面对需求的挑战。我更希望能举一反三,给大家在编写h5游戏上带来一些启发,无论是从整体流程的把控,对游戏框架、物理引擎的熟悉程度还是在某一个小难点上的思路突破 […]

澳门新萄京H5游戏开拓:消灭星星

澳门新萄京 11

H5游戏开发:消灭星星 2018/01/25 · HTML5 · 游戏 原文出处: 凹凸实验室    「消灭星星」是一款很经典的「消除类游戏」,它的玩法很简单:消除相连通的同色砖块。 1. 游戏规则 「消灭星星」存在多个版本,不过它们的规则除了「关卡分值」有些出入外,其它的规则都是一样的。笔者介绍的版本的游戏规则整理如下: 1. 色砖分布 10 x 10 的表格 5种颜色 —— 红、绿、蓝,黄,紫 […]

主流浏览器图片反防盗链方法总结

澳门新萄京 1

主流浏览器图片反防盗链方法总结 2018/04/24 · HTML5 · 防盗链 原文出处: Myths    前言 还记得之前写的那个无聊的插件,前一段时间由于豆瓣读书增加了防盗链策略使得我们无法直接引用他们的图片,使得我这个小插件无法工作。本以为是一个很简单的问题,但是没想到这个小问题硬是让我改了五六遍才改好,可以说是非常的蠢了。总结一下自己犯傻的原因,还是由于自己懒得去深入研究,谷歌百度了问 […]

网站地图xml地图