JavaScript
打鼓的孩子很可爱
这个作者很懒,什么都没留下…
展开
-
分类别讨论CSS居中问题
1、行内元素 实现水平居中的需要依靠父元素text-align: center; 2、行内块元素和块级元素可以不依靠父级实现居中 可以借助vw、vh实现居中,注意vw、vh实现居中,它相对的不是父节点或者页面的根节点,所以使用时我们需要清除html自带的margin calc() ...原创 2019-11-23 11:35:33 · 210 阅读 · 0 评论 -
《javaScript高级程序设计》----事件笔记
IE事件流是事件冒泡流。 从最具体的节点向上传播到最不具体的节点 Netscape Communicator的事件流叫做事件捕获 。 即不太具体的节点最先接到事件,具体节点最后接收到事件 因为老版本浏览器不支持,建议使用事件冒泡 DOM事件流 分为三个阶段: 事件捕获阶段、目标事件、事件冒泡阶段 事件: 用户或者浏览器自身执行的某种动作。诸如click、load、mouseover 事件处理程序(...原创 2019-10-22 19:57:32 · 147 阅读 · 0 评论 -
JS:LeetCode---14最长公共前缀
LeetCode—14最长公共前缀 思路:数组中的字符串进行sort排序,用第一个于最后一个比较,第一个如果包含在最后一个则直接返回第一个,如果不包含,只要分析第一个与最后一个的公共字串即可。 ...原创 2019-10-18 10:26:40 · 220 阅读 · 1 评论 -
清除浮动的几种方式学习
<!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-08-25 15:14:05 · 130 阅读 · 0 评论 -
鼠标滑动和触屏滑动的时候需要触发的事件
//鼠标事件,当鼠标滑动的时候,触发的事件 windowAddMouseWheel(); function windowAddMouseWheel() { var scrollFunc = function (e) { e = e || window.event; console.log("滚轮滑动") ...原创 2019-08-01 09:45:00 · 818 阅读 · 0 评论 -
javascript原型继承问题
javascript原型链问题 第一个问题 包含引用类型值的原型属性会被所有的实例共享,所以我们没有办法做到不影响其他实例的情况下对某一个实例的属性进行修改。 比如下面这个例子,我们改变instance1的colors属性的时候,instance对应的属性也会跟着改变,因为他们共享同一个属性 第二个问题 在创建子类型的实例时不能向超类型的构造函数中传递参数,也可以说没办法在不影响所有对象实例的情况...原创 2019-07-19 15:17:26 · 124 阅读 · 0 评论 -
学习Promise
javascripts实现异步 在JavaScript的世界中,所有代码都是单线程执行的。 Promise是一种抽象的异步处理对象 如果在函数返回的时候,调用者还不能够得到预期结果,而是将来通过一定的手段得到结果(例如回调函数),这就是异步。 几种常见的异步实现方式: Ajax :有异步的ajax以及同步的ajax setTimeout和setInterval:其异步是通过回调函数方式实现...原创 2019-07-16 18:04:58 · 260 阅读 · 0 评论 -
首页广告加载
首页广告加载 类似于微博效果,刚进去的时候首页展示一个全屏广告,右上角有个倒计时,时间到自动关闭,也可以自己关闭 .html <!-- 广告 --> <div class="advert"> <!-- <img src="../img/ywwg/615.png" alt=""> --> <!-- <div class="t...原创 2019-07-15 17:05:27 · 200 阅读 · 0 评论 -
遍历DOM树的方法
第一种: 首先假设一棵简单的DOM树 <div id="subTree"> <form> <input type="text" name="" value=""> </form> <p>Paragraph</p> <span>S...原创 2019-07-09 19:03:41 · 575 阅读 · 0 评论 -
javascript学习--------闭包
本文内容全部参考javascript忍着秘籍 function Ninja() { var feints=0; this.getFeints=function () { return feints; } this.fint=function () { feints++; } } var ninja1 = new Ninja(...原创 2019-07-09 14:28:15 · 138 阅读 · 0 评论 -
js中的形参、实参与剩余参数的详解
js中的形参、实参 function sum(a,b,c,d,e) { console.log(arguments) var sum=0; for (var i = 0; i < arguments.length;i++){ console.log(arguments[i]) sum =sum+...原创 2019-07-08 16:12:04 · 929 阅读 · 0 评论 -
javascript中sort()方法学习
快速排序 javaScript中所有的数组都能用sort方法,利用该方法只需要定义一个比较方法用于指示需要按什么顺序排列。 排序算法获取这个比较函数作为回调,javaScript引擎每次需要比较两个值的时候都会调用我们的回调函数。 快速排序算法 function QuickSort(arr, func) { //数组为空,返回[] if (!arr || !a...原创 2019-07-08 15:00:13 · 148 阅读 · 0 评论 -
给网页做一个遮罩loading转圈圈效果,数据加载的时候显示,数据加载完毕消失
loading转圈圈效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-07-01 14:57:13 · 2520 阅读 · 1 评论 -
javascript的字符串替换问题replace
replace只能替换字符串的第一个匹配的 var str="abcdabcd"; var res=str.replace("a","p"); console.log(res) // pbcdabcd java是没有replaceAll方法的,如果想要替换所有匹配的子串,有下面几种方法 第一种:用正则表达式,regexp 具有全局标志 g var str="a...原创 2019-06-14 10:07:43 · 363 阅读 · 1 评论