之前给大家演示过很多悬停动画的效果，比如悬停后字体颜色的改变，悬停后图片的出现，等等！方法都大同小异，条条道路通罗马。下面给大家讲解一下如何制作悬停后盒子的偏移覆盖之前的内容。首先来看看未悬停时的效果如下图：然后当我们把鼠标悬停在这个框的时候，下方的内容就会慢慢浮上来盖住上面的内容，效果如下图的左边部分：刚刚给大家介绍了一下整体的效果，现在下面给大家讲解一下一个整体的布局和css样式。布局如下图：当然这只是一种布局，布局可以很多种。上面我们可以看到我们的布局首先是由一个大div盒子包起来，然后里

If else选择结构在c#中我们经常会用到条件判断，通过条件才来判断是否执行条件下的代码。今天给大家分享最基本的，if选择结构，if else选择结构，多重if选择结构，if嵌套选择结构。首先我们来看看if选择结构的语法：If else选择结构语法： If(条件){代码块}else{代码块}注意 if的条件必须为布尔值，如果布尔值为真（true）是就执行，布尔值为假（false）则不执行。其实if可以理解为生活中的如果的意思就很好理解了。我们经常会说如果什么什么我就会成为什么什么。这样就很好理

如何获取一组数字并求取这组数字中的最大值和最小值。首先我们先声明一个数组来接收一组数字，之后再这组数字中求取最大值和最小值。代码如下(纯属个人制作)：   double[] arr = new double[5];            double max = 0;            for (int j = 0; j < arr.Length; j++)            {             

location对象有俩个常用的属性，第一个是href属性，第二个是reload() 刷新。首先我们来看看href如何使用，列如下面的代码：<a onclick="javascript:location.href='aaa.html'">春天</a>上面的这串代码点击之后是可以链接到一个新网页的，看到这也许有的人就会问以前a标签的href不是一样的也可以吗？干嘛还要这么麻烦？这是因为以前的href属性只局限于a标签使用，但是现在我们使用 location对象的href属性时，我们可以把任意的标签

今天我们来说说何如使用HTML DOM 操作表格。以下纯属个人观点，以今天的课堂练习为例子<table border="0" cellspacing="0" cellpadding="0" id="order">   <tr class="title">     <td>商品名称</td>     <td>数量</td>     <td>价格</td>     <td>操作</td> &

children 所有的子元素(只包含标签) ，今天给大家分享如何使用children 查找自己想要的内容。以今天的课堂练习为例子讲解。列子如下图：当我们点击单元格内容时就会弹出一个新窗口显示我们想找的内容。话不多说直接看代码：<script type="text/javascript"> function show(){ var k=document.getElementById("myTable");//先获取表格对象 alert(k.children[0].children[1]

图片的轮播相信大家都不陌生，各大购物网站基本都能看见，之前用css样式加HTML也可以实现，之前我们的轮播是通过位置的偏移，今天图片的轮播我们是通过改变图片的路径加上定时器实现的。先来看看静态时的效果，如下图：布局代码如下：<div class="scroll_mid"> <img src="images/dd_scroll_1.jpg" alt="轮换显示的图片广告" id="dd_scroll" /> <ul id="number"> <li id="scroll_number_1"

以前我们html+css或者js都可以实现轮播，但代码量比较大，今天说说JQ实现，JQ相对于之前的代码量偏少。<div>   <ul> <li><img src="images/bottom4.JPG"/></li> <li><img src="images/bottom5.JPG"/></li> <li><img src="images/bottom1.JPG"/></li>  <li><img src="images/bottom2.

今天我们开始自学weui框架，简短洁说weui框架是专为微信开发的一个强大的UI库。个人觉得weui框架算是组件化开发，主要由一些基础的组件，列表，表单，卡片，对话框，下拉刷新等组成。我们主要是学习如何使用这些组件搭建一个美观的布局。首先我们来说说weui框架的一个环境搭建。我们先要下载我们所需要的文件在weui官方网站下载，我们现在主要是学习一些基础的组件布局，我们暂时所需要的文件只是css文件，参考如下：<!--响应式移动端--> <meta name="viewport" content=

今天我们继续学习weui框架，今天我们要介绍的是weui框架里的表单，九宫格，单选多选列表项。表单是我们常见的，在我们的微信上也是常常见到的。那我们下面就来说说吧！表单：表单里的input分类为俩种，一种是输入类型，另一种是选择类型，在weui框架中这倆种都要配合Cell 组件配合使用。下面我们来看看示例代码：<div class="weui-cells weui-cells_form"> <div class="weui-cell"> <div class="weui-

今天我们继续学习weui框架，今天介绍的是weui框架里的结果页和预览。结果页：结果页我们在微信中经常见到，比如我们操作某一步步骤是会提示您成功，再比如付款成功等。直接进入主题，来看看我们的代码：<div class="weui-msg">     <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>     <div class="weui-msg__text-area">

weui框架总结：1.熟悉度我们学习一个框架，首先是要了解它是干嘛的。我们的weui框架呢就是一个专门为微信开发的一个强大的UI库。那必然我们学习它，第一要对它足够了解，其次再说去掌握它。熟悉度，顾名思义就是就是说你对它是否了解，它是由那些组件组成的，列表，表单，卡片，对话框，下拉刷新，结果页，提示框等。我们大概了解它有那些组件后，就是逐个组件去用，去看它的样式，看它的效果，当然不只是停留在看，更重要的是实操。好记性不如烂笔头，程序都是敲出来的。最后推荐一个个人觉得不错的网站：http://jq

常见的数据类型有好几种，比如undefined类型，字符串类型，null类型，布尔类型，数字类型，对象类型，Symbol类型，时间类型等。我们类型有这么多，我们主要是分类俩大类：基本类型：String、Number、Boolean、Symbol、Undefined、Null 等等引用类型：Object  Function 、Array、RegExp、Date 等等很多时候面试的时候面试官都比较喜欢问检验数据类型的几种方法，那今天我们就来介绍一下。首先我们来定义几种数据类型代码如下：var a;

数组大家都不陌生，数组我们经常用来保存各种数据。面试的时候也非常爱问数组方面的问题，今天我们就来说说数组常用的几个方法。首先什么是数组，数组是单独使用变量来储存一系列的值。我们来简单介绍一下几个常用的数组方法。1.push() 方法push() 方法是向数组末尾添加一个或多个元素，返回一个新的数组，代码如下：var array=[1,2,3] array.push(4); console.log(array) //输出[1,2,3,4]2.sort() 方法sort()方法是对数组进行排序，可以

今天开始学习Vue.js，Vue框架是一套用于构建用户界面的渐进式框架。我们为什么要用vue.js原因：1.Vue.js是一个强大的数据处理框架，能够很好的提升前端的开发效率。2.在国内很多企业都用vue.js开发前端项目，需求量非常大。3.Vue.js的文档非常详细，生态也非常丰富，要找到的资料也非常多、全，容易学习。遇到的问题也很容易在网上查到。vue框架的环境首先要先搭建Vue框架的环境才能使用Vue.js。我们的Vue框架环境比较简单，如果你的项目已经上线的话建议使用cdn加速器的方式引

说一个实用的数组筛选，使用的是数组filter()的方法。举例代码如下：HTML代码：<div> <label>姓名:</label> <input type="text" v-model="uname"> <label>年龄:</label> <input type="text" v-model="ages"> <button type="button" @click="ad

经过一个星期左右学习Vue框架，学习完基础知识后，练习了一个购物车练习，总结一下遇到的问题。首先看到效果图时大概想了一下，主要就是用列表和表格搭建页面。看一下整体的效果图，                                    效果图如上，主要实现的功能是对物品的添加，删除和物品的积分，金额，计算等。点击同一样物品时如果存在则数量累加。下面说一下遇到的问题和怎么解决的。问题1.数据的渲染鉴于我们是学习了Vue之后才做的练习，所以渲染数据当然是用Vue。用Vue渲染数据的话布局方面

字符串的处理，我们经常遇到，踩了好几个坑，而且面试也比较爱问，今天总结一下几个常用的字符串处理方法。1.charAt()方法可返回指定位置的字符 charAt()方法可以根据下标返回对应的字符串。示例代码如下：var str="hello word" var str1=str.charAt(0); console.log(str1) //返回h2.charCodeAt() 方法返回指定下标位置字符的编码 charCodeAt()方法可以根据下标返回对应字符的编码，用的比较少，但还是了解一下。示例

starter经过这段时间的学习Vue.js的学习，感受很大，首先觉得vue渲染数据非常方便。绑定数据有单向绑定和双向绑定，单向绑定的方式主要有v-bind，v-html，v-text，{{}}等等，双向绑定v-model。当然这些都是vue.js基础知识的一小部分。还有很多基础知识可以参考vue.js官网：https://cn.vuejs.org/v2/guide/syntax.html这里就不过多的介绍了，个人觉得单页应用程序在工作中会比较常用，把自己做的一个简单例子讲解一下。搭建单页应用程

练习的时候踩了个坑，如何将一串数字转成金额格式。总结一下方法，话不多说代码见真章：function toMoney(num){ num=num.toFixed(2) //将数字转成带有2位小数的字符串 num=parseFloat(num) // 将带有2位小数的字符串转成带有小数的数字 num=num.toLocaleString(); //将带有2位小数的数字转成金额格式 return num //返回 } console.log("$"+toMon

这段时间学习了微信小程序，在这做了一个商城项目，在这小结一下用到的知识点和遇到的问题。先来看看整体的效果：首页底部的tabBar："tabBar": { "color": "#000000", //默认的颜色 "selectedColor": "red", //选中时候的颜色 "backgroundColor": "#fff", //tab 的背景色 "borderStyle": "black", //tabbar上边框的颜色， 仅支持 black /