- 博客(55)
- 资源 (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配置vuex-persistedstate 和 localforage 实现持久化
中已经完全恢复再初始化 Vuex 状态。这通常需要在 Nuxt 的。是异步的,确保在应用初始化时,状态从。创建一个插件文件,如。
2023-10-26 18:54:39
540
1
原创 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
原创 使用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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅