计算机教程

给列表项目添加动画

3 2月 , 2019  

浏览器内核前缀和浏览器测试 为了可读性,上面那些代码都没有包含任何前缀。在这里,我强烈推荐添加前缀,以支持那些需要 -webkit 或其他前缀的浏览器。而我使用了 Autoprefixer 来解决这个问题。 正因为这些动画都是在基本的 show/hide 上构建的,所以它们在不支持这些动画的浏览器上优雅地回退。在各种各样的设备和浏览器上进行测试是重要的,但大多数现代浏览器都能支持这些动画。 打赏支 […]

计算机教程

HTML5 录音的踩坑之旅

3 2月 , 2019  

HTML5 录音的踩坑之旅 2017/12/25 · HTML5 · 录音 原文出处: 翁旺    详解HTML5 录音的踩坑之旅,详解html5坑之旅 开篇闲扯 前一段时间的一个案子是开发一个有声课件,大致就是通过导入文档、图片等资源后,页面变为类似 PPT 的布局,然后选中一张图片,可以插入音频,有单页编辑和全局编辑两种模式。其中音频的导入方式有两种,一种是从资源库中导入,还有一种就是要提到的 […]

计算机教程

[转]谷歌Chrome浏览器开发者工具教程—JS调试篇【必赢娱乐棋牌】

3 2月 , 2019  

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

计算机教程

Chrome开发者工具不完全指南(一、基础功能篇)

3 2月 , 2019  

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

计算机教程

HTML5全屏(Fullscreen)API详细介绍,html5fullscreen必赢娱乐棋牌

3 2月 , 2019  

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

计算机教程

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

3 2月 , 2019  

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

计算机教程

Chrome开发者工具不完全指南(四【必赢娱乐棋牌】、性能进阶篇)

3 2月 , 2019  

Chrome开发者工具不完全指南(四、性能进阶篇) 2015/07/05 · HTML5 · Chrome 原文出处: 卖烧烤夫斯基    前言 Profiles面板功能的作用主要是监控网页中各种方法执行时间和内存的变化,简单来说它就是Timeline的数字化版本。它的功能选项卡不是很多(只有三个),操作起来比较前面的几块功能版本来说简单,但是里面的数据确很多,很杂,要弄懂它们需要花费一些时间。尤 […]

计算机教程

Web性能优化系列(2):剖析页面绘制时间

3 2月 , 2019  

关于作者:刘健超-J.c 前端,在路上…http://jchehe.github.io 个人主页 · 我的文章 · 19 ·      即使页面的加载时间十分快,也仍然值得去研究页面的绘制时间。不同设备对CSS属性有着不一样的反应,但无论如何,能提高性能总是一件很好的事。为了进行测试,首先得去Google Chrome网站下载Chrome Canary。一旦安装完成,就可以打开你想测试 […]

计算机教程

2011年网页设计趋势!!!!

3 2月 , 2019  

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

计算机教程

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

3 2月 , 2019  

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

计算机教程

Twitter的”fave”动画

3 2月 , 2019  

打赏支持我翻译更多好文章,谢谢! 任选一种支付方式 赞 收藏 评论 变形–原点 transform-origin 任何一个元素都有一个中心点,默认情况之下,其中心点是居于元素X轴和Y轴的50%处。如下图所示: 在没有重置transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、位移、缩放,扭曲等操作都是以元素自己中心位置进行变形。但很多时候,我们可以通过trans […]

计算机教程

AJAX 必赢娱乐棋牌跨域请求 – JSONP获取JSON数据

3 2月 , 2019  

跨域访问和防盗链基本原理(二) 2015/10/18 · HTML5 · 跨域, 防盗链 原文出处: 童燕群 (@童燕群)    Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest  […]

计算机教程

必赢娱乐棋牌HTML知识点

3 2月 , 2019  

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

计算机教程

为什么 HTTP 有时候比 HTTPS 好?

3 2月 , 2019  

为什么 HTTP 有时候比 HTTPS 好? 2015/05/15 · HTML5 · 3 评论 · HTTP, HTTPS 原文出处: stormpath   译文出处:开源中国社区    做为一家安全公司,我们在站点Stormpath上经常被开发者问到的是有关安全方面最优做法的问题。其中一个被经常问到的问题是: 我是否应当在站点上运行HTTPS? 很不幸,查遍整个因特网,你大多数情况下会得到同 […]

计算机教程

图片防盗链

3 2月 , 2019  

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

网站地图xml地图