关闭

jQuery动画切换效果

index.html 相册切换效果 * { margin: 0px; padding: 0px; } li { list-style: none;...
阅读(124) 评论(0)

jQuery animate() 方法

实例通过改变元素的高度,对元素应用动画:$("button").click(function(){ $("#box").animate({height:"300px"}); }); 定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。只有数字值可创建动画(比如 “margin:...
阅读(69) 评论(0)

javascript实现中国地图

主要用到 Raphael 2.2.0 JS库 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sca...
阅读(88) 评论(0)

高级 JavaScript(二)

集合 (JavaScript)可以使用集合对象 Map、Set 和 WeakMap 存储值和对象。通过这些对象,可以使用键或值而非索引来轻松添加和检索成员。若要使用索引访问集合的成员,请使用 Array 对象。有关详细信息,请参阅使用数组 (JavaScript)。使用集合Map 和 WeakMap 对象存储键/值对,并使你能够通过使用键来添加、检索和移除成员。键和值可以为任何类型。 Set 对象存...
阅读(130) 评论(0)

高级 JavaScript(一)

使用构造函数定义类型构造函数是一个实例化特定类型的 Object 的函数。你使用 new 关键字调用构造函数。以下是包含内置 JavaScript 对象和自定义对象的构造函数的几个示例。构造函数示例//创建一个通用对象 var myObject = new Object(); //创建一个Date对象 var myBirthday = new Date(1961, 5, 10); //创建用户定义的...
阅读(53) 评论(0)

Jquery学习笔记

你可以简单地理解为jqXHR对象是jQuery自己伪造的一个XMLHttpRequest对象和$.Deferred对象的结合体。jqXHR是浏览器原生XMLHttpRequest对象的超集。例如,它也包含responseText和responseXML属性,以及getResponseHeader()方法。当传输机制与 XMLHttpRequest 对象不同时(例如,用一个标签来完成J...
阅读(154) 评论(0)

Html流量充值页面效果

change.html <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0...
阅读(331) 评论(0)

HTML渲染过程详解

意中看到寒冬关于前端的九个问题,细细想来我也只是对第一、二、九问有所了解,正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解,所以这里之探讨url请求加载到浏览器端时,浏览器对html的解析到呈现过程,后来经过几位道友分享,整理了一下url解析的过程,如下: 用户输入url地址,浏览器根据域名寻找IP地址 浏览器向服务器发送http请求,如果服...
阅读(247) 评论(0)

清除浏览器缓存的几种方法

关于浏览器缓存浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存 <META HTTP-EQUIV="pragma" CONTENT="n...
阅读(155) 评论(0)

彻底弄懂HTTP缓存机制及原理

前言Http 缓存机制作为 web 性能优化的重要手段,对于从事 Web 开发的同学们来说,应该是知识体系库中的一个基础环节,同时对于有志成为前端架构师的同学来说是必备的知识技能。 但是对于很多前端同学来说,仅仅只是知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎样生效的,却并不是很清楚。 在此,我会尝试用简单明了的文字,像大家系统的介绍HTTP缓存机制,期望对各位正确的理解前端...
阅读(136) 评论(0)

HTTP协议:缓存

1.缓存的优点  1) 缓存减少了冗余的数据传输,节省了网络费用。  2) 缓存缓解了网络瓶颈的问题,不需要更多的网络带宽就能更快的加载页面。  3) 缓存降低了对原始服务器的要求,服务器可以更快的响应。2.缓存分类  1)私有缓存  常见就是我们的浏览器里内置的缓存。  2)公有缓存  常见的就是代理缓存,不多介绍。3.缓存的处理流程 处理流程图,如上所示,下面分步骤具体介绍:  1)请求处理...
阅读(238) 评论(0)

jquery.offset()使用方法总结

jquery.offset()应用背景很多时候需要对某个div进行定位,或者获取某个元素相对于document的位置,那么我们会用到jquery.offset()。获得元素相对于document的位置获得位置是元素相对于document的位置信息,通常可以说是这个元素的坐标值。// 元素相对于document的左位移 $("#haorooms-id").offset().left // 元素相对于d...
阅读(126) 评论(0)

XML数据在Javascript,HTML中使用

cd_catalog.xml 帝国暴风雪 Bob Dylan USA 哥伦比亚 10.90 1985...
阅读(323) 评论(0)

JQuery.getJSON 从aspx页面返回JSON数据

Default.aspx <head id="Head1" runa...
阅读(167) 评论(0)

js常用方法整理

1.原生编写一个方法,通过className获取元素 例: var $={ byId:function(id){ return typeof id==='string'document.getElementsById(id):id;...
阅读(145) 评论(0)

javascript时间戳和日期字符串相互转换

// 获取当前时间戳(以s为单位) var timesta...
阅读(131) 评论(0)

JavaScript开发的45个经典技巧

1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。2、使用===取代====和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快。[10] === 10 // is false [10] == 10 // is true '10' == 10...
阅读(106) 评论(0)

layer-v2.4弹层组件使用示例

弹出层layer的使用Introlayer是一款web弹层组件,致力于服务各个水平段的开发人员。layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。layer.msg语法:layer.msg(content[, optio...
阅读(493) 评论(0)

浏览器刷新不失效的倒计时按钮功能

Index.html <meta name="Gener...
阅读(204) 评论(0)

web思维导图

index.html内容: Web思维导图 <link rel="stylesheet" href="css/common.c...
阅读(452) 评论(0)
52条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:895021次
    • 积分:13021
    • 等级:
    • 排名:第1092名
    • 原创:307篇
    • 转载:439篇
    • 译文:56篇
    • 评论:93条
    博客专栏
    文章分类
    打赏
    如果你觉得我的文章对您有用,请随意打赏。 微信 支付宝