carol2014 - 博客园

2023年7月

摘要： Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。 Gr 阅读全文

posted @ 2023-07-26 15:46 carol2014 阅读(49) 评论(0) 推荐(0)

js之Set和Map类使用

摘要： Set // Set // Set（集合）是一组唯一值的集合。每个值只能在 Set 中出现一次。Set 可以容纳任何数据类型的值。 // 创建 Set const letters = new Set(["b", "a", "c"]); console.log(typeof letters); //o 阅读全文

posted @ 2023-07-26 15:44 carol2014 阅读(25) 评论(0) 推荐(0)

js之function对象和闭包函数

摘要： call 和 apply 方法 Function 对象的 call 和 apply 方法：可以用来调用所有者对象作为参数的方法，通过 call 和 apply 方法，能够使用属于另一个对象的方法。call() 和 apply() 之间的区别：call() 方法分别接受参数。apply() 方法接受数阅读全文

posted @ 2023-07-26 15:42 carol2014 阅读(33) 评论(0) 推荐(0)

2023年6月

回调函数、Promise、Generator 函数和async函数

摘要：回调函数 <script> function getFile(url, myCallback) { let req = new XMLHttpRequest(); req.open("GET", url); req.onload = function () { if (req.status == 2 阅读全文

posted @ 2023-06-21 14:38 carol2014 阅读(18) 评论(0) 推荐(0)

mysql索引优化-收藏

摘要： in/or 到底能不能用索引要控制范围优化器可用的内存，使用 range_optimizer_max_mem_size 系统变量：值为 0 表示没有限制&。当值大于 0 时，优化器将跟踪在考虑范围访问方法时所消耗的内存。如果即将超过指定的限制，则放弃范围访问方法，转而考虑其他方法，包括全表扫描。阅读全文

posted @ 2023-06-19 15:17 carol2014 阅读(84) 评论(0) 推荐(0)

js的sessionStorage和localStorage使用

摘要： localStorage 和 sessionStorage 存储内容的生命周期 localStorage生命周期是永久，除非用户主动清除 localStorage 信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页关闭，那么当前窗口或标签页通过阅读全文

posted @ 2023-06-16 16:10 carol2014 阅读(112) 评论(0) 推荐(0)

包含js代码的dom元素从页面上消失后发生了什么

摘要：最近遇到了一个问题：有一个数据看板的页面运行了 n 天后突然页面崩溃了，爆出了 out of memory 的错误。页面不复杂，几个图表定时更新数据，没明白为什么长时间运行后会 out of memory。在每次请求后使用 console.log(window.performance.memory 阅读全文

posted @ 2023-06-16 15:36 carol2014 阅读(54) 评论(0) 推荐(0)

使用wkhtmltopdf的window-status参数解决生成的pdf中echarts图不完整问题

摘要：最近一直在头疼生成 pdf 报告的问题，一个页面几个至几十个数量不等 echarts 图，后面的 echarts 图在生成的 pdf 中有些时候只有部分图形，即使是在页面上有时浏览器黑屏，感觉快崩溃了。使用了 --javascript-delay 30000 仍然无法解决图不完整的问题。然后反复看阅读全文

posted @ 2023-06-07 17:18 carol2014 阅读(917) 评论(0) 推荐(0)

bootstrap-table使用

摘要：基础配置 <link href="./plugins/bootstrap-5.1.3/css/bootstrap.min.css" rel="stylesheet" /> <link href="./plugins/bootstrap-table/bootstrap-table.min.css" r 阅读全文

posted @ 2023-06-07 17:02 carol2014 阅读(88) 评论(0) 推荐(0)

2023年5月

laravel常用辅助函数和模板指令

摘要：数组 use Illuminate\Support\Arr; Arr::collapse([[1, 2, 3], [4, 5, 6], [7, 8, 9]]); // [1, 2, 3, 4, 5, 6, 7, 8, 9] Arr::flatten(['name' => 'Joe', 'langua 阅读全文

posted @ 2023-05-12 19:23 carol2014 阅读(390) 评论(0) 推荐(0)