摘要: 一、场景 0.1 + 0.2 = 0.30000000000000004 1.5 - 1.2 = 0.30000000000000004 19.9 * 100 = 1989.9999999999998 0.3 / 0.1 = 2.9999999999999996 二、原因 js中的数字只有 Numb 阅读全文
posted @ 2022-03-17 21:17 我是格鲁特 阅读(2101) 评论(0) 推荐(0) 编辑
摘要: 一、发生一个事件时,事件及事件处理程序会被放入浏览器的事件队列,事件可归为以下几类: 事件绑定方法有三种,如下: Html事件处理程序-直接在元素上指定事件及相应的处理程序,事件处理程序中可直接访问event对象(不需要用参数接收event独享),this指向当前元素,同时还扩展了this和docu 阅读全文
posted @ 2019-07-17 17:39 我是格鲁特 阅读(1836) 评论(0) 推荐(1) 编辑
摘要: 1.不同布局模式对性能的影响 table-layout:auto(创建的table默认是此布局模式): 对table和td、th指定的宽度无效,浏览器会计算所有单元格的内容宽度才能得出一列宽度 如果想对单元格的内容自动折行需使用word-wrap:break-word;word-break:brea 阅读全文
posted @ 2019-07-16 17:48 我是格鲁特 阅读(5476) 评论(0) 推荐(0) 编辑
摘要: 一、惰性载入函数(lazy function) 使用场景:当一个函数中的判断分支只用执行一次(第一次调用时执行),后续不会再变化,则可以使用惰性函数来提高性能。 上面的函数是一个事件监听函数,每次调用时都会判断使用标准的事件监听函数还是IE事件监听函数,其实只用判断一次就可以知道该使用哪种监听函数, 阅读全文
posted @ 2018-12-09 20:27 我是格鲁特 阅读(690) 评论(0) 推荐(0) 编辑
摘要: 一、什么是BFC css布局主要采用盒子模型(BOX),元素的类型和 display 属性,决定了 Box 的类型,常见的盒子类型有两种: block-level box:display 属性为 block, list-item, table 的元素,会生成 block-level box。 inl 阅读全文
posted @ 2018-03-02 15:50 我是格鲁特 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 向ejs中传入了一个数组,希望编译时能把数组内容编译出来,编译后期望的结果如下: <Com data={[{id:1},{id:2}]}></Com> 此时在模版文件中要对data做编码处理,不然输出的文件内容,data这里就是乱码: <Com data={<%- JSON.stringify(va 阅读全文
posted @ 2023-03-24 11:29 我是格鲁特 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2023-03-14 21:40 我是格鲁特 阅读(12) 评论(0) 推荐(0) 编辑
摘要: const sizeUnit = ['Bytes', 'KB', 'MB', 'GB', 'TB']; function formatSize(fileSizeInBytes) { const sizeType = parseInt( Math.floor(Math.log(fileSizeInBy 阅读全文
posted @ 2022-10-05 22:18 我是格鲁特 阅读(251) 评论(0) 推荐(0) 编辑
摘要: http://ftp.mozilla.org/pub/firefox/releases/ 阅读全文
posted @ 2022-09-05 18:27 我是格鲁特 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1. env中的es版本和parserOptions.ecmaVersion的区别? "env": { "es2021": true }, "parserOptions": { "ecmaVersion": es2021 } parserOptions.ecmaVersion指示eslint解析器可 阅读全文
posted @ 2022-08-13 20:22 我是格鲁特 阅读(148) 评论(0) 推荐(0) 编辑
摘要: export * from导出模块时,不会导出default模块 import * from导入模块时,如果有default模块,会连同default模块一起导入 假设a.js除了default还有其他导出: export default function OrgSelect(){ } export 阅读全文
posted @ 2022-08-04 22:12 我是格鲁特 阅读(2404) 评论(0) 推荐(0) 编辑
摘要: es11(2020)实现了对动态import的支持: import('./dynamic.js').then(({ default: foo }) => foo()); 在使用rollup编译时,如果输出为cjs模块,则会被编译为: Promise.resolve().then(function ( 阅读全文
posted @ 2022-07-24 21:27 我是格鲁特 阅读(191) 评论(0) 推荐(0) 编辑
摘要: https://www.npmjs.com/package/lodash-webpack-plugin 当使用 import isString from 'lodash-es/isString'这种带路径的导入方法时,传统的externals写法无效,见bug,需要使用单独的函数来处理,开源实现方案 阅读全文
posted @ 2022-07-01 07:34 我是格鲁特 阅读(93) 评论(0) 推荐(0) 编辑
摘要: https://runebook.dev/zh-CN/docs/babel/-index-#%E5%85%B6%E4%BB%96%E6%8F%92%E4%BB%B6 阅读全文
posted @ 2022-06-17 07:30 我是格鲁特 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 通用的异常监控 异常监控和性能指标 js性能监测库 阅读全文
posted @ 2022-05-28 17:45 我是格鲁特 阅读(19) 评论(0) 推荐(0) 编辑