HTML页面基本结构

本文简要介绍HTML中的各种元素及其相关属性,读者需要有一个概念: HTML页面都是由基本元素及属性组成的。

2017-09-11 09:52:21

阅读数:2692

评论数:1

前端构建工具-fis3使用入门

本文主要介绍前端构建工具-fis3 如何使用。 FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。

2017-07-10 16:01:08

阅读数:1899

评论数:0

AngularJS 2.0.0正式版发布: 前端领域的强悍尖兵

2016年9月15日, 在谷歌总部(Google HQ)一场特殊的聚会上, 我们发布了 Angular 2 的 final release 版本, 正式成为 Angular 1 的全平台继任者。“final”是什么意思呢? 就是通过广泛测试后的稳定版, Angular 框架对开发者友好并能大幅提升...

2016-09-16 00:34:05

阅读数:1472

评论数:1

Promise 简介

在过去几年中 Promise 一直是个热门话题(如果你是 Dojo Toolkit 用户,那么就是已经有10年了), 已经从一个JavaScript框架变成了语言的一个主要成分. 很快你就会看到大多数新的 JavaScript api 都会基于 Promise 的方式来实现…… … 当然这是好事!...

2016-06-25 19:18:51

阅读数:4776

评论数:0

禁止页面Body在后台滚动

我最讨厌的一种情况, 是在滚动弹出框的时候, 后台的 <body> 也跟着一起滚了。你可能也碰到过这种情况: 想滚动一下对话框, 却看到底层的页面也跟着一起滚动? 这真是种糟糕的用户体验, 很杯具、呵呵。那么怎样才算是比较好的处理方式? 监听 scroll 事件并且执行 preven...

2016-06-17 13:09:40

阅读数:4068

评论数:0

跨域图片资源权限(CORS enabled image)

尽管没有CORS授权也可以在 canvas 中使用图像, 但这样做就会污染(taints)画布。 只要 canvas 被污染, 就不能再从画布中提取数据, 也就是说不能再调用 toBlob(), toDataURL() 和 getImageData() 等方法, 否则会抛出安全错误(securit...

2016-06-14 22:23:22

阅读数:22420

评论数:1

fetch简介: 新一代Ajax API

AJAX半遮半掩的底层API是饱受诟病的一件事情. XMLHttpRequest 并不是专为Ajax而设计的. 虽然各种框架对 XHR 的封装已经足够好用, 但我们可以做得更好。更好用的API是 fetch 。下面简单介绍 window.fetch 方法, 在最新版的 Firefox 和 Ch...

2016-05-24 23:06:37

阅读数:44193

评论数:3

CSS3新特性: mix-blend-mode: multiply

我经常问的一个面试题是: “在前端领域,你如何与新技术和API保持同步更新?“ 我听到的大多都是标准答案: “技术博客” 以及 “RSS订阅”, 而很少听到 “关注大牛的Twitter“ 这类答案, 我觉得奇怪, 因为我从Twitter上学习 loads, 尤其是在学习 CSS 的时候, 一两行代...

2016-05-02 15:46:17

阅读数:6796

评论数:1

ExtJS中的accordion布局如何展开特定的item

因为项目需要,使用了extJS作为后台管理系统的前端框架。 众所周知,后台管理系统一般是根据权限来展示菜单的。 菜单使用了panel的accordion布局,然后内部使用panel包裹了一棵树(treepanel)。 刷新时自然是不方便啦,因为想要自动打开上次的菜单展开状态。 关键点如下:...

2015-06-25 16:17:52

阅读数:3886

评论数:0

获取并设置HTML5 Video的当前进度

上周翻译了一篇文章: 如何获取HTML5视频的持续时间。很显然这是一门简单却很实用的技术, 但我认为还有一个更重要的知识点是控制视频的时间设置。在用HTML5技术处理视频时,设置(setting)和获取(getting)时间都是很有用的,那就让我们一起来看看如何达成这个 目标吧!在管理视频状态时,...

2015-03-21 21:42:24

阅读数:25501

评论数:1

如何获取HTML5视频的持续时间

HTML5视频的Bigger体验是非常令人振奋的,很简单的道理,不用加载和依赖烦人的Flash或其他第三方插件来播放视频,也是大功一件。我们可以通过自定义控件对视频进行显示和操控,其中一个常见的需求是显示视频的时长(duration)。下面我们一起来看看如何获得并显示视频的持续时间!JavaScr...

2015-03-14 16:30:48

阅读数:9275

评论数:0

生产环境线上测试的惨淡人生

对生产环境进行测试是不得不做的事,但又是谁都不想做的事情,对吗? 如果一个粗心,可能会瞬间产生某些难以预料的损害. 如果一切顺利,你会觉得 "为什么还要冒这个险呢?我应该在模拟环境做这种事,然后收工!" 好吧,我们不能在生产环境绕过自动测试与人工测试,下面这张图似乎就代表了做生...

2014-10-22 09:30:41

阅读数:2715

评论数:0

用JavaScript来包装文本元素节点

最简单暴力的方法是,你可以在父元素上通过 .innerHTML 属性来执行更新,但问题是这样一来所有绑定的事件监听都会失效,因为使用 innerHTML 时会重新创建一个HTML元素。这真是个大玻璃杯!所以这时候只能利用JavaScript来实现 —— 尺有所短、寸有所长

2014-09-06 12:20:10

阅读数:2686

评论数:1

使用JavaScript动态添加CSS样式规则

动态添加规则到样式表是高效的手段,可能比你想象的还要简单。请记住这种方案,可能在你的下一个大应用中需要使用,因为它能在代码和元素处理这两方面避免你掉进坑里。

2014-09-05 21:20:23

阅读数:25148

评论数:0

完善用户体验: 活用window.location与window.open解决页面跳转问题

本文解决的是按 Ctrl键时使用JS打开新页面的问题,以及window.location与window.open的区别

2014-08-31 16:21:30

阅读数:8531

评论数:1

如何在Nginx服务器中启用Gzip压缩

原文链接: Enable GZIP Compression on nginx Servers原文日期: 2014年7月16日翻译日期: 2014年7月19日翻译人员: 铁锚速度决定一切,没有什么比一个高速网站更犀利的了。当你访问我的博客时,我希望你有一个良好的体验,这也是我一直不知疲倦地压缩所有资...

2014-07-19 21:28:18

阅读数:5305

评论数:0

使IFRAME在iOS设备上支持滚动

原文链接: Scroll IFRAMEs on iOS原文日期: 2014年07月02日 翻译日期: 2014年07月10日翻译人员: 铁锚很长时间以来, iOS设备上Safari中超出边界的元素将不能滚动,处理这种问题对开发人员来说一直是种折磨。 对原文作者的博客来说,这特别让人无奈,因为dem...

2014-07-10 20:27:21

阅读数:47717

评论数:9

让示例代码在手机上换行显示

原文链接: Wrapping Code Samples on Mobile Devices 原文日期: 2014年5月29日 翻译日期: 2014年5月30日 翻译人员: 铁锚 作为一个技术博客的站长,我的博客中有很多的代码示例(code samples ),有时还需要兼顾小屏幕移动设...

2014-05-30 14:35:09

阅读数:3439

评论数:0

CSS解决无空格太长的字母,数字不会自动换行的问题

其实很简单,代码如下所示,注意 Style: 默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,比如: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

2014-05-25 18:30:58

阅读数:13635

评论数:3

Web应用程序设计十个建议

原文链接:  Top 10 Design Tips for Web Apps 原文日期: 2014年04月02日 翻译日期: 2014年04月11日 翻译人员: 铁锚 现代web应用通常在互联网上通过SAAS(软件即服务)的方式获得收入。 许多企业还维护着支持业务需要的内网web应用。 不...

2014-04-11 15:46:12

阅读数:3949

评论数:0

提示
确定要删除当前文章?
取消 删除