自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2034)
  • 收藏
  • 关注

转载 小程序 如何申请长期订阅(设备消息)?

要给用户发送消息提醒的话,需要申请订阅消息。订阅消息分一次性订阅与长期永久性订阅。对于公众号而言,大家先登录公众号的管理平台,找到下面图片所示位置,点击进去。新增加下面两个分类即可,如果原来的分类满了,就删除一个再添加即可。对于小程序而言,大家登录小程序管理平台后,点开下面的网址。一次性订阅没有实际意义,用户订阅一次就只能发送一次。这样在订阅消息管理那里,就有长期的订阅模板选择了。进去后,新加一个分类,分类如下图所示。这样就可以选择长期订阅模板功能了。选择模板后,就复制相应的模板ID。

2024-06-20 09:36:56

转载 【总结】2078- 总结 2024 年前端框架大更新

随着 JavaScript 框架的不断发展,它们开始在某些关键功能和架构上展现出趋同的态势。这些共性包括支持。这种融合证明了生态系统的成熟和发展,框架可以相互学习并采用最佳实践。为了帮助更好地理解这些趋势,下面来深入研究每一个框架。

2024-06-17 11:02:58 7

转载 一个新的 HTML 元素:<permission>!

它将从这个版本开始试用,并且正在努力走向标准化。今天我们一起来看下这个元素的用法。

2024-06-17 11:02:16 31

转载 JavaScript高级系列(二) - V8引擎的运行原理

当我们编写JavaScript代码时,它实际上是一种高级语言,这种语言并不是机器语言。高级语言是设计给开发人员使用的,它包括了更多的抽象和可读性。但是,计算机的CPU只能理解特定的机器语言,它不理解JavaScript语言。这意味着,在计算机上执行JavaScript代码之前,必须将其转换为机器语言。这就是JavaScript引擎的作用:事实上我们编写的JavaScript无论你交给浏览器或者Node执行,最后都是需要被CPU执行的;

2024-06-06 11:32:29 13

转载 分享10 个功能强大的单行 CSS 布局技巧

对于下一个布局,这里主要要注意的是 justify-content: space- Between ,它将第一个和最后一个子元素放置在其边界框的边缘,剩余空间均匀分布在元素之间。这些子元素的基本最小尺寸是 150px,最大尺寸是 1fr,这意味着在较小的屏幕上它们将占据整个 1fr 宽度,当它们达到 150px 宽度时,它们将开始流到同一行。1fr页眉和页脚内容设置为自动采用其子级的大小并将剩余空间(1fr)应用于主区域,而自动调整大小的行将采用其子级最小内容的大小,以便内容大小增加,行自身会调整。

2024-06-06 10:48:39 11

转载 mac的文件夹服务器,Mac本地服务器

打开finder,command+shift+g,前往下述路径,/Library/WebServer/Documents,即mac下apache服务器的文件路径。第二步,打开apache2文件下的users文件夹,找到用户名.conf配置文件(没有可以新建一个)并打开修改为。第一步打开apache2,这是系统自带的Apache目录;终端输入open /Library/WebServer/Documents,打开文件夹;WebServer是在用户文件夹下新建的,修改完之后,在该配置文件中找到。

2024-06-05 09:24:33 15

转载 父元素设置display:flex后,子级元素高会跟随其他元素自动撑开问题

子级元素增加:align-self:baseline。

2024-06-05 09:22:57 34

转载 两种方法解决 this 在validator中不能使用

【代码】两种方法解决 this 在validator中不能使用。

2024-06-05 09:21:43 10

转载 H5页面拉起指定app或跳转到应用市场下载

如何通过H5跳转至应用商店下载指定app, 实现方式如下:// 跳转至oppo应用商店下载QQoppomarket://details?packagename=com.tencent.mobileqq注:url地址主要分为2部分 应用商店地址 + 应用包名目前国内主流应用商店地址如下华为应用商店:appmarket://details?id=com.xx.xx小米应用商店:mimarket://details?id=com.xx.xxOPPO应用商店:oppomarket://details?pa

2024-06-05 09:19:48 49

原创 世界500强面试题 | 这个你一定要看!(二)

这不是强制性的,但我认为这样的着装体现了对打算雇用我的公司及面试过程的尊重。面试官所问的问题是不一样的,不过许多问题都与我过去的经验有关,有些还带有玩笑的性质,比如“你如何让Google从Linux操作系统转换为Windows操作系统?他们问了我一些问题,以确信我的经历与简历上描述的内容相符,同时也为了避免在之后时间较长的面试中出现令他们尴尬的事情。这时,你在判断问题出在哪里时,会依次采取怎样的做法?如果你应聘的是程序设计员的工作,那么他们会提一些逻辑性问题,并要求你能够在白色书写板上用编码的方式思考。

2024-06-05 09:13:29 247

原创 世界500强面试题 | 这个你一定要看!(一)

想方设法让你的回答能够拉近你与面试官之间的关系,并表明你作为这个职位的应聘者,有着自己的优势。★你有一袋糖,有红色的,蓝色的,绿色的。★如果你有两个桶,一个装的是红色的颜料,另一个装的是蓝色的颜料。通过算术的方式来证明这一点。它们可能非常有诱惑力,让你戒备心全无,从而中了面试官的圈套,展现出自己的方方面面,包括你原本不打算暴露出来的某些个性。假如这项工作要求你具有创新精神,那么你可以说:“是的,我会上去,去见见曾经在这个星球上走过的那些最具有创新精神的人,问问他们最喜欢用什么方式来让自己尽可能保持创造力。

2024-06-05 09:12:02 275

转载 面试题-Vue(构建->打包)

从构建到打包,Vue 项目经历了初始化、开发、编译、打包和优化等多个步骤。这些步骤通过 Vue CLI、webpack、Babel 等工具协同工作,最终生成可以在生产环境中部署的高性能、优化的静态资源文件。入口配置:定义应用程序的入口文件(通常是模块解析:通过解析入口文件及其依赖,构建模块依赖图。加载器和插件:使用各种加载器和插件处理不同类型的文件。代码打包:将所有模块打包成一个或多个 bundle 文件。优化:对生成的代码进行各种优化,如代码分割、压缩和缓存优化。输出。

2024-06-05 09:09:57 14

转载 前端必备的Nginx

至此,Nginx的大部分内容都已阐述完毕,关于最后一小节的性能优化内容,其实在前面就谈到的动静分离、分配缓冲区、资源缓存、防盗链、资源压缩等内容,也都可归纳为性能优化的方案。

2024-06-05 09:05:24 8

转载 100 个鲜为人知的 CSS 技巧汇总整理合集

font-feature-settings 允许您启用或禁用字体中的 OpenType 功能,例如,连字、字距调整和样式替代。text-decoration-style 指定用于文本装饰的线条样式,允许您选择不同的线条样式,例如实线、双线、点线或虚线。text-decoration-skip-ink 控制文本装饰是否应跳过上升部分和下降部分,从而改善下划线和穿线的外观。text-align-last 确定块元素中最后一行文本的对齐方式,从而提供对多行块中文本对齐的精确控制。使用字体显示:交换;

2024-06-05 08:41:09 6

转载 45 个每个开发人员都应该知道的 JavaScript 超级技巧

解决方案:使用 `includes()`、`startsWith()` 和 `endsWith()` 进行更简单的字符串检查。解决方案:仅在 `null` 或 `undefined` 时使用空值合并 (`?解决方案:使用 `map()`、`filter()` 和 `reduce()` 进行常见的数组操作。解决方案:使用 `Array.from()` 和 `Array.of()` 获得更简洁的代码。问题:如果值为 `0` 或 `””`,则使用 `||` 提供默认值可能会产生意外结果。

2024-06-05 08:40:48 7

转载 纯 CSS 实现标签自动显示超出数量

以上就是本文的全部内容了,不知道你学会了吗?下面总结一下实现重点:很多时候,CSS并没有直接的实现方式,需要“绕”点弯路CSS计数器可以实现数字累加CSS滚动驱动动画可以检测元素是否在可视范围之内CSS滚动驱动动画还能检测元素是否内容超出计数累加器可以放在滚动驱动动画中,这样在动画触发时也就相当于计数器生效了,这样就能统计可视区的标签数量了样式查询只能匹配到子元素,但是用子元素会受到mask遮罩的影响负margin可以借助前一个元素来隐藏后一个元素。

2024-06-04 08:45:38 7

转载 Vue项目Nginx子目录部署

生产环境中Vue项目我们一般会部署在域名的子目录下,在了解如何部署时我们先了解下Vue构建相关的基础知识。Vue CLI目前已经处于维护状态,一般老项目可能还在用它来开发,Vue CLI打包时基于。,如果想在Nginx中指定前缀访问静态资源和文件,需要在打包构建时配置。中进行修改,指定base配置即可,这里我们指定了。目录下找名为hwc的目录,以及该目录下的文件.目前是Vu3主流构建工具,打包配置我们可以在。,也就是说所有的静态资源都会带上该前缀。在Nginx配置中,我们加了一项。

2024-06-04 08:45:19 10

转载 免费申请HTTPS证书六大方法

ohttps.com提供了类似于acme.sh的功能,不过提供了友好的管理界面,可申请Let's Encrypt免费通配符类型证书,还提供了证书吊销、到期前提醒、自动更新、自动部署功能。acme.sh是一个知名的用于申请Let's Encrypt证书的开源项目,项目地址:https://github.com/acmesh-official/acme.sh,也是属于脚本类型,有比较详细的文档,支持自动化更新和自动化部署。• 免费通配符证书:支持Let's Encrypt的通配符类型证书。

2024-06-04 08:45:00 18

转载 压力测试工具Jmeter的下载与使用

3、根据不同系统下载相应版本的Jmeter压缩包,Linux系统下载tgz那个压缩包,Window系统下载zip压缩包(我这里用Window版来做示范)(2)填写线程组的名称,设置线程数(线程数就是并发的用户数量)、执行时间、执行次数,图里我设置了20000的并发数。(8)完成系统变量的配置后即可点击bin目录下的jmeter.bat脚本来启动Jmeter。(5)新建变量名为JMETER_HOME的系统变量,变量值为Jmeter的路径。(6)新建变量名为classpath的系统变量,变量值为。

2024-06-04 08:44:39 12

转载 Driver.js 轻量级、互动式的功能引导效果!

Driver.js 是一个强大的工具,用于创建互动式的用户引导,帮助用户快速了解和使用网页或应用的功能。通过简单的配置和灵活的步骤定义,开发者可以轻松地在项目中集成用户引导,提高用户体验和满意度。

2024-06-04 08:44:14 8

转载 ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?

includes()方法用来判断一个数组或字符串中是否包含一个指定的值如果包含返回true,否则返回false。是async声明的函数,async函数是构造函数的实例,其中允许使用await关键字。如果你想要添加新的属性,并且在上一行已经使用了尾后逗号,你可以仅仅添加新的一行,而不需要修改上一行padStart()用另一个字符串填充当前字符串。padEnd() 方法会用一个字符串填充当前字符串(如果需要的话则重复填充)。在Promise结束的时候,不管是结果是resolved还是rejected,都会调用。

2024-06-04 08:43:46 4

转载 开发阶段!跨域问题多种解决方案的精华总结

以上是一些常见的方式,但请注意谨慎使用,并仅在合适的环境下操作。突破浏览器安全限制是不被推荐的做法,因为这些限制是为了保障用户和网站的安全。绕过这些限制可能引入潜在的安全风险。然而,有时候在开发和调试阶段,我们可能需要临时禁用浏览器的安全限制。特别注意,在生产环境中,应该通过合适的方式(如 CORS 配置)来解决跨域问题,而不是绕过浏览器的安全限制。

2024-06-04 08:43:25 42

转载 开源图片 & 海报编辑器工具

事情是这样的,前不久看到一个国产的开源 canvas 2d 框架(leaferjs)做的非常棒,于是就跃跃欲试,打算用这个框架搞点什么,于是最终决定搞一个开源的在线的图片 & 海报编辑器,肝了一个月算是搞好了。目前 AI 功能只加了一个 AI 抠图,想要扣什么内容就使用鼠标点击哪里,可以扣各种元素,因为是免费的,所以抠图的效果不是很好,如果有高要求的小伙伴可以尝试使用第三方的抠图服务。为了方便用户快速的制作图片,我参考 PS 的习惯,添加了很多快捷键,快捷键说明可以点击左下角的图标进行查看。

2024-06-04 08:42:52 8

转载 JS的这些新特性,你都用过么?

这个方法让我们可以在所有的Promise都得到解决之后,无论是fulfilled还是rejected,都可以获得每一个Promise的结果。可选链让我们能够以安全的方式访问嵌套对象的属性,避免因为中间某个属性不存在而抛出错误。方法让我们可以更容易地替换字符串中的所有匹配项,而不仅仅是第一个匹配项。对象允许您保持对另一个对象的弱引用,而不会阻止该对象被垃圾回收。BigInt是一种新的数值类型,让我们可以安全地操作大整数。对象允许您在对象被垃圾回收时执行一些清理工作。关键字,简化了异步导入和操作的代码逻辑。

2024-06-04 08:42:30 4

转载 Vue3 + Vite + TypeScript 项目搭建总结

最后就可以在页面使用 element 组件啦~至此一个完整的 vue3+vite+ts 项目就搭建完成了,还有待完善,包括 vite 配置还有很多优化的地方,易用性组件等,等下期一起整理哦。node 版本>=12.0.0,这边建议直接更新到 16+(我本地的是最新的 v20.11.1)文件,复制以下代码,测试一下路由跳转。,版本错误的话无法使用路由进行跳转。此时可以在 src 目录下新建一个。路由配置成功,页面跳转成功。:在.vue 文件增加。:vue3 最好安装。

2024-06-04 08:42:13 10

转载 CSS数学函数:calc、min、max、clamp

介绍了一些最受欢迎的CSS数学函数。讨论CSS数学函数的话题,以实现各种布局结果。例如,如何使用几行CSS创建响应式容器,如何添加自适应填充,以及如何使侧边栏真正像侧边栏一样运作。

2024-06-04 08:41:55 4

转载 Vue深度选择器 ::v-deep、 :deep()

deep()是一个伪类,它可以使处在scoped样式中的选择器影响到子组件。使用scoped后,父组件的样式将不会渗透到子组件。不过,子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响。这样设计是为了让父组件可以从布局的角度出发,调整其子节点根元素的样式。

2024-06-04 08:41:33 117

转载 ES7~ES12中重要的核心语法

提供了这样的一种方法:当一个在注册表中注册的对象被回收时,请求在某个时间点上调用一个清理回调。在ES7中,我们可以通过includes来判断一个数组中是否包含一个指定的元素,根据情况,如果包含则返回 true,否则返回false。方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。将一个对象转换成 entries,那么如果我们有一个entries了,如何将其转换成对象呢?在之前我们希望获取JavaScript环境的全局对象,不同的环境获取的方式是不一样的。

2024-06-04 08:41:17 6

转载 纯 CSS 检测文本是否溢出

CSS 就是这么神奇,将两个几乎不相关的特性组合起来,就能实现完全不一样的功能,这可是在其他语言中做不到的,简单回顾一下CSS检测代码.content{/*注意溢出方向*/from,to {/*滚动驱动动画*//*查询溢出状态*/是不是非常容易,几乎是无侵入式的,下面总结一下本文重点要实现文本溢出检测,需要用到两个新特性,CSS滚动驱动动画和CSS样式查询CSS滚动驱动动画可以检测出容器是否可滚动,也就是溢出,即使是在超出隐藏的情况下。

2024-06-04 08:41:01 18

转载 CSS 实现从上到下从左到右的列表布局

一个非常实用的布局小技巧,你学到了吗?下面总结一下正常网页中的列表都是从左到右,从上到下的,但有时候也会碰到从上到下,从左到右的grid布局可以实现m*n的网格布局grid布局可以通过,改变网格的排列方式grid布局无法自动改变纵向的数量,让整个表格尽可能等分,需要借助一点点JScolumns布局可以直接实现从上到下,从左到右的布局布局还是尽量通过CSS实现比较好。

2024-06-04 08:40:27 21

转载 PC端网站扫码登录是如何实现的

上面我们介绍了关于如何实现PC端扫码登录的功能,整体流程分为了四个步骤。第一步、二维码的生成(包括随机登录标识等情况);第二步、前端登录检查实现;第三步、移动端调用服务器进行用户状态调整;第四步:超时或者是异常处理。当然这些操作在单机状态下实现起来都没有问题,但是在分布式、高并发情况下需要考虑的内容就比较多了。希望读者可以有所区别。

2024-06-03 09:06:17 5

转载 监听网络状态

有些时候需要监听或者判断用户的网络状态,从而提醒用户,或者根据网络状态在业务中做一些其他的逻辑处理,比如提示用户网络状态或者提示用户等待时长等。具体请参考官方https://developer.mozilla.org/zh-CN/docs/Web/API/NetworkInformation。注意:有些NetworkInformation对象中的一些属性并不能代表用户的真实网络,但是还是具有一些参考价值的。

2024-06-03 09:05:32 6

转载 JS 分片任务的高阶函数封装

通过本篇文章我们可以学习到什么?API的用法浏览器的渲染原理分片高阶函数的封装。

2024-06-03 09:03:50 5

转载 ES2024 新鲜出炉的 JS 特性先睹为快!

除了前文提及的若干新版功能之外,ES2024 还在正则表达式和 Buffer(二进制缓冲区)方面推陈出新。提案正确格式的 Unicode 字符串提案数组分组提案正则表达式v标志提案提案ArrayBuffer 转换提案可调整大小的 ArrayBuffers 提案粉丝请注意,上述代码中,带()括号后缀的表示方法或函数,否则表示数据属性或访问器属性。后面这几个提案相对小众,但尤其在 Node 等服务端开发或前端插件生态中,也有不可或缺的用武之地,相关技术细节请进阶阅读 MDN 电子书或 ES 语言说明书。

2024-06-03 09:01:42 59

转载 有了这 5 个方法,轻松处理异步任务

在 JavaScript 中,许多操作都是异步的,比如发起网络请求、读取文件、定时器等。Promise 提供了一种更加结构化和易于理解的方式来处理异步操作,使得异步代码更加清晰易读,避免了回调地狱的问题。本文我将介绍 Promise 对象上 5 个非常有用的方法,掌握这些方法之后,可以让你更好地解决工作遇到的一些异步问题。

2024-06-03 08:59:39 2

转载 总结 Vue 中常用的4种高级特性!

props: {

2024-06-03 08:57:58 5

转载 Vite为什么比Webpack快

Vite在本地能更快的根本原因,是借用了浏览器原生ESM能力,从而跳过了生成bundle的时间,再加上能够不依赖第三方插件将编译结果缓存,而且esbuild自身的也有着更快的运行速度,从而实现了Vite快速的冷启动。

2024-06-03 08:57:04 9

转载 【无标题】

console占位符描述%cCSS样式占位符,值就是CSS样式,如下示例,可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如,console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字:Foo 01。%s打印字符串。%f打印浮点数。支持格式化,比如 console.log("Foo %.2f", 1.1) 会输出两位小数:Foo 1.10image.png。

2024-06-03 08:56:23 8

转载 【无标题】

在迭代图床应用时,需要用到图片压缩,在之前分享了使用 UPNG.js 压缩 PNG 图片[1],这里记录分享一下如何处理 JPG 图片。搜罗调研了一圈,JPG 图片的处理,基本都是围绕 canvas 展开的。掘金:前端实现图片压缩技术调研[2]相关开源库(近期还有迭代维护的):Compressor.js[3],browser-image-compression[4]。JavaScript 图像压缩工具。使用浏览器原生的实现压缩,有损压缩异步,在不同的浏览器压缩效果有所出入。

2024-06-03 08:54:46 5

转载 前端接口防止重复请求实现方案

到这里,整个的需求总算是完结啦!不用一个个接口的改代码,又可以愉快的打代码了,nice!Demo地址[1]

2024-06-03 08:44:28 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除