logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Git Bash 上下箭头不生效的解决方案 --- windows解决方案

关于windows 使用 Git Bash 上下箭头不生效有两种解决方法:① 使用数字键盘进行选择对应的选项值:你这里可以输入数字 2 ,然后回车,表示你要选择第 2 个。当然这不是我们最好的处理方式,如果好几个选项每次都要去数一下想要选择的为第几个不是很苦逼…② 使用命令行或者直接更改bash.bashrc第一种:使用命令行的方式创建项目工程,如:之前你使用vue create hello-wo

Git Bash 上下箭头不生效的解决方案 --- windows解决方案

关于windows 使用 Git Bash 上下箭头不生效有两种解决方法:① 使用数字键盘进行选择对应的选项值:你这里可以输入数字 2 ,然后回车,表示你要选择第 2 个。当然这不是我们最好的处理方式,如果好几个选项每次都要去数一下想要选择的为第几个不是很苦逼…② 使用命令行或者直接更改bash.bashrc第一种:使用命令行的方式创建项目工程,如:之前你使用vue create hello-wo

用windows终端命令删除node_modules用windows终端命令删除文件夹

安装npm install -g rimraf使用cd xxx[include node_modules folder]rimraf nod_modules参考:http://blog.csdn.net/crper/article/details/50458369

#windows
css 高度从 0 到 auto 的动画效果 `interpolate-size: allow-keywords`

CSS中transition: height .5s对固定高度元素有效,但对height:auto无效。针对这种情况,可以使用interpolate-size: allow-keywords属性来实现高度从0到auto的平滑过渡效果。文中还提供了一个CodePen示例,展示了如何实现这种动画效果。

#css#前端
`<meter> ` 元素 无需 JavaScript/CSS 实现密码强度提示

【摘要】HTML5的<meter>元素可以轻松实现密码强度提示功能,无需JavaScript或CSS。只需合理设置min、max和value属性,浏览器会自动渲染出带颜色指示的强度条。文中通过CodePen示例展示了一个简单的密码强度检测器,当输入密码时,<meter>会根据输入长度动态显示强度变化(弱/中/强),这种原生方案既简洁又高效。

#javascript#css#开发语言
在 JavaScript 中获取数组最后一项的技巧

两种JavaScript获取数组末位元素的方法:1)使用解构赋值提取length属性并计算末位索引;2)直接使用Array.prototype.at()方法传入-1作为参数。后者更简洁直观,是ES2022新增特性。两种方法都能正确输出结果3。

#javascript
javascript 国际化方法

JavaScript 的 Intl API 提供了国际化格式化功能,支持数字、货币、日期和相对时间的本地化处理。通过指定地区参数(如'en-US'、'de-DE'),可以自动按当地习惯格式化内容:数字添加分隔符(12,345.678或12.345,678)、货币显示对应符号($12,345.68或¥12,346)、日期采用本地格式,还能智能转换相对时间(如"yesterday"

#javascript
Vue → React/Next.js 思维对照表

Vuex/Pinia 的 store → React 的 Context + Hooks,或第三方(Zustand/Redux)。Vue 的 指令系统 (v-if, v-for, v-model) → React 全部变成 JS 表达式 + state。Vue 的 单纯前端框架 → Next.js 是 全栈框架(前端 + API + SSR + 部署一体化)。Vue Router 的 显式配置 →

#javascript#vue.js#react.js
使用 `matchMedia()` 方法检测 JavaScript 中的媒体状态

摘要: window.matchMedia() 是用于检测和监听 CSS 媒体查询的 JavaScript API,可动态判断屏幕尺寸、方向等条件。通过传入媒体查询字符串(如 (max-width: 768px)),返回的对象包含属性 .matches(是否匹配)和方法 .addEventListener()(监听变化)。典型应用包括响应式设计增强、按需加载资源及深色模式检测。示例展示了如何用 J

#javascript#媒体#开发语言
不使用 Javascript 的情况下创建可折叠面板:`::marker`伪元素

用纯CSS实现可折叠面板,无需JavaScript。通过details和summary标签配合::marker伪元素,实现面板展开/收起时图标切换:默认显示"👉",展开时变为"👇"。这种方式简洁高效,适用于现代浏览器,展示了CSS的强大功能。

#前端#css#html
    共 20 条
  • 1
  • 2
  • 请选择