• 前端组件化开发实践(js购物车编辑 二)

    2016-3-16  作者:小V  浏览:451

    标签: javascript 前端组件化 js实现购物车

    购物车页面主要有三个函数     1.购物车个渲染 tplfun     2.购物车操作逻辑shopCar     3.底部导航按钮buttomMenu function carlist(data){   this.car_list = new tplfun('c...

    阅读全文>>

  • 前端组件化开发实践(js购物车编辑 一)

    JS

    2016-3-16  作者:小V  浏览:516

    标签: javascript 前端组件化 js实现购物车

    购物车的逻辑在整个开发中也是比较复杂。 大概逻辑:购物车中有多个或单个店铺和商品。每个商品有两个状态(选中/不选中),选中状态的商品进入结算。可以编辑每个商品的数量,编辑商品数量,总价跟着同步变化。 实现的时候的时候主要还是把数据格式处理好,剩下的就是数据操作。 把从后台得到的数据处理成     var cardata = [ ...

    阅读全文>>

  • 前端组件化开发实践

    JS

    2016-3-16  作者:小V  浏览:367

    标签: javascript 前端组件化

    新项目要做pc端、移动端(微信,Android、ios),由于人手有限,实现的时候就统一采用app的开发方式,后端提供接口,前端实现页面的渲染和逻辑。 这样前端面临很多问题: 1:页面公共部分的复用 2:页面之间数据的传递 …… 关于问题1,以前的开发的时候使用的后端用php,页面是服务器渲染。页面公共的部分放在一个文件中,使用的时候通过include来导入。交给...

    阅读全文>>

  • css内容上下左右都居中

    css

    2015-7-23  作者:小V  浏览:686

    标签: css CSS3参考

    在前端页面制作中,经常回遇到内容上下左右都居中,以前的实现方式就是利用定位position属性来解决。 demo <style type="text/css"> .v-content{  width:200px;  height:200px;  background:#ccc;  position:rela...

    阅读全文>>

  • js剩余时间方法整理

    JS

    2015-6-15  作者:小V  浏览:1025

    标签: javascript

    在web前端开发中,处理时间的时候经常会用到倒计时,就是计算当前时间到某个时间点只有有多少天,这个js方式主要提供这个功能,传入两个时间戳,返回相差的时间,并以相应格式返回。   返回的格式为: 条件            &nbs...

    阅读全文>>

  • 移动端页面闪烁

    css

    2015-3-25  作者:小V  浏览:525

    标签: css web前端开发

    给闪烁标签加上一下样式 -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspect...

    阅读全文>>

  • less自定义常用函数(参考bootstrap)

    css

    2015-1-30  作者:小V  浏览:1359

    标签: css less

    //透明度 .opacity(@opacity) {   opacity: @opacity;   // IE8 filter   @opacity-ie: (@opacity * 100);   filter: ~"alpha(opacity=@{opacity-ie})"; } //背景颜色和鼠标划过颜色状态 &nb...

    阅读全文>>

  • HTML5<input> placeholder属性自定义css样式

    css

    2015-1-20  作者:小V  浏览:1943

    标签: css 学习记录

    placeholder 属性实例 <input type="text" placeholder="提示信息" /> 鼠标点击文本,键盘输入时框提示消失 以前这种效果实现,都是基于js实现,有了placeholder属性,很简单就能实现了 <input type="text" placeholder="提示信息" /> placeholder 属...

    阅读全文>>

  • jQuery自动提示插件magicsuggest.js中文文档(多功能)

    JS

    2014-12-3  作者:小V  浏览:2142

    标签: jQuery jQuery插件 web前端开发 前端文档 magicsuggest文档

    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()

    JS

    2014-11-26  作者:小V  浏览:958

    标签: jQuery web前端开发

    jQuery提供的多个处理尺寸的方法整理: width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。...

    阅读全文>>

  • css属性line-height

    css

    2014-11-25  作者:小V  浏览:796

    标签: css web前端开发

    自己以前写的时候都是写成固定值,比如line-height:24px;最近在关注bootstrap的时候里面line-height: 1.42857;都是这样的值,今天特意查了下看看区别。   line-height属性设置行间的距离(行高)。   .vtable{border:1px solid #ccc; border-coll...

    阅读全文>>

  • jQuery属性操作方法attr()不起作用

    JS

    2014-11-24  作者:小V  浏览:735

    标签: jQuery web前端开发

    今天用jQuer实现一个简单的效果:多选框选中时候,外部的lable便签添加一个背景。 使用jQuery的属性操作方法attr('checked',true)时,第一次多选框是可以选中的,再点击的时候('checked',true)就不起作用。 换了各种'checked'都是不行。最后还是去找百度。 解决办法:用类似attr()的方法.prop()替代 ...

    阅读全文>>

  • 小学数学题,据说只有2%的人会解

    2014-11-17  作者:小V  浏览:1564

    标签: 开心一笑

    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  浏览:760

    标签: 视觉设计

    UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。每位设计师所处的阶段所关注的要点是不一样的,我把图标设计分为2个阶段–初阶与高阶,这样分是为了有步骤性的学习和进阶的加强,当然,能人的话一步到位,对于新人来讲会较难,需要实际工作中辅导与自己经验总结。我不会华丽高大尚的语言,但是我可以分享一些实实在在的基础方法,也是这几年会给带的学生反复必讲...

    阅读全文>>

  • 创建二维数组-学习实例

    JS

    2014-11-13  作者:小V  浏览:704

    标签: javascript

    JavaScript数组学习-扩展数组对象 <script type="text/javascript">     //numrows:行数  numcols:列数  initial:初始值   Array.matrix = function(numrows, numcols, initial){ ...

    阅读全文>>

  • 面向对象编程-学习实例

    JS

    2014-11-13  作者:小V  浏览:730

    标签: javascript js面向对象开发

    JavaScript面向对象开发学习实例: 检查银行账户对象的构造函数 <script type="text/javascript">  //通过this关键字将方法和属性绑定到一个对象上  function Checking(amount){   this.balance = amount;   t...

    阅读全文>>

welcome www.xv90.com