开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

免费课程课程排行直播课软考学堂

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

文章资源问答开源课堂专栏直播

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 687 条

通过百度API函数实现搜索

在百度搜索引擎中，可以按照“互联网”和“站内搜索”两种方式搜索数据信息，在使用百度搜索服务时候，需要在页面源中加入Js脚本。 <%@PageTitle=""Language="C#"MasterPageFile="~/master/Oa.Mast

2012-10-14 16:41:48

推荐几份能够帮助你学习 CSS3 的实用帮助手册

　　今天这篇文章向大家分享几份对学习 CSS3 非常有帮助的手册，大家记得收藏起来。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。 CSS3 Click Chart 演示 CSS3 特性的示例代码以

2012-10-10 17:00:11

jquery异步上传组件SmartUpload

采用iframe形式进行文件异步上传，支持动态数据的传递及参数配置。

2012-10-09 19:35:44

jquery异步上传兼容IE6+

HTML5 Canvas实现Tiled地图编辑器

运用Html5 Canvas、File API等实现的一个2D地图编辑器。

2012-09-20 13:13:51

canvas editor map

利用HTML5 canvas旋转图片

最近突然想研究一下js旋转图片的功能。对于之前的实现方式，就不先说了。现在HTML5很不错，主要了解一下HTML5中的图片旋转吧。实例演示： http://www.imqing.com/demo/rotateImg.html 原理：利用canvas对象来旋转。实现方式：首先创建一个canvas元素，然后把img元素绘入canvas。但是，实际上，这是默认情况，就是图片没旋转

2012-09-18 22:04:00

图片 canvas HTML5

angularjs表达式-Expression

紧接上节谈到再谈angularjs DI(Dependency Injection)，在这里介绍关于angularjs的表达式expression。expression指的是javascript的一小片段代码，通常用于绑定（binding）例如：` expression `。在angularjs中是通过$parse service解析。 &nbs

2012-09-14 00:30:56

mvc expression angularjs

再谈Jquery Ajax方法传递到action

之前写过一篇文章Jquery Ajax方法传值到action，本文是对该文的补充。假设 controller中的方法是如下： publicActionResultReadPerson(PersonModelmodel){&nb

2012-09-07 14:15:03

【254期门诊集锦】HTML5的Mobile Web App开发之路

现今HTML5和移动互联网的话题被讨论的非常多，同时以Android和iOS平台为主流的智能移动设备发展迅速。目前，HTML5应用于各种平台的浏览器上逐渐被开发者认可，它能给Mobile Web App带来很多技术上的创新。我们究竟如何学习HTML5技能，并利用HTML5解决在开发Mobile Web Ap时遇到的问题呢？一起来探讨吧~

2012-09-05 11:20:34

Html5带来了什么？

随着各大浏览器厂商宣布支持Html5中越来越多的标准标签,让我相信真正的Html5或者说Wbe3.0的时代就要来临。感慨之余突然想到故去的乔布斯在檄文《关于Flash的思考》一文中说：“Flash是PC时代的产物，它是为个人电脑与鼠标发明的。”──其言外之意就是说，未来是触摸类型移动终端的时代，而这种臃肿的插件类工具

2012-09-04 06:02:59

基于jQuery UI Autocomplete的AngularJS 指令（directive）扩展

在前几篇随笔简单介绍了AngularJS，在AngularJS 指令（directive）是重要的概念，主要负责了很大部分的组建样式交互。在前面介绍过directive需要预先的模板编译在返回一个link的函数，注册行为事件交互等等。在这里不多说了，关于指令的介绍将在后续一并补上。在这里我们先看一个利用jQuery UI组件开发的AngularJ

2012-09-02 10:45:41

autocomplet jquery ui angluarjs

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

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

2012-08-28 12:11:14

CSS 最佳实践葡萄城

jquery插件编写：文本框实现下拉框效果

先上代码： jQuery.beDropdownlist.js (function ($) {//jquery插件编写中，不能假设$是有效的，因此，使用这种包装函数，使得在下面的代码中可以继续写$,对于这个函数的分析，可以具体看下面的分析。 $.fn.beDropdownlist =&nb

2012-08-27 15:20:49

jQuery 插件开发 jQuery插件

推荐35款精致的 CSS3 和 HTML5 网页模板

　　过去的几年，网页设计和制作人员就已开始关注和使用 HTML5 了，如今 HTML5 得到了更加广泛的应用，国外已有很多基于 HTML5制作的网站。所以，今天这篇文章给大家带来的是35款基于HTML5和 CSS3的非常精致的网站模板，大家可以借助这些优秀网站模板制作出自己的 HTML5 网站。这些网站模板大部分都是免费的，虽然有些要付费，但是都提供

2012-08-21 18:42:24

HTML5 CSS3 网站模板

一个伪前端在HTML5开发者日中的总结

在各大浏览器、HTML5游戏公司纷纷加入W3C组织，HTML5已经逐渐在国内崭露头角，成为2012年度互联网行业的绝对最热闹关键词之一。国内外各大公司包括Apple、Google、Microsoft、Adobe、Mozilla、Opera/欧朋、百度、腾讯、新浪、360、UC等在内先后推出基于HTML5技术的游戏、应用、开发工具、平台、操作系统等产品。Fire

2012-08-19 04:48:52

分享总结前端

CSS伪类的一些用法以及visibility:hidden和display:none的一些区别

CSS伪类有比较实用的用处，可以使程序员少些一些js，而实现特定的效果。 w3cschool中，伪类有如下的几种： :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被

2012-08-07 11:31:19

最佳6款用于移动网站开发的 jQuery 图片滑块插件

　　随着智能手机的普及，越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件，这些插件很好的处理了触屏事件，效果平滑，帮助你构建用户体验良好的移动网站。 PhotoSwipe PhotoSwipe 是一款免费的 jQuery 图片库插件，支持iPhone, iPad, Android, Blackberry 等各种移动设

2012-07-24 20:03:32

通过CSS，Jquery实现DIV的各种动作(包括漂移，未测试IE6)

此文实现了如下效果： jquery获得窗口高宽，文档高宽值。通过CSS设置，实现DIV置顶，置底，置左，置右，居中。利用jquery实现DIV四个方向随滚动条，窗体大小浮动。一个漂浮反弹的DIV。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

2012-07-23 22:58:53

使用ajax调用含JQuery easyUI的组件需要重绘

使用JqueryEasyUI的时候，我们从后台传过来easyui的元素无法正常显示。在开发的时候我们会遇到这样一个问题。 //点击页面添加事件 //得到选课组的信息 functiongetClozeGroupInfo(){var

2012-07-12 10:01:01

HTML5 地理位置定位（HTML5 Geolocation）原理及应用

　　地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。　　在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏览器为例，如果您允许 Chrome 浏览器与网站共享您的位置，Chrome 浏览器会向 G

2012-07-11 12:35:30

HTML5 Geolocation

【博客话题】技术人，为了布道而起的争论

我不知道有多少技术人和我一样愤青，和我一样愤世嫉俗，但是我总感觉这些都是技术人应有的品质。也许，就有那么一天他为了布道而与本身毫不相干的人争论的面红耳赤…… 今天快下班的时候，手头工作做完，正好遇见

2012-07-05 21:19:08

技术人争论博客话题

【翻译】Ext JS 4.1的性能

原文：http://www.sencha.com/blog/ext-js-4-1-performance/ 在本文，将讲述几个影响Ext JS应用性能的因素。网络延时会严重影响初始化启动时间，尤其是Store的加载时间。 CSS处理。 Javascript的执行。 DOM操作。网络延时为了最大限度的减少应用启动时间，必须牢

2012-07-04 16:19:00

性能 Ext JS 4.1 因素

优秀开发工具：推荐8个在线调试代码的网站

　　对于 Web 开发人员来说，有个快速测试代码的地方是非常方便的。在这篇文章，我们收集了8个非常有用的网站，帮助 Web 开发人员在线调试代码，其中有些站点还可以在线分享和备用代码，这能够帮助你非常方便的和其它的开发人员协作。 jsfiddle JsFiddle 是最常用的在线 Web 代码调试工具，可以在线编写HTML、CSS 和 JavaScript 代码，而且还可以分享和嵌入到博客中。

2012-07-02 11:06:38

在线调试代码

jquery为动态添加元素添加事件

参考：http://api.jquery.com/live/ 以前我们定义事件，比如为元素定义单击事件是这样写的：代码如下: $('input').click(function () { //处理代码 }); 或代码如下: $('.clickme').bind('click', function() { // Bound handl

2012-06-26 13:52:17

动态添加事件 jquery

谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer

Google Chrome在招来了FireFox，FireBug的项目组领导人John J. Barton后，Chrome Dev Tools也变的越来越好用，越来越方便了。本文根据Google I/O上对Chrome Dev Tools的介绍(http://www.youtube.com/watch?v=N8SS-rUEZPg),和相关PPT：http://chrome-devtools-io2011.appspot.com/template/index.html 整理而来。(参照的Chrome版本为: 19.0.1084.52)

2012-06-15 16:42:39

Google Chrome Dev Tools

帮助你构建自适应布局的30款优秀 jQuery 插件（上篇）

　　自适应设计（Responsive Layouts）是时下网页设计领域最热门的话题之一，自适应设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。下面是收集的15款优秀的自适应jQuery 插件，希望这些插件能够帮助到您。 01.Slides Slides 是一款优秀的幻灯片插件，能够帮助开发者制作出优雅的幻灯片效果。

2012-06-11 16:14:00

HTML5介绍分析 F.C.D

时下可谓大火大热的新兴贵族--HTML5，它的概念冲级着整个圈子的产品理念，因为本人也在自学的摸索中，就是K一些demo而已，拿不上台面。本文围绕html5的某些特性发表一下我整理来自网络资源的一些小的看法。一、html5 新功能理念 1.本地的音频视频播放 2.动画绘制API （Canvas） 3.地理信息API （Twitter自动感知：支持geolocation API时自动加载，

2012-05-25 13:49:23

35款优秀的基于 HTML5 开发的网页游戏

　　HTML5 是现在 Web 开发领域的热点，随着各大浏览器对 HTML5 技术支持的不断完善，越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的 Web 应用和游戏。今天这篇文章向大家分享35款优秀的基于 HTML5 开发的网页游戏，相信你看完这些例子后会对未来的 HTML5 发展充满无限期待。 Cut the rope Emberwind Runfield

2012-05-17 14:08:41

HTML5 网页游戏

CDHtmlDialog的基本使用

因为我的部门只有我一个人（无奈之极，只有我一个做C++的，其他的都在做C#），所以我去跟技术顾问讨论我们客户端到底该怎么呈现。他说按照以往（上一套系统）的经验，升级很频繁，建议还是使用内嵌 HTML的方式来显示界面，这样以后只要升级HTML就可以了。我听了之后，牙掉了一半，我拖了半个月的对话框就这么给否了，心里着实不是滋味。然后就开始寻找MFC显示HTML页面的方法，找了一些自定义的HTML类

2012-05-15 18:05:59

使用HTML5的drag&drop做一个数独游戏

数独是很好玩的游戏，之前我用jQuery做了一个数独游戏，因为用javaScript来实现drag和drap非常麻烦，jQuery的UI提供了一套非常不错的drag和drap（以后就简称DnD算了），方便我们开发。现在HTML5支持原生的DnD了，那我们来学习下，并且将原先的数独游戏迁移到HTML5的DnD应用来。先简单的了解下HTML5的DnD事件模型，事件发

2012-05-15 16:10:25

开发游戏 HTML5

Wijmo 更优美的jQuery UI部件集：复合图表(CompositeChart)

Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据。相同的数据可以使用不同的可视化效果，不同的图表类型展现在一个图表内，使得用户可以从不同的角度，了解分析这组数据所表达的内容。

2012-05-08 15:33:02

Https jQuery HTML5

HTML5 geolocation API 获得用户当前地理位置

HTML5 里面引入了geolocation的API可以帮助用户获得浏览器所在的地理位置，它不仅可以标示出当前的经纬度，还可以与google map API结合使用来在地图上标示出当前位置。 HTML代码，主要就是2大块，第一部分的容器用于放google地图和标示位置，第二部分用于显示精确的经纬度以及精度（误差）。 <!DOCTYPEHTML>&

2012-05-08 09:02:08

HTML5 geolocation 地理信息

终结篇—用BAT文件删除远程主机系统垃圾文件的方法

很早以前我就写过一篇求助的博文怎么用DOS命令删除远程主机系统文件的方法,其实DEL这个命令是不支持删除远程主机文件http://allanfan.blog.51cto.com/520839/224197 但是就在今天我无意在微软的网站上发现了这个工具,终于解决了我当时所要实现的愿望了,今天的主角就是PSExec,功能多可谓很好很强大,首先我要试用,不能乱说,要不IT PRO们一定会先骂我,现在

2012-05-07 19:59:39

pstools bat del

HTML5 利用Canvas API 组合图形

在HTML5中有11种组合图形的方式，只要把他们设置到context.globalCompositeOperation中就可以了，我这里做了一个小例子来证明各种图形组合方式的结果 HTML代码很简单，就2个控件，一个是下拉列表，让用户选择组合方式，并且一旦用户做出了选择，就执行js函数draw(id），从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控件就是一

2012-05-06 08:33:37

HTML5 CompositeOp

Wijmo 更优美的jQuery UI部件集：C1 Wijmo Grids 更多惊喜

本文中，我将给大家介绍一系列非常棒的 Wijmo Grids功能。我们先以一个新的Wijmo Grids 来开始我们这次的 Wijmo Grids 之旅吧。

2012-05-04 11:18:46

Https jQuery HTML5

用jquery验证用户名是否有效或重复

最近在做毕业设计的时候，新增管理员用到jquery的ajax验证用户名是否存在，本人初次使用jquery的ajax，发了挺长时间的去网上找相关东西，现在和大家共享我的做法，多多指教。实现的效果如下图：在代码中使用jquery-1.3.2的vsdoc版本： <scriptsrc="/js/jquery/jquery-1.3.2-vsdoc.js"&

2012-04-24 22:30:35

ajax jquery 用户名重复

推荐12款非常有用的流行 jQuery 插件

　　jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验。今天这篇文章向大家推荐12款个实用的 jQuery 插件。 1.jmpress.js 非常酷的幻灯片插件，基于 CSS3 tr

2012-04-24 18:41:17

Wijmo 更优美的jQuery UI部件集：通过jsFiddle测试Wijmo Gauges

Wijmo 的巨大优势之一就是，它们是非常流行的jQuery UI部件。这将意味着它们的基础类库具有很多支持者。具有众多的支持者同时也意味着更多好用的工具。这些好用的工具之一就是很酷的jsFiddle，这是一个实时的HTML/CSS/JavaScript snippet编辑器。用它来以一种迅速的无开销的方式测试一些小东西是相当棒的。事实上，我们可以用它来实时的测试一些wijmo部件，这里我们会看到如何做到这一点。因为Wijmo gauges使用到了基于浏览器能力的SVG或者VML，这些是“无插件网页”的一个重要的部分（正在被iOS移动设备上的Safari和Windows8中间的Metro IE大力推广），也是我们可以这样摆弄他们的原因。

2012-04-20 12:07:49

Jquery Ajax方法传值到action

假设cshtml文件中是这样的： <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ $.ajax({ type

2012-04-18 22:11:39

ajax javascript document

Wijmo 更优美的jQuery UI部件集：爱上 ThemeRoller

Wijmo最方便使用的特点之一就是兼容ThemeRoller。ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤的web应用程序。凭借其简单的界面和所见即所得的预览功能，你可以用比使用图形编辑器更短的时间为你的Wijmo部件以及其他兼容ThemeRoller的部件创建皮肤。

2012-04-18 10:50:48

jQuery HTML5 Wijmo

Wijmo 更优美的jQuery UI部件集：发现 Wijmo

Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo 部件对客户端Web开发进行了优化，并且充分利用了jQuery的强大能力以达到出色的性能和易用性。所有的Wijmo 部件都配备了超过二十个主题，并且支持了ThemeRoller。

2012-04-17 16:57:52

jQuery CSS3 GrapeCity

推荐40个非常优秀的 jQuery 插件和教程【系列三】

　jQuery 在如今的 Web 开发项目中扮演着重要角色，jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文大家分享40个实用的 jQuery 插件，可以根据您的项目需要来选择使用。

2012-03-28 23:22:09

网站开发优秀开发项目

使用HTML5 canvan进行Web绘图

参考：http://www.html5china.com/HTML5features/canvas/ 开始： <canvasid="canvas"width="300"height="200">Fallbackcontent,&

2012-03-21 12:19:00

HTML5 学习手笔四：canvas 总结

什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法 Canvas 对象 Canvas 对象表示一个 HTML 画布元素 - <canvas>。它没有自己的行为，但是定义了一

2012-03-08 10:05:13

HTML5 学习手笔一：canvas API 画对角线

自从停博一段时间后，一直在思考特别是今年开年，在想学习什么技术做为未来的技术储备。本来想加强下Android 底层方面的知识，但觉得工作上跟这块有所涉及再学习的话有点懒，由于Windows Phone 7 开发工作上没有涉及，目前也算是入门，未来短时间内不会考虑将其应用于工作选择，故不做考虑。现选择了两个方向为：IOS和HTML5，手上的毛主席相对比较紧还没有买MAC，

2012-03-06 09:43:42

android HTML5 对角线

戏说js之名字空间

先从简单的js代码开始: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2012-02-23 13:36:19

职场 js 休闲

运用HTML5+CSS3和CSS滤镜做的精美的登录界面，无用到图片的喔！

不少人为项目没有一个简洁和精美的登录页而烦恼，今天上班没多少事情做，在51cto里看了篇关于“使用HTML 5和CSS3制作登录页面完整步骤”的文章，我就动手做了一下，现在将代码贴出来，因为个人认为ie6在不久的将来必定被舍弃，所以这个登录页面的代码没有理会ie6里的情况。代码如下： <!DOCTYPEHTML><html&g

2012-02-08 17:05:21

登录 html5 css3

用Jquery写tab插件(支持点击和移动及其他事件)

用Jquery写tab插件(支持点击和移动及其他事件)

2011-11-30 21:10:50

移动事件 Jquery

JQuery左右按钮控制图片文字向上滚动自定义插件

JQuery左右按钮控制图片文字向上滚动自定义插件

2011-11-29 23:07:44

职场休闲 JQuery左右按钮控

Jquery封装幻灯片效果

Jquery封装幻灯片效果

2011-11-27 11:42:03

职场休闲 Jquery

Jquery封装tab选项卡

Jquery封装tab选项卡

2011-11-15 22:08:28

职场休闲 Jquery封装tab

上一页 1 ··· 9 10 11 12 13 14 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

51CTO学堂精培企业培训 CTO训练营