![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 69
meiru8
熟悉的无与伦比哥
展开
-
CSS3实战开发:手把手教你纯CSS3手风琴特效实战开发(无需JS代码或插件)
各位网友,大家好,我是实战互联网技术部的陌上花会开。前一段时间我给大家分享了一系列CSS3实战开发的案例,继续以前的脚步。在本次CSS3实战开发案例中,我将手把手带领大家开发纯CSS3的手风琴特效开发。一如既往,先给大家演示效果动画:上面的效果是纯CSS开发的,大家是不是觉得很棒呢。现在我将分步骤带领大家实战开发今天的特效。首先,编写html源代码:DO转载 2014-08-20 14:59:18 · 611 阅读 · 0 评论 -
超链接样式设定
a:link {text-decoration:none; color: blue;} /* 未被访问的链接 蓝色 */a:visited {text-decoration:none; color: blue} /* 已被访问过的链接 蓝色 */a:hover {text-decoration:none; color: blue} /* 鼠标悬浮在上的链接 蓝色 */a:active原创 2015-02-13 12:23:41 · 552 阅读 · 0 评论 -
一款基于jQuery饼状图比例分布数据报表
今天给大家带来一款基于jQuery饼状图比例分布数据报表。这款报表插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:实现的代码。html代码: div style="width: 600px; margin: 0 auto;"> table id='myTable转载 2015-01-23 09:32:42 · 1629 阅读 · 0 评论 -
Bootstrap3 formテキストフィールド横幅の指定の仕方
Bootstrap3を使ってて、フォームの横幅を変えたいなって時ありませんか??Bootstrap3のフォームの横幅のデフォルトはwidth:100%で設定されています。ですので、普通にフォームを使用すると画面横いっぱいに広がってしまいます。こんな感じ123form> input type="te转载 2015-01-21 10:47:15 · 762 阅读 · 0 评论 -
一款基于jQuery的超酷动画幻灯片
今天给大家带来一款仿步步高vivo手机网站的一款首页焦点幻灯展示特效,带有超酷炫的动画特效,动态效果丝毫不逊色于flash动画,具有很强的视觉冲击力,推荐下载学习!提示:兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗,不支持IE8及以下浏览器。效果图如下:在线预览 源码下载实现的代码。需要引的用js在实例代码中已转载 2014-12-31 09:54:49 · 399 阅读 · 0 评论 -
大熊君学习html5系列之------WebStorage(客户端轻量级存储方案)
一,开篇分析Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻……,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例,让大家一步一步的体会"h5"能够做什么,以及在实际项目中如何去合理的运用达到使用自如,完美驾驭O(∩_∩)O~,好了,废话不多说,直接进入今天的主题,今天主要讲的是“WebStorage API”及在客户端浏览转载 2015-02-04 13:30:12 · 438 阅读 · 0 评论 -
在用zepto的on事件中遇到的一个奇怪问题.
最近在一个项目运用zepto的on事件绑定,发现与jquery的事件有很大的区别,不知道是不是zepto的问题,HTML结构如下div> ul id="test1"> li>a id="test2">11111111a>li> ul>div>然后给上面的test1 和test2绑定事件,代码如下$(document).on(转载 2014-12-11 10:46:25 · 696 阅读 · 0 评论 -
浅谈JavaScript中数组操作常用方法
JavaScript中数组操作常用方法1.检测数组1)检测对象是否为数组,使用instanceof 操作符if(value instanceof Array){//对数组执行某些操作}2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐)if(typeof(value)=="Object"){//对数组执行某转载 2015-02-02 15:30:45 · 465 阅读 · 0 评论 -
(一)Knockout - ViewModel 的使用
计算属性实际应用中,我们通常需要对数据进行加工如: 指定日期格式,将数字相加... 等,此时可使用ko.computed()。当数据发生改变是,KO会使用computed重新计算DEMO1更改firstName,lastName值后改变fullName12345678转载 2015-01-14 14:54:53 · 789 阅读 · 0 评论 -
js圣诞节倒计时网页
以下是代码: 1 DOCTYPE html> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 head> 4 title>javascript节日倒计时-柯乐义title> 5 style type="text/css"> 6 .keleyilcd { 7 background-color: black; 8转载 2014-12-23 09:03:14 · 775 阅读 · 0 评论 -
JavaScript DOM 编程艺术(第2版)读书笔记(2)
JavaScript 语法注释 单行注释:// 多行注释:/* */ ""多行注释类似,容易混淆,所以不建议这种注释方法变量 在JavaScript 语言里,变量和其他语法元素的名字都是区分字母大小写的。名字mood的变量与名字是Mood、MOOD或mOOd的变量没有任何关系,它们不是同一个变量。转载 2014-12-05 11:36:31 · 407 阅读 · 0 评论 -
JavaScript DOM 编程艺术(第2版)读书笔记(1)
JavaScript 简史 JavaScript 是Netscape公司与Sun公司合作开发的。在 JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场。微软在推出IE3的时候发布了自己的VBScript语言,同时以JScript为名发布了JavaScript 的一个版本,很快赶上了 Netscape 的步伐。面对微软公司的竞争,Netscape转载 2014-12-05 11:35:33 · 485 阅读 · 0 评论 -
(一)HTML5 - pushState 无刷新更新地址
可以解决什么问题:可以实现网页的ajax加载,同时又能完成URL的改变而没有网页跳转刷新的迹象,就像是改变了网页的hash(#)一样。优于hash:避免了改变hash的问题,避免了用户不理解URL的形式感到疑惑,同时还有onpopstate提供监听,良好响应后退前进。而且它不需要这个URL真实存在。HTML5 的 pushState+Ajax:pushSta转载 2014-12-19 13:57:19 · 514 阅读 · 0 评论 -
Javascript之旅——第七站:说说js的调试
最近比较吐槽,大家都知道,现在web前端相对几年前来说已经变得很重了,各种js框架,各种面对对象,而且项目多了,就会提取公共模块,这些模块的UI展示都一样,不一样的就是后台逻辑,举个例子吧,我们做企业差旅的时候,通常都有一个成本中心的js公共模块,客户在预定机票的时候来填写这个成本中心,而这种成本中心分布在online,offline和app等预定端,这样也是方便后期和客户公司进行转载 2014-12-18 09:03:08 · 355 阅读 · 0 评论 -
CSS设置DIV背景色渐变显示
.linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE 6 7 8*/转载 2014-12-16 10:43:38 · 634 阅读 · 0 评论 -
HTML5标签canvas图像处理
摘要: canvas可以读取图片后,使用drawImage方法在画布内进行重绘。本文介绍canvas的图像处理drawImage drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸。语法 在画布上定位图像: context.drawImage(img转载 2014-11-24 11:08:39 · 1861 阅读 · 0 评论 -
web项目测试方法总结
在Web工程过程中,基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同,它不但需要检查和验证是否按照设计的要求运行,而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是,还要从最终用户的角度进行安全性和可用性测试。然而,Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此,我们必须为测试和评估复杂的基于Web的系统转载 2014-11-21 10:17:38 · 446 阅读 · 0 评论 -
【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用
动画在webapp的现状webapp模式的网站追求的就是一个体验,是HTML5&CSS3浪潮下的产物,抛开体验不说,webapp模式门槛比较高;而体验优化的一个重点便是动画,可以说动画是webapp的一个亮点。但也是一个难点,一个痛点,主要原因是:移动端手机的碎片化严重。设备、型号、版本、分辨率等差异导致移动端需要考虑的主流情况达10多种,而Hybrid带来的webview转载 2014-11-19 10:36:48 · 405 阅读 · 0 评论 -
Gulp 自动化的项目构建工具
在很多场合都会听到前端工和 node 程师推荐 Grunt 来实现项目的自动化,自动化可以自动完成 javascript/coffee/sass/less 等文件的的测试、检查、合并、压缩、格式化、部署文件生成,并监听文件在改动后重复指定的这些步骤。 得益于 Grunt 基于任务的设计模式,这些步骤可以很好的归类执行,让开发效率得到了一次提升,但杀敌 1000,得自损 800 啊,学习曲转载 2015-03-04 14:45:21 · 569 阅读 · 0 评论