自扰。.-CSDN博客

原创原生JavaScript 实现一个简单的下拉框

HTML 结构<div class="box"> <ul class="nav"> <li> <a href="#">钉钉</a> <ul> <li>测试</li> <li>明天你好</li> <li>今天再见</li> </ul> </li> <li> <

2020-06-17 23:20:23 850

原创原生JavaScript 实现一个全选反选

效果如图HTML 结构<div class="wrap"> <table> <thead> <tr> <th> <input type="checkbox" id="j_cbAll" /> </th> <th>商品</th> <th>价钱</th> </tr> </thead>

2020-06-15 22:56:20 155

原创原生JavaScript 实现一个简单的选项卡

HTML 结构<div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价(999)</li> <li>手机社区</li> </ul&gt

2020-06-15 22:21:40 198

// 封装优先级队列function PriorityQueue() { // 封装一个内部内，记录信息和队列的优先级 function QueueElement(element, priority) { this.element = element this.priority = priority } // 封装数组 this.items = [] // 实现插入方法 PriorityQueue.prototype.enqueue = function(element, prior

2020-05-28 20:22:30 213

原创 JavaScript 击鼓传花的游戏使用数据结构---队列来实现击鼓传花

击鼓传花游戏原游戏规则：班级中玩一个游戏，所有学生围成一圈，从某位同学手里开始向旁边的同学传一束花。这个时候某个人（比如班长），在击鼓，鼓声停下的一刻，花落在谁手里，谁就出来表演节目一般在编程中就会把游戏规则修改一点修改后的游戏规则：几个朋友一起玩一个游戏，围成一圈，开始数数，数到某个数字的人自动淘汰。最后剩下的这个人会获得胜利，请问最后剩下的是原来在哪一个位置上的人？要想用JavaScript实现这个游戏，可以使用队列的知识队列的定义队列（Queue）是只允许在一端进行插入

2020-05-27 23:28:24 811

原创 JavaScript中 this 的指向问题

this 指向问题一般情况下 this 的最终指向是调用它的元素对象1.全局作用域或者普通函数中 this 指向全局对象 window （注意定时器里面的 this 指向 window ）console.log('全局----->',this) function fn(){ console.log('方法----->',this)}fn(); setTimeout(function(){ console.log('定时器----->',this)

2020-05-27 09:27:00 225

原创 vue better-scroll-滚动组件的使用和可滚动区域的问题

一.浏览器滚动原理当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是我们的视口展示不下内容的时候。会通过滚动条的方式让用户滚动屏幕看到剩余的内容。二.安装 npm install better-sroll --save三.引用 import BScroll from 'better-scroll'四.使用 let scroll = new BScroll(DOM,{}) mounted(){ /

2020-05-26 16:46:51 1063

原创 Vue 获取屏幕的宽度和高度

data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.documentElement.clientHeight, //实时屏幕高度 } }, //  watch: { windowHeight (val) { let that =...

2020-05-26 16:33:07 5265

自扰。的博客