随笔分类 - js
js相关技术随笔
摘要：Function.prototype.myCall = function (context, ...arr) { if (context null || context undefined) { // 指定为 null 和 undefined 的 this 值会自动指向全局对象(浏览器中为windo
阅读全文
摘要：symbol是es6新增的基本类型 跟string一级，它的功能类似于一种标识唯一性的ID； symbol可以被typeof识别 类型就为symbol； 例子： 关注点：同样的字符串或者数字用symbol处理后 ==和 两边是不相等的 应用场景：属性，方法私有化：当你不想暴露给外界一些key值的时候
阅读全文
摘要：能检测的方法很多 基本上的疑惑点是如何检测object null array function，能准确的检测出来这几个的都是好方法 1. typeof 为什么不准 因为当他在检测null array object的时候 都是object，这是因为这几个都是Object重写的实例 这个也会帮助我们理解
阅读全文
摘要：1.截取字符串abcdefg里面的cde str.substring(2,5) str.substr(2,3) str.slice(2,3) 2.清除浮动的几种方式，各自优缺点 （1：使用空标签清除浮动clear:both。 原理：添加一个空div，利用css提高的clear:both清除浮动，让父
阅读全文
摘要：1.易混的几种方式 （1；slice 返回值为截取的新字符串 接收参数（start，end） 特点：可接收负数 （-1表示从末尾处从后往前） 如果end没有值 则判定为从start开始到最后，，， 取值特点为[) 适用范围：string array (2; substring 返回值为截取的新字符串
阅读全文
摘要：1.数字 大小写字母，特殊字符任意三个：/^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,16}$/ 2.包含数字，大写字母，小子字母：/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d]{8,16}$/ 3.IP：/^
阅读全文
摘要：项目中使用AntdUI组件+react 里面使用了menu组件管理目录结构，不同目录组件页面之中有点击按钮进行不同目录的跳转，因为是各种组件的关系，点击各组件后准确跳转到目标页面没有问题，但是左侧目录结构不能进行有效的收缩和展开的动作，故使用js来监听URL的hash变化的方式进行接下来的逻辑行为
阅读全文
摘要：整理于 阮一峰 ECMAScript 6 入门 1.let命令：用来声明变量。类似于var。但是所声明的变量只在let所在的代码块（带大括号的基本上都是代码块）内有效 适合场景：1.局部变量，2.for循环的计数器 跟var不同之处：解决var的变量提升BUG（即没有用var定义的变量 使用的话会是
阅读全文
摘要：前提：sessionStorage浏览器的tab页切换的时候，是不共享的 原理：window的storage事件（H5），localStorage的tab页是可以共享的 为什么不用localStorage：因为localStorage在关闭浏览器后重新打开，还会存在，不符合需求 storage事件：
阅读全文
摘要：前端优化的目的： 1.从用户方面来说，优化能让页面加载更快，对用户的操作响应更及时，能够给用户提供geng更为友好的体验； 2.从服务商角度来说，优化能够减少页面请求数，或者减少请求所占带宽，能够节省客观的资源 前端优化的途径有很多， 按粒度大致可以分为两类，第一类是页面级别的优化，例如 HTTP请
阅读全文
摘要：相同点： 都是能够改变this的指向 不同点： 1.call()：传参方式跟bind一样（都是以逗号隔开的传参方式），但是跟apply（以数组的形式传参）不一样， 2.bind(): 此方法应用后的情形跟call和apply不一样。该方法是返回一个改变了this的函数，不会去运行此函数，需要我们去用
阅读全文
摘要：H标签的使用。主要是H1标签的使用需要特别注意，因为它自带权重，一个页面有且最多只能有一个H1标签，放在该页面最重要的标题上面，如首页的logo上可以加H1标签。 针对于前端来说的工作： HTML： 1.标签的有开有合。 2.避免冗余代码，例如去除空格字符。 3.合理利用标签语义化。 4.合理的嵌套
阅读全文
摘要：获取鼠标位置 相对于屏幕 相对浏览器窗口 相对文档 页面宽高 （未完待续）
阅读全文
摘要：Date对象用于处理日期和 时间 1.直接获取当前的时间为标准时间 2.常用的对象方法 get方法 date.getFullYear() //2017 从 Date 对象以四位数字返回年份 date.getMonth() //11 从 Date 对象返回月份 (0 ~ 11) 需要加1才是我们正常的
阅读全文
摘要：方法： 1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) 5,返回数的绝对值 Math.abs(x) 6,返回 x 和 y 中的最
阅读全文
摘要：一.what 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 二.why 比如一个页面中有很多图片，如淘宝、京东首页
阅读全文
摘要：概念：正则表达式是一种可以用于模式匹配和替换的强有力的工具 作用： 1.测试字符串的某个模式。 例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。 2.替换文本 可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字。 3.
阅读全文
摘要：个人理解：基于垃圾回收机制，做出的一种挽留局部变量被回收的行为，会造成内存泄漏。（垃圾回收的一个美丽BUG） 特点： 1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的说，Javascript允许使用内部函数 即函数
阅读全文
摘要：1.call()和apply() 两中方法都能改变this指向，很类似，区别主要是第二个以后参数， call()：第一个参数表示要把this指向的新目标，第二个之后的参数其实相当于传参，参数以，隔开 （性能较apply略好） 用法：a.call(b,1,2); 表示要把a函数的this指向修改为b的
阅读全文
摘要：this就是函数运行时自动生成的一个内部对象 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理
阅读全文
浙公网安备 33010602011771号