凭澜偏偏

一、sort函数sort函数用于数组的排序不生成副本，直接更改原来数组若默认无参数则按编码顺序排序二、对数字排序var arr=[-2,-1,0,2,1];console.log(arr.sort());//-1 -2 0 1 2原因：负数中，越小的数编码值越大var arr=[102,103,506,403,89]console.log(arr.sort());//102 1...

效果图分析组成部分1、10个li标签，文字居中，后面的图片居中。停留时cursor=pointer2、鼠标停留时，后面图标随之移动3、鼠标移出时，图标回到第一个li4、当其中的某个li被点击时，就算停留在了其他li，图标在移出后，依旧回到被点击的li上Body<nav id="nav"><span id="tmall"></span><...

实现效果图组成分析1、外层DIV分成两个盒子，第一个盒子为中等大小的图片，第二个盒子就是放大特效展示的盒子2，下面还有三个list事件1，鼠标== 停留于列表时，对应的中盒子中 img的src对应改变== 2，当鼠标停留于中盒子时，有一个黄色正方形跟着鼠标移动 ，并且在中图盒子中，鼠标停留时光标为移动 ==3、在大盒子中，与中盒子中的黄色方块的移动同步 。往 左 == 移动时，大盒子...

效果图特效分析HTML1、外层大的div2、灰色底条3、灰色上有橙色进度条进度部分4、橙色方条前面有一个小块5、还有进度百分比<div id="progress"> <div id="bar"> <div id="front"></div> <span></span>...

效果图HTML1、搭建外层div，设置定位2、添加图片li便签3、增加底部灰色div4、灰色div上有进度条<div id="box"> <ul id="boxtop"> <li><img src="图片/1.jpg"></li> <li><img src="图片/2...

效果图未添加JS特效时样式由于只是做样式我就没有使用很多图片HTML由于我的图片大小 太不一，直接就使用了行内样式来修改<div id="main"> <div class="box"><div class="pic"><img src="图片/1.jpg" alt="" style="height: 100px"></d...

效果图HTML<header id="header"> <img src="图片/header.PNG" alt=""></header><nav id="nav"> <img src="图片/navPNG.PNG" alt=""></nav><section id="section"&gt...

效果图HTML<div id="aside"> <img src="图片/6.jpg" alt=""></div>还有一坨的p为了弄长点好滚动css*{ margin: 0; padding: 0; list-style: none; border: none; } #aside...

效果图HTML<span id="top"></span><p>今天天气好</p>……还有一坨的p，为了可以滚动CSS *{ margin: 0; padding: 0; border: none; list-style: none; } body{ b...

冒泡之所以称之为冒泡，其实特点就类似于一个冒泡的阶段。泡泡从底层一直到顶层在dom树中，即为从dom底层层层传递到达dom的根节点。示例<div id="father"> <button id="btn">点我</button></div><script> var father=document.getElementB...

效果图：单击任何一张图片，可旋转回正，并到中央位置分析大体特效点击图片可旋转回正：onclick/transform/rotate/translate/z-index图片旋转的过渡：transition图片叠加在一起：position定位图片随机摆放，角度随机：随机数函数多张图片：li标签/img标签/cursor：pointer细节部分无论取任何随机数，都不会超过边界点击一...

缓动系数公式：缓动公式：起始值+=（结束值-起始值）*缓动系数匀速function LinearAnimation(btnid,boxid,step,target) { var btn=document.getElementById(btnid); var box=document.getElementById(boxid); ...

效果图选中了文本内容后，点击图标，跳转到微博分享页面。HTML<p id="word"> Plasma betaine concentrations and urinary betaine excretions have high test-retest reliability. Abnormal betaine excretion is common in dia...

今天在学习到JS特效切换图片时，遇到了很多问题：首先我的思路是这样的：设置监听事件，onclick由于要实现循环切换，就意味着在临界值处要进行其他的处理和判断非临界值时，进行正常的加减操作然后我就开始碰到问题1、无论怎么样点击按钮，图片只会跳到下一张，而不会循环\\ 错误代码pre.onclick = function () {if(current===min){ ...

实现点击任何一个li标签、可以弹出对应的index值也可以应用于没有计时器的轮播图中在写代码的过程中，碰到了一系列的问题：在点击li标签之后，弹出的index是最后一个索引值var 和 let 的区别问题与代码如下：var ali=document.getElementsByTagName("li");for(let i=0;i<ali.length;i++){ a...

使用this指针，添加属性值for(var i=0;i<ali.length;i++){ ali[j].index=j; ali[j].onclick = function () { alert(this.index); //依次点击 弹出0，1，2，3，4 }}2、使用let声明ifor(let i=0;i<ali.length;i++){ ...

学习到这个算法是通过一个案例：把一列的div通过按钮点击事件变成3列或者其他的列数算法封装为函数：function ColsFlex(allCols,AllNode) { var boxW=Value,boxH=Value,marginXY=Value; for(var i=0;i<AllNode.length;i++) { //求当前盒子所在的行...

11111111

1、setTimeout在指定时间之后执行，只执行一次如果执行的代码块为函数需要传参数，示例：setTimeout(f,1000,"yu","ko");function f(pa,po) { alert(pa+","+po);}2、setInterval在指定的时间间隔内重复执行，根据时间间隔执行，不清除则永久重复下去示例：setInterval(function () ...

由于汉字和ascii码中的128个字符字节不同汉字占两个字节。所以要想获取汉字的真正长度可以通过如下函数：function getStrLength(str) { //1、定义计数器 var len=0,code=0; //2、遍历该字符串 for(var i=0;i<str.length;i++)...

HTML/css构建部分1、构建html部分。写入外层div 插入要滚动的长图2、添加两个空白span的部分，平分外层div的width。3、样式中，设置对应的position属性。根据“子绝父相”，构建基本页面。JS逻辑部分首先分析此效果的构成。1、鼠标进入上部分任意一处，图片自动回到往上走2、鼠标进入下部分任意一处，图片自动去到往下走3、在图片走到尽头时，自动停止。在图片顶部为...

最开始看见这个辨析是在刷题题目要求你写出程序结果把undefine/null/“”放在了if中一起辨析其实刚开始我是有一点不确定的因为没有完全掌握var a;console.log(a);//undefinedconsole.log(typeof a);//undefinedif(a){ console.log(true);}else console.log(false)...