首页小程序CssJsphotoshophtml5seonet设计教程学习前端在线转换工具联系我

相关搜索 >>

  • 0328关于tab点击事件的优化阅读(5761)条2016/3/28 13:27:20

    一、前言2010年写过一篇《js多个tab切换简单不需要在body内添加事件》的文章，近些年来从事前端事业以来，对于js的优化也是越来越关注，所以做了一些对tab事件的理解及优化，望大家吻喷。效果图如下：二、tab实现的思路1、首页是tab菜单及tab内容的理解是一一对应关系，而且位置是顺序是固定的也就是说当前第几个tab菜单对应的是第几个tab内容，这样是为了省略很多参数及不必要的HTML代码；2、js控制tab菜单：对于tab菜单而言,只需要控制点击后的菜...阅读全文

    Taget：特效 js 优化 

  • 0326Web前端性能优化——编写高效的JavaScript阅读(5235)条2016/3/26 14:37:14

    前言随着计算机的发展，Web富应用时代的到 来，Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始，Web前端开发也开启了新的纪元。用户需求不断提高，各 种新的技术层出不穷，前端工程师的地位也越来越重要。然而任何事物都是有两面性的，随着前端技术的发展，前端业务越来越繁重，这大大增加了JS代码量。因 此，要提高Web的性能，我们不仅需要关注页面加载的时间，还要注重在页面上操作的响应速度。那么，接下来我...阅读全文

    Taget：js 优化 前端 

  • 0317css图片文字水平垂距中阅读(5452)条2016/3/17 22:16:22

    一、本文概述想必大家在做效果的时候经常会碰到文字会垂直距中的效果，单行、多行混合的情况，单行距中已无问题，height,line-height又或者padding:上下相同即可。在网上搜索到不少资料，本人实践后的经验是父级标签属性：display:table-cell;vertical-align:middle;距中标签元素：vertical-align:middle;display: inline-block;使用以上两个技巧即可以使得标签内的文字或图片垂直距中。当然这些使用的同时会有些属性会干扰到垂直距中，如：pos...阅读全文

    Taget：css 图片 文字 距中 

  • 0311手机端加载资源特效代码及完整实例阅读(5358)条2016/3/11 15:54:03

    在做h5移动页面，相信大家一定碰到过页面已经打开，但是里面的图片还未加载出来的情况，这种问题虽然不影响页面的功能，但是不利于用户体验。抛开网速的 原因，解决这个问题有多方面的思路：最基本的，要从http请求合并，缓存管理，图片压缩等方面做性能优化；另外就是可以对页面里用到的所有图片做预加载 的处理，当用户打开页面的时候不立即显示第一屏，而是先显示资源加载效果，等到加载完毕，再来显示页面的主内容，这样就能解决那个问题。虽然这...阅读全文

    Taget：手机 特效 加载 

  • 0309利用css3-animation来制作逐帧动画阅读(6576)条2016/3/9 21:14:30

    css3我在5年之前就有用了，包括公司项目都一直在很前沿的技术。最近在新的项目中,用了大量的css3动画，但是真的沉淀下来仔细的去深入css3动画的各个属性发现还是很深的，这里就写下关于帧动画steps属性的理解我们知道css3的animation有八个属性animation-nameanimation-durationanimation-delayanimation-iteration-countanimation-directionanimation-play-stateanimation-fill-modeanimation-timing-function其中1-7大多都有介绍，但是...阅读全文

    Taget：css3 animation 动画 

  • 0306 .Net 高效开发之不可错过的实用工具 阅读(4738)条2016/3/6 21:22:44

      工欲善其事，必先利其器，没有好的工具，怎么能高效的开发出高质量的代码呢？本文为各ASP.NET 开发者介绍一些高效实用的工具，涉及SQL 管理，VS插件，内存管理，诊断工具等，涉及开发过程的各个环节，让开发效率翻倍。 Visual StudioVisual Studio Productivity Power tool: VS 专业版的效率工具。Web Essentials: 提高开发效率，能够有效的帮助开发人员编写CSS， JavaScript, HTML 等代码。MSVSMON: 远程Debug 监控器 (msvsmon....阅读全文

    Taget：net 工具 

  • 0128js获取触屏版当前滚动条移动完之后的位置阅读(9650)条2016/1/28 12:22:16

    前不久写过一篇关于上拉加载的文章【jq滚动到底部自动加载数据实例】，使用挺流畅的，但是使用过程也是令人心酸的，加载完后点击一产品个进去后，发现返回时还是重新加载而且是置顶，也就是说前面加载的内容白加载了，针对于这个BUG我看了很多网站都存在这个问题，http://m.suning.com也会，taobao返回可以到达加载后的效果,但是数据依然是重新加载。按我解理的思路应该是他在跳转到详细页面的时候可能保存两个值：1、是滚动条的高度，2、最后加载...阅读全文

    Taget：js 移动 滚动条 

  • 1217在javascript中event的target和currentTarget的区别阅读(5144)条2015/12/17 11:47:06

    avaScript的event对象中event.target指代的是:触发事件的元素event.currentTarget指代的是:事件绑定的元素<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="test"> <span>aaa</span> <span>bbb<...阅读全文

    Taget：js event 

  • 1109如何为IIS增加svg和woff等字体格式的MIME阅读(8828)条2015/11/9 16:52:09

    现在字体图标已经渐渐代替了图片了，移动端用起来也很方便。使用了字体文件来显示矢量的图标，为了能在IIS上正常显示图标，可以通过增加iis的MIME-TYPE来支持图标字体文件下面就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式文件的MIME。增加以下两种文件类型即可：.svg image/svg+xml.woff application/font-woff 我把其它几种也写在下面，供以后学习：.eot application/vnd.ms-fontobject.otf application/octet-stream.ttf applicat...阅读全文

    Taget：svg 字体 iis 移动端 

  • 1104jq多图片展示局部放大特效阅读(7004)条2015/11/4 20:59:37

    1、开篇：本实例主要是结合了小图片左右滚动和一个图片放大的特效。想偷懒的偷去用，也可以根据需求完善成你自己想的的效果。（文章底部附源文件下载）2、效果如下图所示3、Html源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-e...阅读全文

    Taget：jq 图片 放大，滚动 

  • 1028CSS定位属性之间的相互作用 阅读(4989)条2015/10/28 17:27:41

    1. 引言原文：bitsofcode的HOW POSITIONING CSS PROPERTIES INTERACT译者：爱前端，乐分享的FedFun，前端痴王海庆的博客。译言：来看下CSS标布局情况下，定位相关属性之间的相互作用，意译为主，不当之处敬请指正。阅读建议5分钟。2. 正文在定位元素时，我们经常用到四个属性display、position、float和偏移属性top right bottom left等。但不是在每个元素上都可以同时应用这四个属性，一些特殊的值组合会覆盖其他属性的应用，这些组合有：display: n...阅读全文

    Taget：css 

  • 1016超酷的menu菜单当前效果及鼠标指向效果阅读(6139)条2015/10/16 17:23:15

    本实例效果是由jQuery实现的超牛的背景移动导航菜单效果，菜单效果设计非常沉稳大方,鼠标悬停时菜单项高亮显示。难点在一个要选中为当前效果同时指向子菜单时又不失去当前效果。本实例效果图如下：源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...阅读全文

    Taget：菜单 特效 js 

当前第  10  页 / 共  68  页  总共808条记录  

78910111213

友情链接更多>>

九江讯城建设工程有限公司

copyright ©2008-ok22.org - ALL RIGHTS RESERUED -TEMPLATE CREATED BY CHARRY-may 3,2010 粤ICP备13053249号-1