随笔分类 - javaScript
摘要：本文参考链接：https://segmentfault.com/a/1190000018605776?utm_source=tag-newest 一、首先明确什么是垃圾？ 那些没有被任何变量或者属性引用的对象就是垃圾，哪怕几个对象形成一个环形引用，但如果根访问不到他们，那也算是垃圾。 二、理解js内
阅读全文
摘要：解析器在调用函数的时候，每次都会向函数内部传递一个隐含参数，这个参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数调用方式的不同，this的指向不同 1.以函数形式调用，this永远指向的是window，属于默认绑定 2.以方法形式调用，this指向的是调用方
阅读全文
摘要：百分比布局+媒体查询 首先通过媒体查询确认container的宽度，每个col-xx-xx都是通过百分比定义的，屏幕尺寸变化了，container就变化了，col自然就变了 Bootstrap的官方解释：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport
阅读全文
摘要：一、采用防抖和节流的必要性 在单位时间内，有些事件的触发频率会很高，比如scroll、resize、refresh、input框实时输入校验，这些情况会导致服务器请求跟不上，浏览器页面出现卡顿现象，同时给服务器造成负担，此时采用debounce（防抖）和throttle（节流）减少单位时间内的服务器
阅读全文
摘要：在触发DOM上的某个事件时，会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素，事件的类型以及其他与特定事件相关的信息。 <body> <a href="http://www.baidu.com">baidu</a> <div class="box"> 我是div
阅读全文
摘要：概念 简单来讲事件流就是页面接受事件的顺序，事件发生后会在元素节点之间按照某种顺序传播 document->html->body->div->body->html->document这是DOM2级规定的事件流顺序，如下图： <body> <div id="outer"> <div id="inner
阅读全文
摘要：注册事件有两种方式，分别是DOM0级和DOM2级 DOM0级就是通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数，他的特点是同一个元素绑定相同事件， 后面函数会覆盖前面的 绑定： dom.on+type = 事件处理函数 dom.onclick = function(){} 函数里面是要执
阅读全文
摘要：ES + DOM + BOM1 DOM 文档对象模型 Document object modeldom树 html | head body | | meta title div 2 事件 行为 三要素 事件类型(具体什么行为)、事件源（谁身上发生该行为）、事件处理 js程序如何处理事件 事件源.事件
阅读全文
摘要：<body> <input type="button" value="删除" id="btn"> <script> // 在body添加div // 1 创建元素 var oDiv = document.createElement('div'); oDiv.className = 'box'; //
阅读全文
摘要：1 <body> 2 <script> 3 var d = new Date() 4 console.log(d) 5 var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'] 6 function dateTodtring() { 7
阅读全文
摘要：setInterval 方法表示每间隔一段时间执行一次函数，会一直执行下去，除非手动 clearInterval 来停止。 1 var i = 10; 2 var timer = setInterval(() => { 3 console.log(i--) //每次减1 4 if(i 0) { 5
阅读全文
摘要：在学习的过程中做了一个倒计时功能，用到的主要知识点有new Date()函数和setInterval定时器功能，在这里记录一下 1 <html> 2 <head> 3 <style> 4 h1 { 5 text-align: center; 6 } 7 </style> 8 </head> 9 10
阅读全文
摘要：js中判断一个变量的类型，通常的做法是用typeof方法，看它返回的是 什么，但是对于数组和对象它返回的都是object，ECMAScript引入了java中的instanceof 方法来弥补这一缺陷，来判断该变量是否是某种类型，它的返回值只有true和false。 一、typeOf 二、insta
阅读全文
摘要：今天在学习的时候碰到一个新概念，类数组，我用document.querySelectorAll 获取元素的时候，以为返回的是数组，想用splice方法操作这个数组，发现不行，查了一下资料发现这个方法返回的不是数组，叫类数组。总结了一下，arguments函数 document.querySelect
阅读全文
摘要：最近做的项目要实现一个动态添加动态删除的功能，思考了一下，该怎么给动态添加的元素绑定事件。最后觉得有两种方式比较可靠，第一种是在动态添加的html代码里添加oclick事件，然后给传个唯一的参数来判断点击了哪个，然后做相应的操作，第二种是通过事件委托的原理来处理，事件委托将一个事件侦听器实际绑定到整
阅读全文
摘要：最近做的项目都是在使用mui做手机网页，大致是下面的这种弹出效果 首先，引入 mui.css或者mui.min.css 引入 mui.min.js或者mui.js 第二步：<a href="#弹窗ID"> </a> //控制弹窗的显示隐藏 <div id="弹窗ID" class="box mui-
阅读全文
摘要：一.mui-popover要显示、隐藏弹出菜单，可使用锚点方式. <div id="popover" class="box mui-popover mui-poppicker mui-popover-action mui-popover-bottom" style="height: 500px;ba
阅读全文
摘要：mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网 DOM结构 关于mui页面的dom，你需要知道如下规则。 固定栏靠前 所谓的固定栏，也就是带有.mui-bar属性的节点，
阅读全文
摘要：1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素，例如document.querySelectorAll('.ubo
阅读全文
摘要：mui框架做的微信公众号网页，在上传数据的时候报了这个错，async: true,//将false改为true就可以了 https://blog.csdn.net/liuzp111/article/details/5145476
阅读全文