随笔分类 -  web前端

摘要:Node.js 版本管理工具用于帮助开发者在不同项目中灵活切换 Node.js 和 npm 版本。常见的工具有 nvm、n、nvs、fnm 和 Volta。以下是它们的优缺点、常用命令及对比总结。 nvm (Node Version Manager) 优点: 支持 macOS 和 Linux。 可以 阅读全文
posted @ 2024-09-18 10:27 _zhiqiu 阅读(2388) 评论(1) 推荐(1) 编辑
摘要:在上一篇中,我们详细介绍了如何在 Windows 上搭建 Tauri 开发环境,包括安装所需的依赖项、配置开发工具以及处理常见的问题。 这为我们顺利开始 Tauri 开发提供了坚实的基础。 在本章中,我们将更进一步,学习如何创建一个全新的 Tauri 项目,并探讨如何将 Tauri 集成到一个已经存 阅读全文
posted @ 2024-09-13 15:09 _zhiqiu 阅读(271) 评论(0) 推荐(0) 编辑
摘要:Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架,同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。 Tauri 使用 Microsof 阅读全文
posted @ 2024-09-11 08:39 _zhiqiu 阅读(331) 评论(0) 推荐(0) 编辑
摘要:## 什么是 Volta `Volta` 是一种管理 JavaScript 命令行工具的便捷方式。 `volta` 的特点: - 速度 - 无缝,每个项目的版本切换 - 跨平台支持,包括 Windows 和所有 Unix shell - 支持多个包管理器 - 稳定的工具安装-无需每次升级都重新安装! 阅读全文
posted @ 2023-09-08 09:50 _zhiqiu 阅读(2254) 评论(7) 推荐(9) 编辑
摘要:## 题目 > 来源:力扣(LeetCode) > 链接: 给出由小写字母组成的字符串 S,重复项删除操作会选择两个相邻且相同的字母,并删除它们。 在 S 上反复执行重复项删除操作,直到无法继续删除。 在完成所有重复项删除操作后返回最终的字符串。答案保证唯一。 示例: 输入:"abbaca" 输出: 阅读全文
posted @ 2023-05-30 17:39 _zhiqiu 阅读(47) 评论(0) 推荐(0) 编辑
摘要:前言 圈复杂度(Cyclomatic Complexity)是一种代码复杂度的衡量标准。它可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立现行路径条数,也可理解为覆盖所有的可能情况最少使用的测试用例数。圈复杂度大说明程序代码的判断逻辑复杂,可能质量低且难于测试和维护。程序的可能错误和高的圈复 阅读全文
posted @ 2023-02-24 11:16 _zhiqiu 阅读(1314) 评论(0) 推荐(0) 编辑
摘要:概述 在播放视频和图片的时候,为了保持其内容不变形,就需要保持容器的固定宽高比 实现方法 1、使用新 css 属性 aspect-ratio <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2022-10-24 19:14 _zhiqiu 阅读(65) 评论(0) 推荐(0) 编辑
摘要:发现问题 两个inline-block元素之间的间隔。如下图 期望 消除两个inline-block元素之间的间隔。 解决方法 1、父元素字体大小设置为0 间隔的形成是非元素标签形成的 /** 方案1,父元素字体大小设置为0 */ .wrap-font { font-size: 0; /*解决谷歌浏 阅读全文
posted @ 2022-10-19 19:41 _zhiqiu 阅读(218) 评论(0) 推荐(1) 编辑
摘要:问题描述: 监听文本输入框的input事件,在拼写汉字时会触发input事件,如下图: 需求: 选词完成后触发input事件,只触发一次。 解决办法: 通过查阅资料得知在输入中文(包括语音识别时)会先后触发compositionstart、compositionupdate、compositione 阅读全文
posted @ 2022-10-19 17:12 _zhiqiu 阅读(1065) 评论(0) 推荐(0) 编辑
摘要:原文地址:The Unicode Blog: Announcing The Unicode® Standard, Version 15.0 Unicode 标准版本 15.0 现已推出,包括核心规范、附件和数据文件。此版本增加了 4,489 个字符,使总数达到 149,186 个字符。这些新增功能包 阅读全文
posted @ 2022-09-16 14:28 _zhiqiu 阅读(192) 评论(0) 推荐(0) 编辑
摘要:使用verdaccio+docker搭建npm私有仓库以及使用公司内部前端组件或库的共享等,搭建一个npm私有库就很方便,现在中大型公司也基本都有自己的npm私有库,这篇文章,和大家一起共同搭建一个npm私有库,共同学习 前置条件 一台电脑 可以联网 一、安装docker 使用的windows版本的 docker Desktop, 可以直接去 docker D 阅读全文
posted @ 2022-09-06 17:28 _zhiqiu 阅读(921) 评论(0) 推荐(0) 编辑
摘要:1、前言 接手公司的某个项目已经两年了,现在每次启动项目都接近1分钟,hmr也要好几秒的时间,but vite2发布之后就看到了曙光,但是一直没有动手进行升级,昨天终于忍不住了,升级之后几秒钟就完成了。 2、开始升级 注:只是升级了开发环境,打包依旧是webpack(也试过打包也用vite,但是打包 阅读全文
posted @ 2021-09-13 09:28 _zhiqiu 阅读(1271) 评论(2) 推荐(1) 编辑
摘要:关于在vue3.0中使用ssr/ssg渲染时出现Custom directive is missing corresponding SSR transform and will be ignored.错误的修复。 yarn add -D patch-vue-directive-ssr 阅读全文
posted @ 2021-09-01 10:19 _zhiqiu 阅读(671) 评论(0) 推荐(0) 编辑
摘要:前言 相信使用过 vueCli 开发项目的小伙伴有点郁闷,正常开发时会有三个接口环境(开发,测试,正式),但是 vueCli 只提供了两种 development,production(不包含 test-单测)模式。其实这是小伙伴们没有理解 vueCli 文档所导致的。 vueCli 命令中 --m 阅读全文
posted @ 2021-08-19 10:59 _zhiqiu 阅读(1126) 评论(0) 推荐(1) 编辑
摘要:数组(列表)、栈、队列和链表这些顺序数据结构对你来说应该不陌生了。现在我们要学习集合,这是一种不允许值重复的顺序数据结构。我们将要学到如何创建集合这种数据结构,如何添加和移除值,如何搜索值是否存在。你也会学到如何进行并集、交集、差集等数学运算。 本章内容包括: 从头创建一个 Set 类 用 Set 阅读全文
posted @ 2021-05-12 10:15 _zhiqiu 阅读(759) 评论(0) 推荐(1) 编辑
摘要:jenkins的安装 Jenkins是一款开源 CI&CD 软件,用于自动化各种任务,包括构建、测试和部署软件。 Jenkins 支持各种运行方式,可通过系统包、Docker 或者通过一个独立的 Java 程序。 安装 这里的操作系统为WSL Ubuntu,其它系统的安装的请参考jenkins官方文 阅读全文
posted @ 2021-05-10 08:45 _zhiqiu 阅读(4830) 评论(2) 推荐(5) 编辑
摘要:概念和使用 作为开发者,我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的HTML(以及相关的样式和脚本),有时您不得不写代码来呈现自定义UI控件,并且如果您不小心的话,多次使用它们会使您的页面变得一团糟。 Web Components旨在解决这些问题 阅读全文
posted @ 2021-02-02 13:56 _zhiqiu 阅读(756) 评论(0) 推荐(0) 编辑
摘要:安装 npm i -g yarn 使用 常用命令 yarn add package // 安装依赖 yarn global add package // 全局安装依赖 yarn add package -D // 安装开发依赖 yarn remove package // 移除依赖 设置yarn国内 阅读全文
posted @ 2020-09-09 11:06 _zhiqiu 阅读(819) 评论(0) 推荐(0) 编辑
摘要:原理 创建两个div嵌套在一起 外层的div设置固定宽度和overflow:scroll 滚动条的宽度=外层div的offsetWidth-内层div的offsetWidth 实现代码 /** * 获取滚动条的宽度 */ getScrollWidth() { const scroll = docum 阅读全文
posted @ 2020-07-21 11:48 _zhiqiu 阅读(790) 评论(0) 推荐(1) 编辑
摘要:在vue.config.js中添加下面的代码即可 1 // vue-cli version > 3 2 modeule.exports = { 3 configureWebpack: config => { 4 if (process.env.NODE_ENV "production") { 5 c 阅读全文
posted @ 2020-07-11 17:08 _zhiqiu 阅读(1172) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示