自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 资源 (1)
  • 收藏
  • 关注

原创 JavaScript 数组

reduce()

2023-12-05 16:42:41 56 1

原创 实用的javaScript API

API 在 JavaScript 中用于异步监视目标元素与其祖先元素或顶级文档视窗(viewport)的交叉状态。API 在 JavaScript 中用于监控元素尺寸的变化。这对于响应式设计特别有用,比如在元素大小变化时调整布局或功能。时,可以提供一个选项对象来定制其行为。2.停止观察:如果不再需要观察变化,可以使用。方法来停止监视某个特定元素,或者使用。方法停止观察一个元素,或者用。方法来指定要监视的目标元素。2. 设置选项:在创建。方法来停止监视所有元素。

2023-12-01 11:54:51 80 1

原创 vue 与elementui时间样式的修改踩坑流程

您可以直接在全局 CSS 文件中覆盖 Element UI 的默认样式。在 Vue 中使用 Element UI 时,修改时间选择器的样式通常涉及到自定义 CSS。: 如果您需要根据某些条件动态更改样式,可以在计算属性或方法中设置样式并绑定到元素上。: 对于简单的样式修改,您可以直接在模板中使用内联样式。选择器来覆盖 Element UI 组件的样式。: 在 Vue 单文件组件中,您可以使用。

2023-12-01 11:31:37 559 1

原创 Nuxt配置主题

* 亮色主题的样式 *//* 暗色主题的样式 */

2023-10-27 09:23:54 356 1

原创 Nuxt配置vuex-persistedstate 和 localforage 实现持久化

中已经完全恢复再初始化 Vuex 状态。这通常需要在 Nuxt 的。是异步的,确保在应用初始化时,状态从。创建一个插件文件,如。

2023-10-26 18:54:39 540 1

原创 Nuxt项目如何搭配webworker开发流程

中,扩展 Webpack 配置以使用。

2023-10-26 18:45:21 467 2

原创 IOS 和 安卓 h5 兼容性

1. 问题:window.open 打开网页,ios 不行。android可以, 解决:用window.location.href。

2023-10-11 18:43:25 202 1

原创 项目配置git代码提交规范

1.安装npm i cz-customizable --save-dev2.配置package.json:3.根目录下创建// 可选类型types:[{ value: 'feat', name: 'feat: 新功能'},{ value: 'fix', name: 'fix: 修复'},{ value: 'delete', name: 'delete: 删除'},],// 步骤type: '提交的类型',customScope: '修改的范围(可选)',

2023-10-10 17:08:51 388 1

原创 配置vscode格式化代码

在 VS Code 中,你需要安装 Prettier 插件,以便编辑器能够识别并应用项目中的 Prettier 配置。打开 VS Code,点击左侧侧边栏中的 "扩展" 图标,然后搜索并安装 "Prettier - Code formatter" 插件。首先,确保你已经创建了一个 React 项目,并在项目中安装了 Prettier 作为开发依赖。文件中,你可以定义 Prettier 的代码格式化规则。),然后点击右上角的 "打开设置 (JSON)" 链接,以打开。文件中保存你的设置。

2023-10-08 16:26:55 1020 1

原创 google登录案例和apple登录案例

callback: _this.handleCredentialResponse,//回调函数。useAppleAuthUI: true, // 是否使用 Apple 的原生 UI。response_type: 'code id_token', // 授权类型。state: 'anti-forgery-token', // 防伪标记。response_mode: 'form_post', // 响应模式。scope: 'name email', // 请求的用户权限。// 主要就是填写client_id。

2023-09-25 17:54:32 4882 1

原创 使用html2canvas与tailwindcss冲突 避坑指南

是一个功能丰富的工具类 CSS 框架。是一个根据 DOM 结构生成画布的库,而。可能会遇到一些问题,因为。

2023-09-25 16:08:47 472 1

原创 websocket复杂应用的优化和性能方向的建议

如果用户打开多个标签页的时候,闲置后台的网页,那么你应该减少js计算内存,以及一些重复渲染问题,把发过来的数据return掉。当闲置变前台时候那么你应该放开return,即使更新数据。复用单一连接减少了对服务器的并发连接数量,这可以降低服务器的负担,并确保其他用户也能得到良好的服务。复用现有的连接避免了重复的握手,从而减少了网络延迟和服务器的计算负担。:如果连接意外中断,只需要重新建立一个连接,而不是多个。:避免多个连接上的重复数据传输,可以降低总的网络流量。

2023-09-25 15:57:53 1065 1

原创 优化pc网站性能的多个方向

优化 PC 网站的性能是关键,因为用户期望页面快速、响应迅速,而搜索引擎也更喜欢性能好的网站。

2023-09-25 15:46:00 137 1

原创 使用webWorker指南与避坑

使用 Web Workers 可以在浏览器中执行并行任务,而不会阻塞主线程,从而改善页面性能和用户体验。但是,使用 Web Workers 也有其挑战和潜在的问题。

2023-09-25 15:37:27 785 1

原创 vue 预加载prerender-spa-plugin 避坑指南

5.预渲染的主要目的是提高SEO和首屏加载性能,但不应完全依赖它来呈现内容。确保SPA仍然可以在没有预渲染的情况下正常工作。4.如果页面内容是异步加载的,例如使用Ajax,确保使用。1.需要权限的路由。那么预加载是访问不了的。配置项来等待内容完全加载后再进行预渲染。2.写全局路由守卫的时候,不要阻塞。3.在预渲染的HTML中设置。,以避免出现字符编码问题。

2023-09-25 15:32:11 418 1

前端:学习MYSQL的基础应用的一些笔记。

1.MySQL数据库概要 2.SQL语句的分类 3.数据库约束 4.多表查询

2022-02-25

空空如也

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

TA关注的人

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