前端
自扰。.
这个作者很懒,什么都没留下…
展开
-
原生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 · 860 阅读 · 0 评论 -
原生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 · 158 阅读 · 0 评论 -
原生JavaScript 实现一个简单的选项卡
HTML 结构 <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价(999)</li> <li>手机社区</li> </ul>原创 2020-06-15 22:21:40 · 242 阅读 · 0 评论 -
JavaScript 简单的优先级队列的封装
// 封装优先级队列 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 · 220 阅读 · 0 评论 -
JavaScript 击鼓传花的游戏 使用数据结构---队列来实现击鼓传花
击鼓传花游戏 原游戏规则: 班级中玩一个游戏,所有学生围成一圈,从某位同学手里开始向旁边的同学传一束花。 这个时候某个人(比如班长),在击鼓,鼓声停下的一刻,花落在谁手里,谁就出来表演节目 一般在编程中就会把游戏规则修改一点 修改后的游戏规则: 几个朋友一起玩一个游戏,围成一圈,开始数数,数到某个数字的人自动淘汰。 最后剩下的这个人会获得胜利,请问最后剩下的是原来在哪一个位置上的人? 要想用JavaScript实现这个游戏,可以使用队列的知识 队列的定义 队列(Queue)是只允许在一端进行插入原创 2020-05-27 23:28:24 · 835 阅读 · 0 评论 -
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 · 234 阅读 · 0 评论 -
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 · 1084 阅读 · 0 评论 -
Vue 获取屏幕的宽度和高度
data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.documentElement.clientHeight, //实时屏幕高度 } }, // <!--在watch中监听实时宽高--> watch: { windowHeight (val) { let that =...原创 2020-05-26 16:33:07 · 5306 阅读 · 0 评论