随笔分类 - 前端
摘要：js 中的方法注入 java中很多框架支持 apo 的注入, js中也可以类似的进行实现 主要是通过扩展js中方法的 老祖 Function 对象来进行实现.
阅读全文
摘要：首先es6有提供了 Set 对象, 同java中的 Set, set中的值不可以重复. 所以对于一个数组我们可以直接采用 可以采用filter函数进行过滤, 查看index 是否跟当前的index一致. 因为indexOf返回的是第一个查找的位置 可以采用Object中的key值不重复的特性, 这种
阅读全文
摘要：记录一下获取 scroll 高度的方法 经实际测试: document.body.scrollTop 在 chrome 下会返回0. 所以 document.documentElement.scrollTop 或者 window.pageYOffset 需要一起判断, 做一下兼容 获取视口区域的高度
阅读全文
摘要：js 中的方法注入 java中很多框架支持 apo 的注入, js中也可以类似的进行实现 主要是通过扩展js中方法的 老祖 Function 对象来进行实现. before 也是类似的. 另外还可以通过 Proxy 进行实现.
阅读全文
摘要：一个有趣的js隐式转换的问题 在chrome的控制台中打印一下表达式 然后调整顺序打印 然后将两个表达式组合一下 wtf??? 原理解释如下: 一般的类型转换的时候, 面对 + , 首先调用 valueOf^[1]进行转换, 如果转换的结果不是 基本类型, 那么采用 toString() 方法进行转
阅读全文
摘要：数组删除多个元素的方法 逆向排查删除 采用 splice方法, 正向删除是不可能的了, 这辈子都不可能的了, 因为删除后会引起数组的长度和index的变化 filter方法进行查询
阅读全文
摘要：记一次清理缓存的小事情(chrome) chrome下清理缓存不生效的问题 前端开发中会经常涉及清理缓存的事情. 在一次开发后, 需要清理缓存,一个哥们怎么清理都不生效, 于是向我求救. 在我看了下后, 发现他的清理界面类似这个样子, 默认的是 ==过去一小时== 我感觉不对, 让他选择清理所有时间
阅读全文
摘要：react router Link 标签不生效的问题 废话不多说, 直接上问题, 排解过程和答案 现象: 发现 使用 Link 标签没有 元素的样式和效果, 也不能进行跳转 代码如下: 问题查找 1. react router版本问题, 我使用的react router版本没有去管, 发现是采用的
阅读全文
摘要：组合字符串的时候, 组合 sql 的时候, 使用join 会非常有用, join and 记得前端时间去看面试题的时候, 总会出一个小的性能题目, 就是 如果有大量的字符串处理的时候, 怎么可以提高性能. 既然是 JavaScript 的题目, 肯定不会如 java 说, 用 StringBuffe
阅读全文
摘要：在进行一个字符串的判断的时候. 如下一段内容 const queryObj = {}; const str = queryObj.criteriaStr + "" console.log(typeof str); const queryObj = {}; const str = queryObj.c
阅读全文
摘要：mobx中如果将数组作为可观察. 可以通过添加修饰符observable或者调用observable方法. 很多的时候, 我们将此修饰为可观察的对象后, 就随处可用了. 比如,采用 map forEach indexOf find 等原生数组可用的方法在此都可以使用. 但是没有注意到一个问题, 其实
阅读全文
摘要：在现在比较新的框架中， 比如 reactjs， vuejs中用得很多的一个属性便是 Object.defineOProperty 此属性的文档在网上一搜， 其中的几个属性， 包括 存取描述符（有set和get的） 和 数据描述符（直接有 value 的就是数据描述符） 有 set get 有 val
阅读全文
摘要：mozilla中对 Object.assign 的解释如下地址： mozilla 其中有说到 一直以为是对象中如果是null 或者 undefined ，那么会不进行覆盖， 但是测试结果却是覆盖。 很是疑惑。 经询问以及查找， 发现是如下的例子，才不会进行覆盖 此时候， 并不会更改前边的值。 至此才
阅读全文
摘要：经常使用 setTimeout，并且自己认为也算比较熟悉这个函数的用法。 不过今天碰到了，突然发现自己没有意识到这个问题。于是作为一个记录点，进行巩固一下。 这里我并没有直接写出答案。此处并不是一个面试题之类的。因为经常需要用到。如下的写法 此处会去清空 timeout，虽然进行了clearTime
阅读全文
摘要：经常遇到 typescript 的编译错误，虽然可以绕过去，不过既然采用了，还是解决问题，了解其中的思想比较重要。 一般遇到错误码 一般提示是找不到某某某，记录下我自己的解决方法。（如果不是真的类型找不到的话） 通过安装最新版本的 typescript 解决。比较老的版本会去找对应的 d.ts 文件
阅读全文
摘要：项目中采用 xlink 的方式引用 iconfont 文件，在正常的 html 文件中可以正常引用，但是在 react 下确不可以运行。 经过查找，发现需要更改如下 引入的属性默认为 xlink-href，在 react 下需要更改为驼峰式命名，即 xlinkHref 另外，如果采用 webpack
阅读全文
摘要：参考 developer.mozilla.org 网站。这个是一个前端必须经常光顾的网站。 记录一下对象的创建方法，虽然很简单，但是确需要非常注意。 Objects can be initialized using new Object(), Object.create(), or using th
阅读全文
摘要：不是立 Flag，而是摘录的 JSON 创始人的深切感受。如果你不同意，说明还理解的不够深入（kidding~） “JavaScript is the world’s most misunderstood programming language.” ~ Douglas Crockford
阅读全文
浙公网安备 33010602011771号