小V blog -
前端组件化开发实践（js购物车编辑 二）
2016-3-16 作者：小V 浏览：360
标签: javascript 前端组件化 js实现购物车
购物车页面主要有三个函数 1.购物车个渲染 tplfun 2.购物车操作逻辑shopCar 3.底部导航按钮buttomMenu function carlist(data){ this.car_list = new tplfun('c... -
前端组件化开发实践（js购物车编辑 一）
2016-3-16 作者：小V 浏览：431
标签: javascript 前端组件化 js实现购物车
购物车的逻辑在整个开发中也是比较复杂。 大概逻辑：购物车中有多个或单个店铺和商品。每个商品有两个状态（选中／不选中），选中状态的商品进入结算。可以编辑每个商品的数量，编辑商品数量，总价跟着同步变化。 实现的时候的时候主要还是把数据格式处理好，剩下的就是数据操作。 把从后台得到的数据处理成 var cardata = [ ... -
前端组件化开发实践
2016-3-16 作者：小V 浏览：309
标签: javascript 前端组件化
新项目要做pc端、移动端（微信，Android、ios），由于人手有限，实现的时候就统一采用app的开发方式，后端提供接口，前端实现页面的渲染和逻辑。 这样前端面临很多问题： 1：页面公共部分的复用 2：页面之间数据的传递 …… 关于问题1，以前的开发的时候使用的后端用php，页面是服务器渲染。页面公共的部分放在一个文件中，使用的时候通过include来导入。交给... -
css内容上下左右都居中
2015-7-23 作者：小V 浏览：625
在前端页面制作中，经常回遇到内容上下左右都居中，以前的实现方式就是利用定位position属性来解决。 demo <style type="text/css"> .v-content{ width:200px; height:200px; background:#ccc; position:rela... -
js剩余时间方法整理
2015-6-15 作者：小V 浏览：899
标签: javascript
在web前端开发中，处理时间的时候经常会用到倒计时，就是计算当前时间到某个时间点只有有多少天，这个js方式主要提供这个功能，传入两个时间戳，返回相差的时间，并以相应格式返回。 返回的格式为： 条件 &nbs... -
移动端页面闪烁
2015-3-25 作者：小V 浏览：484
给闪烁标签加上一下样式 -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspect... -
less自定义常用函数(参考bootstrap)
2015-1-30 作者：小V 浏览：1224
//透明度 .opacity(@opacity) { opacity: @opacity; // IE8 filter @opacity-ie: (@opacity * 100); filter: ~"alpha(opacity=@{opacity-ie})"; } //背景颜色和鼠标划过颜色状态 &nb... -
HTML5<input> placeholder属性自定义css样式
2015-1-20 作者：小V 浏览：1768
placeholder 属性实例 <input type="text" placeholder="提示信息" /> 鼠标点击文本，键盘输入时框提示消失 以前这种效果实现，都是基于js实现，有了placeholder属性，很简单就能实现了 <input type="text" placeholder="提示信息" /> placeholder 属... -
jQuery自动提示插件magicsuggest.js中文文档(多功能)
2014-12-3 作者：小V 浏览：1986
body{font-family:"微软雅黑"; font-size:14px;} code{font-family:"微软雅黑";} pre{background:#eee; padding:4px 8px; border:1px solid #ddd; font-size:14px;} *{margin:0; padding:0;} h1.xv1{background:#09f; fo... -
jQuery处理尺寸的方法width()/height()/innerWidth()/innerHeight()/outerWidth()/outerHeight()
2014-11-26 作者：小V 浏览：885
jQuery提供的多个处理尺寸的方法整理： width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。... -
css属性line-height
2014-11-25 作者：小V 浏览：744
自己以前写的时候都是写成固定值，比如line-height:24px;最近在关注bootstrap的时候里面line-height: 1.42857;都是这样的值，今天特意查了下看看区别。 line-height属性设置行间的距离（行高）。 .vtable{border:1px solid #ccc; border-coll... -
jQuery属性操作方法attr()不起作用
2014-11-24 作者：小V 浏览：693
今天用jQuer实现一个简单的效果：多选框选中时候，外部的lable便签添加一个背景。 使用jQuery的属性操作方法attr('checked',true)时，第一次多选框是可以选中的，再点击的时候('checked',true)就不起作用。 换了各种'checked'都是不行。最后还是去找百度。 解决办法：用类似attr()的方法.prop()替代 ... -
小学数学题，据说只有2%的人会解
2014-11-17 作者：小V 浏览：1409
标签: 开心一笑
5+3+2=151022 9+4+2=183652 8+6+3=482466 5+4+5=202541 7+2+5=？ 答案：本页面自己找 7+2+5=143547 7x2=14 7x5=35 （7x2）+（7x... -
腾讯设计师告诉你图标设计的方法
2014-11-17 作者：小V 浏览：722
标签: 视觉设计
UI最重要组建之一就是图标，随着扁平化设计的发展趋势，越来越注重图标的简洁与寓意表达，平面图标已占主导地位。每位设计师所处的阶段所关注的要点是不一样的，我把图标设计分为2个阶段–初阶与高阶，这样分是为了有步骤性的学习和进阶的加强，当然，能人的话一步到位，对于新人来讲会较难，需要实际工作中辅导与自己经验总结。我不会华丽高大尚的语言，但是我可以分享一些实实在在的基础方法，也是这几年会给带的学生反复必讲... -
创建二维数组-学习实例
2014-11-13 作者：小V 浏览：666
标签: javascript
JavaScript数组学习-扩展数组对象 <script type="text/javascript"> //numrows：行数 numcols：列数 initial：初始值 Array.matrix = function(numrows, numcols, initial){ ... -
面向对象编程-学习实例
2014-11-13 作者：小V 浏览：687
标签: javascript js面向对象开发
JavaScript面向对象开发学习实例： 检查银行账户对象的构造函数 <script type="text/javascript"> //通过this关键字将方法和属性绑定到一个对象上 function Checking(amount){ this.balance = amount; t...