Wangzf Blog

摘要： 最近在做一个项目，大量的图片基于js进行缩放（图片放大镜），考虑用css要写许多hack，而已经基于jq了，干脆写个方法得了。代码很简单，不用多讲但是很实用。$.fn.extend({ center: function (n,b) { n=typeof n?n:300;//过渡时间，默认为300毫秒;Number类型; b=b===false?b:true;//铺满父容器;如果为真 则清除标签上的style样式、计算出缩放数据后、还原清楚的样式后、按照缩放数据缩放，如果为假 则保持原尺寸（会出现图片显示不全现象）;Boolean类型; $(this).each(function(... 阅读全文

摘要： 最近公司工作上分工很明确: 策划 ---> 设计 ---> 制作 ---> 功能实现 ---> 测试我的职责是负责制作（就是前端） 在此分享一下我的css命名规范 .bgTransparent｛｝.fenceEq2{}.fenceMarRight{}.imgAuto{}.imgAutoW{}.liHasLine li{}以上是我最常用的几个命名，几乎每个站都会用到。不知道大家有没有发现他们的共同性，有没有发现，有木有？即使你没发现我也会写出来的。共同之处： 1. 首字母小写，后续单词首字母大写，骆驼写法 2. 开始切入重点：命名都是 能代表自己的名称+动作+属性 (例如 阅读全文

摘要： 搜索框，文本框，文本域，文本区域 可能都要有个默认值，比如：搜索框:可以 文本区域: 可以 输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务............首先说这种提示功能很好，非常直观，可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本.....当页面这些元素多了之后如何去管理...等等问题var inputText=function(o,e,e2){ if(!o)return;var txt=o.value; function inputTextChange(o,e,e2,txt){ ... 阅读全文

摘要： 问题产生需求：做OA时弄到 备忘这个功能，想以日历的形式展现。需求产生问题：本来想在网上找个js代码，可是发现要么太复杂，要么不好控制，要么兼容性不好......问题分析： 发现不是优秀的就是最好的.... 适合自己的就是最好的。问题解决： 决定自己写一个日历 功能。代码呈现：日历主程序 1 var calendar={ 2 STR:function(){with(this.data)return ""+Y+"年，"+M+"月，"+D+"号，星期"+WN[W];}, 3 V:function(o,spli,sx){ 阅读全文

摘要： 闲得无聊，弄了个抖动效果，大家看看有没有值得学习地方鼠标移至图片后抖动的JS代码 创意之处：调用简单：事件="shake(this,'onmouseout')";代码简短：函数主体程序仅仅5行代码性能高逻辑清晰，便于二次开发 阅读全文

摘要： 近日在做一些OA前端界面，为了更好管理页面代码想写个js选择器，写着写着发现很费力，索性在网上找找看，功夫不负有心人， 找到一个mini css选择器，且性能不凡：以下代码是压缩后的，仅2KB。var $=(function(){var b=/(?:[\w\-\\.#]+)+(?:\[\w+?=([\'"])?(?:\\\1|.)+?\1\])?|\*|>/ig,g=/^(?:[\w\-_]+)?\.([\w\-_]+)/,f=/^(?:[\w\-_]+)?#([\w\-_]+)/,j=/^([\w\*\-_]+)/,h=[null,null];function d(o 阅读全文

摘要： 先说下做圆角导航几种方法：直接切一个大背景切三个图片，中间一个，两边两个现在分析一下这两种方法：　第一种： 这是最笨的方法，暂不讨论它　第二种： 说到第二种，传统方法会把可以重复的背景设为导航背景，左右两个图片，浮动,( 这样布局很容易出问题，还要写一些heak，这种方法缺点第一繁琐，第二css重复) 为了解决这种问题，我们把三个图片都设为背景图片，则很少会出现变形问题，例如：#nav{ margin-bottom:10px;}.navBg{ background:url(../images/navBg.jpg) repeat-x;}.navBg .navBgL{ background: ur 阅读全文

摘要： 前段时间在知乎有人发了写Javascrtip试题，觉得挺好玩的，这里跟大家分享一下。一、view sourceprint?1(function () { 2return typeof arguments; 3})();A. "object" B. "array" C. "arguments" D. "undefined"答案：A二、view sourceprint?1var f = function g() {2return 23;3};4typeof g();A. "number"B. &qu 阅读全文