51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

Javascript面向对象编程（三）：非构造函数的继承

  Javascript面向对象编程（三）：非构造函数的继承     作者： 阮一峰 日期： 2010年5月24日 这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。

编程
继承
转载 精选 2012-10-31 10:25:17 152 阅读

Javascript面向对象编程（二）：构造函数的继承

  Javascript面向对象编程（二）：构造函数的继承     作者： 阮一峰 日期： 2010年5月23日 这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，对象之间的"继承"的五种方法。 比如，现在有一个

编程
继承
转载 精选 2012-10-31 10:16:34 157 阅读

Javascript 面向对象编程（一）：封装

 Javascript 面向对象编程（一）：封装 作者：阮一峰 Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。 那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，

编程
封装
转载 精选 2012-10-31 10:02:51 204 阅读

Chrome桌面通知功能Notifications对象

 今天在浏览cnbeta.com站的时候，看到了《Chrome开始带来WebKit的通知功能》一文。Chrome又一次领先的发布了新技术的API—webkitNotifications。通过查看它给的例子(Desktop Notification Demo)，里面有比较详细的说明，不过看起来还是比较难懂，所以我整理了下，重新编写了例子中的代码，加上注释，算是比较清晰了吧。《具

通知
Chrome
转载 精选 2012-10-25 17:29:53 1199 阅读

分享几个html5拖拽的demo

 分享几个html5拖拽的demo： 1、http://sofish.de/file/demo/drag-and-drop-files.html 2、http://www.gbin1.com/technology/html/20120417html5draganddrop/demo.html 3、http://www.html5china.com/HTML5features/Dra

file
html5
拖拽上传
原创 2012-10-25 16:49:10 2020 阅读

弥补Web开发缺陷 实战HTML 5中存储API

 COOKIES的限制和缺陷 　　首先，让我们来回顾下cookies。Cookies的出现可谓大大推动了Web的发展，但它既有优点也有一定的缺陷。Cookies的优点在于，它可以允许我们在登陆网站时，记住我们输入的用户名和密码，这样在下一次登陆时就不需要再次输入了，达到自动登陆的效果。 　　另一方面，cookie的安全问题也日趋受到关注，比如cookie由于存储在客户端浏览器中，很容

存储
cookies
转载 精选 2012-10-25 12:01:53 262 阅读

html5离线存储入门基础

  所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过ApplicationCache接口解决了一些问题，并且使离线存储成为可能，离线存储使得你的web应用可以在用户离线的状况下进行访问。 这个技术显然至少有三个好处： 最直接的好处就是用户可以离线访问你的web应用

离线存储
转载 精选 2012-10-25 10:51:49 242 阅读

html5 本地数据库-Web SQL Database

 html5增加新的特性，那就是增加了本地存储！改善用户体验，或许html5会带着我们走进新的互联网时代。 下面看看怎样操作web 数据库吧！！首先新建数据库！ var db = window.openDatabase("mydata", "1.0","数据库描述",20000); //window.openDatab

html5
本地数据库
转载 精选 2012-10-25 10:15:27 389 阅读

HTML5+CSS3+JQuery打造自定义视频播放器

 简介 HTML5的<video>标签已经被目前大多数主流浏览器所支持，包括还未正式发布的IE9也声明将支持<video>标签，利用浏览器原生特性嵌入视频有很多好处，所以很多开发者想尽快用上，但是真正使用前还有些问题要考虑，尤其是 Opera/Firefox 和IE/Safari浏览器所支持的视频编码不同的问题，Google几个月前发布的开源视频编码VP8有望能

浏览器
的
Firefox
video
Opera
转载 精选 2012-10-24 19:16:51 506 阅读

7款很棒的 HTML5 视频播放器

 作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中，文章最后还将与大家分享使用 CSS3 和jQuery 开发一个自定义 HTML5 视频播放器的教程。 VideoJS VideoJS

video
开发者
下一代
视频播放器
转载 精选 2012-10-24 19:14:54 442 阅读

分享8款出色的CSS Web设计工具

 摘要：CSS一直以来都是网页设计师们的最爱，有了它让你轻松构建Web开发。它不仅可以提高页面浏览速度、还可以更好的控制页面布局、更方便的搜索，最重要的一点是CSS非常容易编写，本文收集了8款非常出色的CSS工具，相信总一款适合您。 CSS一直以来都是网页设计师们的最爱，有了它让你轻松构建Web开发。那么CSS优点何在呢？不仅可以提高页面浏览速度、还可以更好的控制页面布局、更方便的

web
css
转载 精选 2012-10-24 19:07:22 229 阅读

HTML5+CSS3+jQuery制作视频播放器完全指南

播放器最终效果预览图 1.下载MediaElement.js 首先下载MediaElement.js脚本文件，这是一个开源的HTML5音、视频插件，解压后你会得到3个文件—— "flashmediaelement.swf"、 "mediaelement-and-player.min.js"和 "silverlig

HTML5
视频播放器
转载 精选 2012-10-24 16:48:25 371 阅读

HTML5 localStorage本地存储实际应用举例

  一、引言 HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心，自己又应用了HTML5相关内容——HTML5 localStorage本地存储，这里简单分享下，希望能触动一

存储
实际应用
HTML5
转载 精选 2012-10-24 11:46:41 235 阅读

HTML5 本地存储

  HTML5 本地存储   1、sessionStorage 2、localStorage 3、Database Storage 4、globalStorage 5、兼容性 参考文献 本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序，操作系统会一共一个抽象层，

存储
HTML5
转载 精选 2012-10-24 11:16:36 366 阅读

Web开发中的矢量绘图(vml,svg)处理和应用

 前言 1991 年物理学家 Tim Berners-Lee 首次在因特网上发布了 HTML 的第一版描述规范文档。经过了 20 多年的发展，HTML 语言成为如今编程最为广泛的语言和互联网上采用最广的文档格式。虽然 HTML 发展十分迅速并具有诸多优点，但其始终不能提供一个良好的矢量绘图解决方案。很多应用为获得绚丽的动画和绘图效果，不得已在页面中嵌入大量的 Fla

canvas
Raphael
svg
转载 精选 2012-10-23 22:30:20 536 阅读

热推18个基于HTML5 Canvas开发的图表库

 　　【IT168 评论】 　　如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于 HTML 5

图表
HTML5
转载 精选 2012-10-23 22:19:09 704 阅读

JavaScript 的新领域 - 动态图片处理（SVG）

 背景 当 JavaScript 被 Netscape 公司发明出来时，它被用来做一些琐细的事情，比如校验表单、计算日期、提示用户；随着 Web 的迅速发展，这种轻巧而灵活的语言被委以越来越多的任务，动态地修改页面内容，一致地处理事件，甚至无刷新地和服务器交互。然而，与传统的客户端编程相比，JavaScript 操作的对象限制在 DOM 模型之内，无法进行图形编程。所以长久以来，我们在

动态图片
新领域
svg
转载 精选 2012-10-23 22:13:56 305 阅读

【three.js详解之二】渲染器篇

 本篇文章将详细讲解three.js中渲染器（renderer）的设置方法。 three.js文档中渲染器的分支如下： Renderers CanvasRenderer DOMRenderer SVGRenderer WebGLRenderer WebGLRenderTarget WebGLRenderTargetCub

渲染
webGL
转载 精选 2012-10-23 15:52:13 472 阅读

【three.js详解之一】入门篇

  开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档也非常粗糙，很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自己总结，二是与大家分享。

webGL
转载 精选 2012-10-23 15:51:05 444 阅读

10 个 jQuery 的全景图片展示插件

 整合jQuery的全景图片展示插件，能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程，全景展示和滚动，无限的图片幻灯，希望大家喜欢！ 相关的插件：分享8个图片360度旋转展示的jQuery插件 1. 360° panoramic view plugin for jQuery 一个全景图由一系列图片经过软件合成的一个广视角效果。它给予访客一个身临其境的感受。

图片
插件
全景
转载 精选 2012-10-23 14:34:18 828 阅读

jQuery boxy弹出层插件中文演示及讲解

  jQuery boxy弹出层插件中文演示及讲解 源文件下载(.zip 37.04K) 测试页面 » 使用该jQuery插件 要想使用该jQuery插件，需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector"，例如："a[rel=boxy],form

fancybox
弹框
转载 精选 2012-10-23 14:29:29 212 阅读

jCarousel jQuery下的滚动切换传送插件

  jCarousel jQuery下的滚动切换传送插件 翻译: 张鑫旭 作者: Jan Sorgalla 版本: 0.2.3 (更新日志) 下载: jcarousel.tar.gz或jcarousel.zip(英文原版)，或是jcarousel_zh.zip(中文版) 许可: MIT 和 GPL&nbs

jquery
滚动
转载 精选 2012-10-23 14:26:34 289 阅读

jQuery图像照片剪裁插件Jcrop中文演示

  jQuery图像照片剪裁插件Jcrop中文演示 Jcrop是jQuery环境下的一款功能强大使用的图片剪裁插件。 静态演示页面 从最简单的开始 — 默认的行为表现 基本处理程序 — 基本形式的结合 锁定纵横比/剪裁效果图预览 — 不错的效果示例 设置/动画选择（

图片
jquery
剪裁
转载 精选 2012-10-23 14:23:21 279 阅读

应运而生的web页面响应布局

  一、响应布局？貌似没听过哈 技术的发展往往导致新事物的产生。关于web页面布局，我们应该听过固定布局(fixed layout)、流体布局(fluid layout)，那响应布局(responsive layout)是哪个鸟蛋呢？ 在说响应布局之前，我们先类比下固定布局和流体布局。先随便找两个网站截个图，例如豆瓣网和google analytics：   豆瓣网就

web
瀑布流
转载 精选 2012-10-23 14:05:27 176 阅读

理解CSS3 transform中的Matrix(矩阵)

一、哥，我被你吓住了 打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计好会让人觉得这个软件好用！ 所以，当看到上面“Matrix(矩阵)”的时候，难免会心生畏惧（即使你已经学过），正常心理。实际上，这玩意确实有点复杂。 然而，这却是屌丝逆袭的一个好机会。 CSS同行间： 你是不

矩阵
Matrix
css3
转载 精选 2012-10-23 13:52:08 233 阅读

CSS3 Transitions, Transforms和Animation使用简介与应用展示

一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到一起

应用
展示
转载 精选 2012-10-23 13:40:36 203 阅读

响应式设计(Response Web Design)实践

 前一篇响应式设计(Response Web Design)浅谈提到了响应式设计的由来和应用场景。本文聊一聊如何实现。   如何让自己的网站也响应式Web设计，可以响应设备的分辨率呢? 根据Ethan Marcotte的文章，和相关的实践，已经总结出了一些实践方法。（本文最后列出了所引用的文章和工具）响应式Web设计是想把固定的(Fixed)设定(位置定位，长宽大小)变为相

Design
设计
转载 精选 2012-10-23 11:03:06 370 阅读

响应式设计(Response Web Design)浅谈

 响应式Web设计，这个话题可能是当下Web设计领域里讨论和应用比较多的话题了，为什么要响应式Web设计?什么是响应式Web设计? Web发展迅速，各种应用和服务层出不穷，现在打开电脑，可能使用最多的程序应该是浏览器了，访问不同的网站，可以满足人们购物，社交，获取新闻资讯，娱乐，等等需求。然而近几年内，移动设备快速崛起，移动互联网慢慢进入人们的生活，预计未来5年内移动设备的使用度会超过

Design
设计
响应式
转载 精选 2012-10-23 11:01:39 236 阅读

前端代码标准最佳实践：javascript篇

 前言 最近一直重构项目的前端代码，也参考了各种前端代码的最佳实践，目的是让前端的HTML,CSS,Javacript代码更符合标准，有更好的性能，更好的可维护性，尝到了重构后的甜头，也萌生了写这个系列博客的念头。前端代码有其固有的灵活性，这就导致了目前前端代码非常混乱的局面，本系列文章希望能起到抛砖引玉的作用，让更多的人重视前端代码的质量，编写更标准的前端代码。 本系列文章共有三篇

javascript
js
转载 精选 2012-10-23 10:48:27 206 阅读

前端代码标准最佳实践：HTML篇

 Web前端代码中，HTML是根本，CSS和JavaScript也是围绕着既有的HTML结构来构建，所以良好的HTML代码结构，除了提高了HTML代码的可读性，可维护性和执行性能之外，也可以让相对应的CSS和JavaScript代码更好的构建。距前面两篇探讨JavaScript（前端代码标准最佳实践：JavaScript篇）和CSS（前端代码标准最佳实践：CSS篇）之后，我们今天来探讨W

html
转载 精选 2012-10-23 10:47:17 191 阅读
  • 1
  • 2

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯