Javascript reduce 函数的一些用法

JavaScript中的reduce函数确实非常强大。reduce 函数是 JavaScript 中的一个高阶函数。它用于对数组中的所有元素进行累积计算,并返回最终的结果。 在 reduce 函数中,你可以传入一个回调函数和一个初始值作为参数。 回调函数接受四个参数:累积值(accumulator)…

CentOS7, CentOS8下部署使用Puppeteer Html转PDF

基于Puppeteer@10.1.0 + CentOS8.2   最近有个项目需要将网页转成pdf,刚开始试了html2canvas + jsPdf 的方案,这种方案是先将网页转成图片,然后再将图片塞到Pdf里。这种方式存在的问题是图片清晰度不是很高,网页不能过长,否则后续的页面有可能渲染…

JavaScript之状态模(vue中使用)

今天来聊一聊状态模式在前端项目中的应用,咱们先来看一个例子:有一个开关控制一盏灯,开关切换只有两种状态,开与关,并且触发灯泡的开关。咱们先看一下不用状态模式的例子,一般使用vue开发的代码如下: ok,现在可以看到,我们已经编写了一个强壮的状态机,这个状态机的逻辑既简单又缜密,没有任何的bug。实际…

uni-app: 从运行原理上面解决性能优化问题

点击右上方红色按钮关注“web秀”,让你真正秀起来 前言 Uni-App,从了解到开发,相信大家都会觉得Uni-App性能不好,其实也这是非原生的弊病。React Native、Flutter等,非原生框架,性能上都会或多或少的折损。但各个框架,都会做出性能提升建议,所以开发者在开发前,多了解一下,…

什么是立即执行函数,它有什么作用?

一:什么是立即执行函数? 声明一个函数,并马上调用这个匿名函数就叫做立即执行函数;也可以说立即执行函数是一种语法,让你的函数在定义以后立即执行; 立即执行函数的创建步骤,看下图: 二:立即执行函数的写法: 有时,我们定义函数之后,立即调用该函数,这时不能在函数的定义后面直接加圆括号,这会产生语法错误…

一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

前言 文中代码对应的详细注释和具体使用方法都放在我的 github 上,源代码在底部连接 1.判断对象的数据类型 使用 Object.prototype.toString 配合闭包,通过传入不同的判断类型来返回不同的判断函数,一行代码,简洁优雅灵活(注意传入 type 参数时首字母大写) 不推荐将这…

常用的一些CSS伪类

::first-line 选择文本的第一行 这个选择器用于选取指定选择器的首行。如有如下HTML 效果 ::first-letter 选择第一个字母 该伪选择器适用于元素中文本的第一个字母。有如下代码 效果 ::selection 选择高亮的(选中的)区域 这个很好理解,就是平常我们鼠标选中文本时的…