huanying2015 - 博客园

2017年12月13日

摘要：购物车原理：创建一个构造函数，把涉及到的项目写成方法，然后把这些方法放到构造函数的原型对象上，通过按钮绑定，调用原型对象上的方法，实现对涉及项目的改变 html代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF 阅读全文

posted @ 2017-12-13 11:20 huanying2015 阅读(14077) 评论(0) 推荐(1) 编辑

2017年12月12日

js 数组去重复的方法

摘要：数组去重复是js中常用的方法，归纳了四种如下： 1. for + indexOf 去重复 2. forEach + indexOf 去重复 3.原型对象 prototype + for + indexOf 去重复 4.原型对象 prototype + forEach + indexOf 去重复运行阅读全文

posted @ 2017-12-12 17:58 huanying2015 阅读(378) 评论(0) 推荐(0) 编辑

js 选项卡制作

摘要：知识回顾，制作JS选项卡，仅供参考 html代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>选项卡</title> 6 <style> 7 *{ 8 margin:0; 9 pad 阅读全文

posted @ 2017-12-12 14:11 huanying2015 阅读(304) 评论(0) 推荐(0) 编辑

2017年12月10日

一个简单的 js 时间对象创建

摘要： JS中获取时间很常见，凑凑热闹，也获取一个时间对象试试首先，先了解js的获取时间函数如下： var myDate = new Date(); //创建一个时间对象 myDate.getYear(); // 获取当前年份（2位） myDate.getFullYear(); // 获取当前完整的年份（阅读全文

posted @ 2017-12-10 22:05 huanying2015 阅读(4709) 评论(0) 推荐(0) 编辑

隔行变色的几种方式

摘要：隔行变色有很多种实现方法，自己也整理了一下，归纳三种，分享出来，仅供参考 1. html 如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <s 阅读全文

posted @ 2017-12-10 20:37 huanying2015 阅读(1038) 评论(0) 推荐(0) 编辑

2017年12月6日

Css 特性之 transition和transform

摘要： CSS 有一些新的属性，可以简化代码的书写，用简单的代码就可以实现复杂的变化。不用像 js 那样，需要写很多代码这里主要介绍三个属性：transition ,transform,以及translate 1. transition: 允许属性在一定时间内进行过渡规则： transition:pro 阅读全文

posted @ 2017-12-06 21:09 huanying2015 阅读(738) 评论(0) 推荐(0) 编辑

2017年12月5日

jquery 动态创建的元素，绑定事件无效之解决方法

摘要：今天遇到一个问题，动态创建的元素，绑定事件无效，如下： js 代码如下：运行结果：要是用效果，就把 OaddX 的点击事件重新写，改成如下：代码差异如下：运行结果：在 jquery中，如果需要进行动态添加元素，并且添加的元素要具有动态绑定事件的效果，那么可以把元素的绑定事件交给父元素或者阅读全文

posted @ 2017-12-05 18:48 huanying2015 阅读(598) 评论(0) 推荐(0) 编辑

2017年12月4日

jquery 三级关联选择效果

摘要：在网页制作中，三级关联选择经常遇到，于是归纳了一个进行参考代码如下：运行结果：备注：在代码中，获取元素的checked 属性值，用的函数是 prop() ，而不是attr()；当然这两个函数都可以进行checked 设定，但是还是有一些差异的，可能会导致错误，如下： // prop与attr在阅读全文

posted @ 2017-12-04 21:35 huanying2015 阅读(306) 评论(0) 推荐(0) 编辑

2017年12月2日

js 事件委托

摘要：事件委托的原理：利用冒泡原理，把子元素的事件，委托给父元素去执行，这就是委托事件的原理为什么要使用委托事件：在Dom操作中，通常会进行大量的绑定事件，如果元素的绑定事件太多，就会在内存里不停的循环，会消耗很多性能，为了解决这个问题，提出了事件委托例如：当ul下li元素太多时，会严重消耗内存阅读全文

posted @ 2017-12-02 20:58 huanying2015 阅读(146) 评论(0) 推荐(0) 编辑

jquery 阻止冒泡事件和阻止默认事件

摘要： jQuery 冒泡和默认事件：运行结果：在这里：弹出3，弹出2，弹出1 这三个事件是冒泡事件；页面跳转到 www.baidu.com 为默认事件分别可以使用不同的方法来阻止这两种事件的发生 1.阻止冒泡事件，使用 stopPropagation() 函数来执行运行结果：不会产生冒泡事件阅读全文

posted @ 2017-12-02 19:33 huanying2015 阅读(458) 评论(0) 推荐(0) 编辑