随笔分类 -  JS基础

前端从一只小白到工作半年的心路历程
摘要：提笔又不知从何说起， 毕竟头发还茂盛，离大神就差一头秀发的距离， 所以此文不讲技术， 只是单纯的总结一下我是怎么入坑的。本人前端打杂的，不喜勿喷。 17年7月我毕业了， 可我并不知道未来在何方， 我该做什么，大学四年给我的只是一纸证书 由于家在南方， 所以就选择了深圳这个繁华又孤独的城市， 搜索和专 阅读全文
posted @ 2019-05-13 21:09 初心，你好吗 阅读(1478) 评论(9) 推荐(4)
性能优化之惰性函数
摘要：我们正常封装一个兼容的绑定事件函数会这样写： 看起来没什么问题， 但是， 既然我们封装了这样一个函数， 那我们肯定会频繁调用它， 每次调用都走一次if 判断 ， 性能就会降低， 那我们就要想一个办法 ， 只在第一次调用时判断一次， 后面再次调用就不用判断了， 这就是惰性函数的用法： 直接在函数内部重 阅读全文
posted @ 2019-05-05 20:28 初心，你好吗 阅读(320) 评论(0) 推荐(1)
自己写一个Promise
摘要：参考Promise 的 官方规范 https://promisesaplus.com/ Promise 其实就是一个状态机 它只有两种状态变化 pending =》 fulfilled pending =》 rejected 并且状态一旦发生变化后就不会再改变 我们用es5来实现下 先写个架子， 并 阅读全文
posted @ 2019-04-30 20:31 初心，你好吗 阅读(627) 评论(0) 推荐(0)
js 的 骚操作
摘要：单行的js 代码虽然简洁，但却不易维护，甚至难以理解， 但这却并不影响前端童鞋们编写简洁代码的热情， 一 ， 生成随机ID 解析 ： 1 , Math.random() 生成一个 0 到 1 的 随机数 =》 number = 0.7147259888717723 2 , number.toStri 阅读全文
posted @ 2019-04-29 17:53 初心，你好吗 阅读(590) 评论(1) 推荐(0)
原生js实现 五子棋
摘要：先初始化棋盘 HTML: CSS： JS：// 棋盘 我们先让每个棋子的value都为1，看看效果： 不要犯密集恐惧症哦， 我们用事件委托来绑定事件， 这样事件只需要绑定一次而不用绑定15 * 15次， 很大地提升了效率， 开始写点击事件： 现在我们可以下棋了： 很有成就感是不是，就差最后一步也最是 阅读全文
posted @ 2019-04-26 18:05 初心，你好吗 阅读(661) 评论(0) 推荐(0)
函数防抖与节流你知多少
摘要：它们都是为了解决事件的频繁触发而出现的 不同之处： 防抖： 当事件频繁触发时不执行事件处理函数， 只有空闲下来的时候才会执行事件处理函数， （比如一个搜素场景， 当用户正在输入的时候不触发搜索 只有当用户停止输入时才发起搜索请求）。 节流： 当事件频繁触发时规定一定时间内只触发一次事件处理函数， 比 阅读全文
posted @ 2019-04-26 11:36 初心，你好吗 阅读(350) 评论(0) 推荐(0)
JS 图片放大镜
摘要：今天练习一个小demo, 从本地读取图片， 然后实现类似淘宝放大镜的效果， 再加两个需求 1 .可以调节缩放比例，默认放大两倍 2 . 图片宽高自适应， 不固定宽高 话不多说先看效果： 原理：1， 右侧放大区域的大小等于左侧半透明滑块大小乘以缩放倍数 2， 右侧放大区域图片的原始尺寸要和 左侧图片一 阅读全文
posted @ 2019-04-23 16:09 初心，你好吗 阅读(826) 评论(0) 推荐(1)
手写事件代理函数 （Delegated function）
摘要：‘手写 ’ 这个词 ，面试是不是听过无数遍呢 ! 今天我们来手写一个这样的事件委托函数 =》 function（ parent， selector， type , handle) {} 你需要传递的参数分别是： parent： 事件绑定的父级 selector： 选择器， type: 事件类型 ha 阅读全文
posted @ 2019-04-16 18:31 初心，你好吗 阅读(797) 评论(0) 推荐(0)
js的异步加载你真的懂吗
摘要：面试高频之js的异步加载 讲这个问题之前， 我们从另一个面试高频问题来切入， 我们的web页面从开始解析到页面渲染完成都经历了什么 ？ 1 ， 创建document对象， 开始解析页面， 此时document.readyState = 'loading' 2 , 遇到link标签引入的css文件， 阅读全文
posted @ 2019-04-11 17:45 初心，你好吗 阅读(533) 评论(2) 推荐(0)
数据处理之深浅拷贝完全剖析
摘要：大家好 !!! 又到了讨论代码的欢乐时光 深浅拷贝作为面试必考的一个知识点，我们要把它按在地上摩擦 首先 ， 我们要了解一个前提， 原始值 如 number , string, boolean , null, undefined是存在栈内存中 引用值如 object 是存在堆内存中， 为什么 原始值 阅读全文
posted @ 2019-03-29 17:31 初心，你好吗 阅读(436) 评论(1) 推荐(2)
数据处理之 数组扁平化 （数组降维）顺带总结一下数组的方法
摘要：Hello, 大噶好， 小葵花妈妈课堂开课啦。。。。。。 我们日常工作中拿到的数据不可能是只有一维的平面数组， 百分之99.99 是数组里嵌套数组再套数组的n维数组 ............................. 这种让人想问候它xx的多维数组我们怎么把它变成一维数组， 也就是只有一个中 阅读全文
posted @ 2019-03-27 20:04 初心，你好吗 阅读(1185) 评论(2) 推荐(1)
自己动手用原生实现 bind/call/apply
摘要：大家好！！！注册一年多的第一篇博客。 自我介绍： 本人非计算机专业出身，转行进入前端半年时间，写的东西可能观赏性不强，一起进步吧道友们。。。 接下来的一段时间， 我都会不定期整理自己理解的js知识点， 欢迎各路道友吐槽。 进入正题...... （针对新手，老司机不要嘲笑我） 首先， bind/cal 阅读全文
posted @ 2019-03-25 19:29 初心，你好吗 阅读(978) 评论(11) 推荐(1)