摘要:
1.静态效果图如下: 2.代码如下: (1)在menu.wxml中: <!--pages/menu/menu.wxml--> <!-- 轮播图 使用组件 --> <banner imgHeight="{{imgHeight}}" backgroundArr="{{backgroundArr}}" / 阅读全文
摘要:
1.面向过程和面向对象:面向过程每一步都要参与其中;面向对象只注重结果,不管过程如何实现;二者都是解决问题的一种思路。 2.面向对象三大特点: 封装:作用:复用和信息隐藏;封装,将客观事物封装成抽象的类,且类能把自己的数据和方法只让可信的类或者对象操作,对不可信的进行信息隐藏。 继承:它可以使用现有 阅读全文
摘要:
1.创建函数的方式 // 1.命名函数 function fun1() { console.log("这是第一种方式"); } // 2.匿名函数 var fun2 = function () { console.log("第二种方式--匿名函数也称为函数表达式"); } // 3.这种方式创建的函 阅读全文
摘要:
1.浅拷贝 var obj1 = { name: "lsd", age: 25, skill: ["Java", "H5", "PHP"], wife: { name: "wyq", age: 24 } } var obj2 = {}; // 浅拷贝只拷贝第一层属性,引用类型数据地址是相同的 因此存 阅读全文
摘要:
1.浮动实现圣杯布局 html代码: <div class="demo"> <div class="center same"> <div class="inner">center</div> </div> <div class="left same">left</div> <div class="r 阅读全文
摘要:
1.图片放大效果,有时候写HTML可能会遇到像下面效果图的情况:当鼠标经过图片时图片放大(或者叫做拉近),鼠标移走时恢复原状; 作如下分析: (1)当鼠标经过时图片会发生状态变化,要用到动态伪类:hover; (2)图片放大的时候有溢出情况,此时要隐藏溢出的部分,要用到overflow: hidde 阅读全文
摘要:
在本案例中用到的结构伪类有: :nth-child(n),该选择器用于匹配属于其父元素的第 N 个子元素,不论元素的类型,n 可以是数字、关键词或公式。 :nth-of-type(n),该选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素,n 可以是数字、关键词或公式。 CSS代码: @ch 阅读全文
摘要:
1.a标签常见的动态伪类有以下4个: a:link 未访问的链接 a:visited 已访问的链接 a:hover 鼠标挪动到链接上 a:active 激活的链接(鼠标在链接上长按住未松开) 使用要注意: :hover必须放在:link和:visited后面才能完全生效 :active必须放在:ho 阅读全文