YaoDeBiAn的博客

将所学运用到方方面面

兼容getElementsByClassName与classList(ie8及以上)

知乎文章地址:https://zhuanlan.zhihu.com/p/52423430 之前面试的时候考到对html元素的class进行增删改,然后有前辈说如果使用classList并且通过原型实现兼容,会非常满意,由此想到对getElementsByClassName与classList这两...

2018-12-17 12:57:43

阅读数:43

评论数:0

一步步实现Promise代码封装

知乎文章地址:https://zhuanlan.zhihu.com/p/51373575 ES6中加入了Promise的一个概念,使得非阻塞式语句的同步变得简单起来,但是具体它是怎样实现的,接下来一步步地实现它。 一.Promise基本结构 new Promise((resolve, re...

2018-12-03 20:40:44

阅读数:80

评论数:0

谈谈个人对js事件循环的理解

知乎文章地址:https://zhuanlan.zhihu.com/p/50003943 在这之前,首先谈谈js的单线程机制:众所周知,js是单线程的语言,也就是说同一时间只能做一件事情。不过,现在这个年代还不能多线程开发吗?答案肯定是否定的,而关于为什么js选择用单线程,只要举一个栗子就好了:...

2018-12-03 20:32:42

阅读数:41

评论数:0

js事件绑定的几种方式

1.首先是直接在标签中绑定事件,如:<button onclick="clickme()"></button>; 2.通过节点元素进行绑定,如:el.onclick = f...

2018-12-03 20:30:10

阅读数:34

评论数:0

总结一些前端笔试面试

1.关于购物的一道题,题目很简单:最近不是双十一吗,小美想要尽可能多的买各种商品,但小美只有一定数额的钱,规定每件商品只能买一件,问最后小美花了多少钱? 用例: 输入购买上限mPrice:188 输入一串以空格分隔的字符串,代表不同的商品的价格pStr:50 42 9 15 105 63 1...

2018-12-03 20:27:37

阅读数:143

评论数:0

ajax跨域总结

之前在看云上总结的一些ajax跨域解决方案,在这里分享给大家: 原生ajax基础性原理 · javascript之ajax运用及跨域解决 · 看云​www.kancloud.cn  

2018-12-03 20:21:00

阅读数:22

评论数:0

如何使用纯css实现轮播图

知乎文章地址:https://zhuanlan.zhihu.com/p/48350702 轮播图一直是一个很有意思的东西,之前没有好好总结,导致一要写的时候就要重新开始思考过程然后编码,这是个特别烦的问题,今天就好好总结一下。 关于轮播器的一些demo,请看: yaodebian/Carou...

2018-12-03 20:19:36

阅读数:60

评论数:0

如何在页面上实现一个圆形的可点击区域

知乎文章地址:https://zhuanlan.zhihu.com/p/48168812 以下涉及的demo代码请查看: yaodebian/ClickableArea​github.com 这个问题确实从没想过,也是今天前端面试中被问倒的问题之一,接下来做一个简单的总结吧。这个问题确实从没...

2018-12-03 20:14:27

阅读数:87

评论数:0

requestAnimationFrame笔记总结

知乎文章地址:https://zhuanlan.zhihu.com/p/45201506 一.什么是requestAnimationFrame 首先看张图: 相当一部分的浏览器的显示频率是16.5ms,就是上图第一行的节奏,表现就是“我和你一步两步三步四步往前走……”。如果我们火力搞猛一...

2018-09-23 17:41:29

阅读数:42

评论数:0

尬谈Js对象的深拷贝与浅拷贝

知乎文章地址:https://zhuanlan.zhihu.com/p/44944466 JS 中的浅拷贝与深拷贝,只是针对复杂数据类型(Object,Array)的复制问题。浅拷贝与深拷贝都可以实现在已有对象上再生出一份的作用。但是对象的实例是存储在堆内存中然后通过一个引用值去操作对象,由此拷...

2018-09-19 21:11:31

阅读数:45

评论数:0

抽奖九宫格Demo

写在前面 最近做了一下网易游戏的笔试题,最后一道题是叫你设计一个抽奖九宫格动画,当时有思路但是有很大的瑕疵,故而有了这次git。 开发环境 vuejs框架 ajax用的是axios 思路 首先必须将UI设计好; 声明一个list对象用于存放九宫格中的内容列表,包括奖项、抽奖按钮、谢谢参...

2018-09-19 10:03:04

阅读数:917

评论数:0

js日常:用js构造一个轮播器的思考

用js构造一个轮播器的思考 最近用纯js编写了一个轮播器,期间遇到了很多问题,由此记录下这篇文章。 一.轮播器结构设计 轮播器就是一个用于承载图片并实现图片动态滚动效果的模块,首先县分析一下其基本组成结构:一个容器(我用的是div块)+图片容器(img)+轮播器图片信息与操作栏(一个div模...

2017-09-17 12:59:04

阅读数:160

评论数:0

js笔记:如何解决mouseover与mouseout的多次触发问题

如何解决mouseover与mouseout的多次触发问题 首先我们要了解的是为什么mouseover与mouseout会出现多次触发的问题?这就要看它们作用的对象如何。 1.假如其作用的对象没有子代:比如这是一个没有子节点(当然指的是元素节点),那么多次触发的现象是不会出现的。 2.假如其有子代...

2017-09-02 22:37:08

阅读数:736

评论数:0

js笔记:Number()、parseInt() 和 parseFloat() 的区别

原文地址:http://www.cnblogs.com/yi0921/p/6196841.html Number()、parseInt() 和 parseFloat() 的区别 一:Number() 如果是Boolean值,true和false值将分别被转换为1和0。...

2017-08-24 15:17:08

阅读数:240

评论数:0

js笔记:js正则表达式语法(es5)

一.什么是正则表达式 正则表达式(regular expression)是一种模型,用于表示某种状态(或者说某种形式比较贴切)的字符串,可以说正则表达式里面的内容就是一系列的条件,使用正则就是对这些条件的匹配问题。二.那么如何创建正则?又如何使用正则来对字符串进行匹配呢? 在es5语法中,有两种创...

2017-08-22 17:12:34

阅读数:717

评论数:0

js笔记:Js封装库——css选择器

Js封装库——css选择器 在css中我们可以很简单地使用css选择器来对节点对象进行选择,并对其进行style设置。现在,我们想通过js对html的css样式进行动态设置,想以css的形式进行设置,例如我们想通过$(‘#box p’)来选中id为’box’的节点对象的子节点中的p节点,我们应该...

2017-08-21 17:27:41

阅读数:380

评论数:0

js笔记:js中的call()和apply()用法与区别

最近碰到call方法的使用,甚是头疼,然后度娘大大给我提供了一篇大佬的文章,很详细:http://blog.csdn.net/ithomer/article/details/6592082 以下是我整理的内容: call和apply,它们的作用都是将函数绑定到另外一个对象上去运行 ...

2017-08-19 17:47:30

阅读数:274

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭