前端从爬上楼到滚下楼-CSDN博客

原创以递归算法实现对象、数组等深拷贝

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-12-09 11:17:45 183

原创原生JS事件代理兼容

var oDiv=document.getElementsByTagName('ul')[0];if(oDiv.addEventListener){ oDiv.addEventListener("click",function(e){ var e = e||window.event; //IE浏览器事件有srcElement属...

2019-02-18 14:41:31 332

原创原生JS事件监听兼容封装

var EventUtil = { // 添加事件监听 add: function(element, type, callback){ if(element.addEventListener){ element.addEventListener(type, callback, false); } else if(elemen...

2019-02-18 14:02:25 434

原创原生JS封装AJAX

function ajax(method,url,data,fn){ let xml=null; try{ xml=new XMLHttpRequest(); }catch(err){ xml=new ActiveXObject('Microsoft.XMLHTTP'); } //toUpperCase()将输入的数据传...

2019-02-18 12:24:41 103

原创 js使用递归函数实现数组的深拷贝

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascri

2018-12-19 19:17:58 1011 1

原创 JS字符串常用方法

charAt() 返回指定位置的字符charCodeAt() 返回指定位置的字符的Unicode编码search() 用于检索字符串中指定的子字符串的位置replace() 查找匹配指定的字符串，然后用新字符串代替匹配的字符串。concat() 将两个或多个字符的文本组合起来，返回一个新的字符串使用加号链接字符串。newStr = “string1”+”string2”indexOf...

2018-12-19 18:37:06 878

原创 JS 数组常用方法

join( ) ：把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔pop( )：删除并返回数组的最后一个元素push( )：向数组的末尾添加一个或更多元素，并返回新的长度shift()：删除并返回数组的第一个元素unshift()：向数组的开头添加一个或更多元素，并返回新的长度reverse()：颠倒数组中元素的顺序sort( )：对数组的元素进行排序concat():连接两...

2018-12-19 18:26:11 73

原创 js通过opacity属性实现（按钮）（圆点）双控制及（自动）图片轮播

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> .container{

2018-12-07 11:51:39 1042

原创 js通过display属性实现（按钮）（圆点）双控制及（自动）图片轮播

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&am

2018-12-07 11:38:44 1555 1

原创关于Css3中的图片旋转问题

在CSS3中定义元素旋转的方法，以下代码实现如何使元素在旋转中实现元素具有双面的效果代码中用两种方法实现了这个效果，注释部分通过z-index控制图片的显示通过渐变使之在旋转中实现交替达到一张图片拥有两个不同面的效果第二种方法就是使用backface-visibility使图片在旋转后背面隐藏的效果实现两张图片的无缝连接达到效果<!DOCTYPE html><html&g...

2018-12-04 13:30:14 1158 1

原创简单实现二级菜单

这里写自定义目录标题<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style>/* *{ margin:0 ; padding: 0; border:0; list-st

2018-12-04 08:45:36 1969

原创如何实现导航栏与非垂直下拉框如何无缝连接

<!DOCTYPE html><<html> <head> <meta charset="UTF-8"/> <meta lang="en"/> <title>test</title> <style> .nav

2018-11-29 12:10:32 242

原创如何在网页标题前加图标

<!DOCTYPE html><html lang="en"><header><meta charset="UTF-8"><title>TITLE</title><link rel="icon" href="img/a.png"&g

2018-11-29 10:34:39 418

转载 html中的js如何在xhtml正确运行

@tm在js中比较连个数字的大小会用到&amp;amp;lt; 符号，但在xhtml中 &amp;amp;lt; 会被认为是开始一个新标签，但作为标签来讲&amp;amp;lt;后面不能跟空格，所以会出现语法错误，解决方案：1、使用Html实体 “&amp;amp;amp;lt”;...

2018-11-29 10:04:14 398

qq_32021025的博客