前端咖

摘要： checkbox和radio浏览器默认的已经满足不了大众的审美需求，更不用说浏览器之间的差异化，取而代之，优化checkbox和radio的方法也随之诞生了。html结构：单选框为例，简单说明： 其中必需项包括：class="radio" 和 name="名称"帅哥靓妹未选中不可点击选中不可点击css表现：transition介绍：元素从一种样式逐渐改变为另一种的效果。transition 简写属性，用于在一个属性中设置四个过渡属性。transition-property 规定应用过渡的 CSS 属性的名称。transition-duration 定义过 阅读全文

摘要： doT.js特点是快，小，无依赖其他插件。官网：http://olado.github.iodoT.js详细使用介绍使用方法：{{= }} for interpolation{{ }} for evaluation{{~ }} for array iteration{{? }} for conditionals{{! }} for interpolation with encoding{{# }} for compile-time evaluation/includes and partials{{## #}} for compile-time defines调用方式：var... 阅读全文

摘要： 关于input手机号的验证一、手机号的判断方法：function isPhoneTel(n){ var reg = /^1[3|4|5|8]\d{9}$/; if(!!(reg.test(n))){ return true; } else{ return false; }}二、input绑定事件phone: function(){ var _this = this; // 只可以输入数字、删除等键 _this.kphone.onkeydown = function(e){ e = e || window.... 阅读全文

摘要： 商品编辑描述：主要是根据选中事件选中或取消，编辑DOM元素错做，增加，删除，修改。功能：用户选择某一个商品时，标记选中的商品，在商品栏中添加选中的商品并计算商品的总价钱。当用户取消选中商品或点击商品栏中的删除按钮时，删除对应的商品，取消商品的标记并重新计算价钱。在商品列表中ul(id:accradio)中，每一个li属性上记录商品的ID，price，name等等基本信息。在商品栏中ul(id:chooselist)中，记录li属性上的商品的ID，price，name等等基本信息。备注：在计算价钱时，由于javascript本身的bug，会显示有偏差。javscript中计算浮点数时有精度误差b 阅读全文

摘要： 阻止事件冒泡冒泡事件流当事件在某一DOM元素被触发时，例如用户在客户名字节点上点击鼠标，事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次，直到它遇到依附有该事件类型处理器的节点，此时，该事件是onclick事件。在冒泡过程中的任何时候都可以终止事件的冒泡，在遵从W3C标准的浏览器里可以通过调用事件对象上的stopPropagation()方法，在Internet Explorer里可以通过设置事件对象的cancelBubble属性为true。如果不停止事件的传播，事件将一直通过DOM冒泡直至到达文档根。if(e.stopPropagation) { //W3C阻止冒泡方法 .. 阅读全文

摘要： 左侧分类导航菜单，是电商购物导航的最直接的分类形式。js方面主要以下几点注意1、事件有mouseover、mouseleaveonmouseover 事件会在鼠标指针移动到指定的对象上时发生。onmouseleave 事件会在鼠标指针移出到指定的对象时发生。2、setTimeout、clearTimeoutsetTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。clearTimeout方法可取消由 setTimeout() 方法设置的 timeout。代码片段：鼠标移动到li元素上和移出元素时执行的动作_this.showlist. 阅读全文

摘要： 左侧分类导航菜单html结构： 手机 分类 小米手机 三星手机 ... 阅读全文

摘要： 一、原始值javascript中包含5种原始类型：字符串、数字、布尔值、null和undefined。判断一个值得最佳选择是typeof运算符，返回一个表示值得类型的字符串。字符串 string数字 number布尔值 booleanundefined undefined例如:if(typeof name === "string"){ console.log("name的值是字符串"); }二、引用值javascript中包含几种内置的引用类型：Object、Array、Date和Error。判断是否为引用类型最佳选择instanceof运算符。默... 阅读全文

摘要： 命名空间有助于减少程序中所需要的全局变量的数量，并且同时有助于避免命名冲突或过长的名字前缀。关于命名空间的例子：/*** 创建全局对象MYAPP* @module MYAPP* @title MYAPP Global*/var MYAPP = MYAPP || {};/*** 返回指定的命名空间，如果命名空间不存在则创建命名空间。* 备注：命名时需小心，注意保留关键字，可能在一些浏览器无法使用。** @method namespace* @param {String *} 至少需要创建一个命名空间* @return {Object} 最后一个命名空间创建的对象的引用*/MYAPP.namesp 阅读全文

摘要： JSON定义JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简单地说，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪，但是JavaScript很容易解释它，而且 JSON 可以表示比"名称 / 值对"更复杂的结构。JSON 语法是 JavaScript 对象表示法语法的子集。数据在名称/值对中、数据由逗号分隔、花括号保存对象、方括号保存数组JSON 值可以是：数字（整数 阅读全文