黄灯桥的博客空程记的博客葡萄城控件技术团队博客
一．构造函数 专门用来生成“对象”的和水泥胡，构造函数是提供一个模板，描述对象的基本结构，一个构造函数可以生成多个对象。 构造函数的特点： （1）函数体内部使用了this关键字，代表了所要生成的对象的实例
原文：Deepak Grover译者：小胡子哥（@Barret李靖）链接：http://www.barretlee.com/blog/2016/07/09/a-kickstarter-guide-to-writing-es6/1. let、const 和 block 作用域let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：var a =&nb
请解释事件代理(event delegation)事件代理也称为事件委托，利用了事件冒泡。例如：<ul class="item-list"> <li class="item">item1</li> <li class="item">item2</li> <
js实现队列的操作以及对队列中数字的冒泡排序的可视化 （1）封装一个对队列操作的构造函数，可以进行进队列，出队列，获得队列长度，返回该队列的数组形式。 （2）使用正则表达式对input框中的输入字符进行验证，并获得有效的值 （3）使用setInterval()定时器实现可视化的冒泡排序过程，（因为js中没有sleep()函数），使用两个嵌套if语句控制排序过程，外部if语句表示执行次数，内部if语句进行相邻两个数的比较，每两个相邻数字，通过比较，交换完之后，绘制一次图形，j++，然后通过定时器继续执行函数，当一次的相邻数字比较完之后，一个数字冒泡出来，i++，此时内部j=0,继续执行定时器函数，如此反复，直到i=数组的长度，定时器清除掉。
该实例通过给定的数据，进行数据处理，使用日期函数，进行天平均量，周平均量的，月平均量的统计，实现柱形图的显示。实现页面上的一个基本交互功能，用DOM实现一个柱状图图表的显示。
一.实现理论基础： (1)使用定时器setInterval()，完成动画效果；（2）使用json传值，实现多个属性同时动画效果（比如：宽度，高度，透明度等可以一起进行动画效果）； （3）使用回调函数，实现链式动画（就是宽度值增大到目的值，然后继续宽度值减小的变化）；（4）使用目标值减去初始值除以一个值（比如10），得到每次变化的增
初始样式 1.jpg当鼠标移入到各个网站上，会显示 2.jpg当鼠标移动到更多标签上，显示如下：
Js实现一键分享效果--悬浮框状态.
display,opacity,visibility,position隐藏元素的实质 display:设置属性display:none；,该元素被隐藏，而且该元素的子孙后代也被同时隐藏，此时被隐藏的元素不占据任何空间，用户的交互操作在此元素上不能生效，但是通过js语句操作dom可以来操作该隐藏元素。opacity:设置属性opacity:0；，只是从视觉的角度隐藏了该元素，而该元素本身还是占据页面中的布局，而且，这种隐藏会响应用户的交互。（3）visibility：设置属性visibility:hidden;,该元素被隐藏，同样隐藏的元素对页面的布局仍起作用，但它不会影响任何用户交互，而且它的子孙元素也会在设置为visibility：visible。（4）Position： 通过设置top,left的值，将元素放在屏幕的可视区域外，这样就达到了元素隐藏的效果。
解决上一篇中遗留的问题，使用左右箭头来控制图片的轮播效果。
轮播图的原理分析与实现学习笔记： （1）将所有图片放在一个父容器div里面，通过display属性来设置图片的出现与隐藏； （2）轮播图分为手动轮播和自动轮播； 手动轮播的重点是每次点击图片下方的小圆圈，获得它的索引号，并让与之对应索引号的图片显示，并且此时的小圆圈为高亮显示； 自动轮播：利用定时器setInterval()，来每隔一定的时间来播放一次图片。 （3）所有的基础知识：dom操作，定时器，事件运用。
基本概念document.body.clientWidth :指的是BODY对象宽度document.body.clientHeight :指的是BODY对象高度document.documentElement.clientWidth: 指的是可见区域宽度document.documentElement.clientHeight :指的是可见区域高度window.innerHeight
拖拽的主要实现思想 分为三步： （1）用户在拖放元素上按下鼠标，拖放开始 login.addEventListener("mousedown",drag,false); （2）用户在拖放元素上移动鼠标，拖放元素在页面中进行拖动 document.addEventListener("mousemove",move,false); （3）用户鼠标一开拖放元素，拖放行为结束 document.addEventListener("mouseup",up,false);
弹窗的实现： (1)先写出一个div，弹出窗的样式，然后使用display样式进行隐藏； (2)当点击登录时，弹出窗口，这时display样式变为block (3)遮罩层的实现，使用一个div，让它占据整个屏幕，刚开始时隐藏，当点击登录时，遮罩层的display样式变为block,只是设计时，让遮罩层的z-index的值，小于弹窗的Z-index值，确保弹窗在屏幕的最上层。 (4)弹窗位置的实现中，还使用了document.documentElement.clientHeight，document.documentElement.clientWidth，来实现随着屏幕大小的变化，使弹框始终位于屏幕的中间位置。
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
