JavaScript
原理功能记录
续木
这个作者很懒,什么都没留下…
展开
-
call和apply重写
经常能使用到call和apply的情况下进行内部实现 <script> //ES6版 Function.prototype.newCall = function (obj) { //判断参数传入的值是否为null或者undefined obj = obj ? Object(o...原创 2020-03-17 08:54:21 · 145 阅读 · 0 评论 -
模块化
模块化简介 具有相同属性和行为的事物的集合。在前端中,将一些属性比较类似和行为比较类似的内容放在同一个js文件里面,把这个js文件称为模块,为了每个js文件只关注与自身有关的事情,让每个js文件各行其职。 模块要有几个特点: 独立、完整、依赖关系 在最开始的阶段,Js并没有这些模块机制,各种Js到处飞,也就是你们现在的野生代码,得不到有效妥善的管理。后来前端圈开始制定规范,最耳熟能详的是Comm...原创 2019-10-29 19:37:49 · 80 阅读 · 0 评论 -
防抖和节流的记录
函数防抖(debounce):触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间,保证一个计时器的的最后一次执行。 <input type="text" id="iup"> <script> var oInp = document.getElementById('iup'); function ...原创 2019-09-26 11:17:46 · 77 阅读 · 0 评论 -
Ajax的源码实现
function ajaxFunc(method, url, data, callback, flag) { var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHttp'); } } if (m...原创 2019-09-27 10:28:39 · 1526 阅读 · 0 评论 -
jsonp实践原生js实现百度联想词
基于jsonp的实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2019-09-30 16:00:35 · 147 阅读 · 0 评论 -
js判断鼠标键入的方向
由于对一些方法不是很熟悉,都在下面记录: 网页可见区域高:document.body.clientHeight 网页正文全文高:document.body.scrollHeight 网页可见区域高(包括边线的高):document.body.offsetHeight 网页被卷去的高:document.body.scrollTop 屏幕分辨率高:window.screen.height addEve...原创 2019-10-06 09:34:08 · 112 阅读 · 0 评论 -
面向对象继承的实现
问题一: 当原型链中包含引用类型值的原型时,该引用类型值会被所有实例共享; 问题二: 在创建子类型(例如创建Son的实例)时,不能向超类型(例如Father)的构造函数中传递参数.原创 2019-10-06 11:23:42 · 100 阅读 · 0 评论 -
flex常用布局
网格布局 .gb { display: flex; } .gb-a { flex: 1; } .gb div { background: #ccc; border-radius: 3px; margi...原创 2019-10-07 21:51:30 · 152 阅读 · 0 评论