
前端
文章平均质量分 66
Roc.Chang
努力保护头发并持续卷的 Full Stack !! - Roc
展开
-
JavaScript 判断字符串是否包含子字符串的几种方法
在 JavaScript 开发中,判断字符串是否包含子字符串是常见需求。本文总结了多种实现方法,包括 `includes()`、`indexOf()` 和正则表达式等,覆盖从简单到复杂的场景,帮助开发者快速掌握不同技巧,编写更高效的代码。原创 2024-11-27 21:51:46 · 839 阅读 · 0 评论 -
Ant Design Vue 使用 Modal.confirm() 方式点击确认或取消无法关闭
解决 Ant Design Vue 使用 Modal.confirm() 方式点击确认或取消无法关闭的问题原创 2024-08-19 23:43:06 · 1958 阅读 · 0 评论 -
TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations.
【报错原因】:`typescript` 只能理解 `.ts` 文件,无法理解 `.vue`文件。 推荐 VSCode + Volar 或 WebStorm 方案原创 2024-01-09 18:13:24 · 9912 阅读 · 2 评论 -
CSS 小技能(一):HTML 两个图片竖着平铺、设置图片点击、设置滚动条颜色
下面的代码没有考虑**响应式**的效果,如果考虑的话还需要一些代码进行处理。【注】当时写的时候仅考虑了 `webkit` 内核的浏览器,如果是 `IE` 或者其他浏览器,请增加额外的 `CSS` 样式进行控制。原创 2023-08-21 18:20:19 · 1080 阅读 · 0 评论 -
nvm 安装 Node 报错:panic: runtime error: index out of range [3] with length 3
这是一个小小的 bug,目前已经在 `1.1.11` 版本中被修复了。原创 2023-07-22 09:38:12 · 1704 阅读 · 0 评论 -
SyntaxError:Unexpected end of JSON input while parsing near xxxxx 报错及解决
下载依赖包的时候出现了问题,可以按照下面的方式进行尝试解决:方法一:设置为国内镜像源;方法二:清除缓存,重新 install;方法三:大概率是版本不匹配,切换下 node 的版本。原创 2023-06-05 11:55:08 · 1538 阅读 · 0 评论 -
uniapp 开发微信小程序踩坑:TypeError: Cannot read property ‘FormData‘ of undefined
UniApp的H5端已经正常使用,现在打算兼容微信小程序。刚开始的时候以为是`微信小程序`兼容性或者是 `uniapp` 兼容性的问题,但是去了 `axios` 的 `GitHub` `issue` 中去搜索,结果发现了有人遇到了同样的问题。啊,,这,,看样子这三者都有各自的问题呀。原创 2023-03-18 21:47:08 · 3657 阅读 · 0 评论 -
Vue 当输入框 type=“number“ 时去掉浏览器的加减按钮和鼠标滚轮事件
【注】- 虽然使用的是 `Vue + Ant Design` 框架,但是对于原生的 `HTML + JavaScript` 也是有效的,毕竟 `VUE `只是一个 `JS` 前端框架。- `onmousewheel` 已过时。不推荐使用 `onmousewheel` 属性,而应使用 `onwheel` 属性( `HTML5` 的新属性);`Vue` 中对应的则是使用 `@wheel`,而不是 `@mousewheel` 。原创 2022-03-30 23:58:46 · 3607 阅读 · 0 评论 -
JQuery 使用技巧(二): 为动态添加的子元素添加点击事件
现在有这样的一个需求:动态生成列表(使用的是 `ul`),并且每一项(`li`)里面都有一个 “`详情`” 按钮,现在需要实现点击按钮,然后弹窗并通过 `id` 显示详情。 1. JS 原生:每个按钮都添加一个 onclick 2. JQuery:通过 on 添加事件监听. `JQuery` 提供的 `click` 函数只能为 `document` 初始化完成前已经存在的元素添加点击事件。这个时候可以通过使用 `on` 函数来注册事件原创 2021-11-23 00:50:47 · 6096 阅读 · 0 评论 -
JQuery 使用技巧(一):判断元素是否显示与隐藏
最近要做一些关于 SSM 项目的需求,项目是前后端不分离的,从去年上半年学习了 Vue 2 之后现在也一直再使用 VUE,近期才刚入手 VUE 3,确实变化还是挺多的,还需要慢慢的花时间去整理与沉淀。刚接手项目的前端使用的是 JQuery,好久不写 JQuery 现在写起来还是有 VUE 的思想;习惯了之后发现 JQuery 也还是挺有乐趣的,当然肯定不如 VUE 香呀!!!目前整理的主要要两种方式,其实都是 is() 函数的使用:第一种方式var element=$('#id');if(e原创 2021-11-16 00:03:12 · 4597 阅读 · 0 评论 -
WebStorm 中 VUE 设置 alias.config.js 别名后,点击 @/utils/request @/router/ 时不能跳转到指定文件
刚开始学习 VUE 时遇到的问题,一直没有整理,所以这一次补上。环境:`WebStorm`:`2020.1.2` ,额,一直用的是旧版本的,不敢升级(你懂得),所以不知道新版本是不是不用配置也可以用。# 1. 配置 alias.config.js根据添加 `alias.config.js` 文件,并包含下面的内容:原创 2021-10-15 00:12:01 · 2997 阅读 · 0 评论 -
Yarn、NPM 与 PNPM 命令的对比使用【不定期更新】
Yarn、NPM 与 PNPM 命令的对比使用【不定期更新】原创 2020-12-23 11:14:06 · 592 阅读 · 1 评论 -
UniApp 输入框防止输入空格
UniApp 的 input 标签虽然提供了@input事件,但是仅仅是小程序能使用,所以在这里使用了原生的 onkeypress 事件来避免空格的输入。解决方法:<input class="uni-input" onkeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" v-model="password" type="text" name="password" :password="原创 2020-10-07 16:02:36 · 9682 阅读 · 4 评论 -
快速解决 vue 项目 build 打包之后出现源代码的问题
浏览器通过按F12 然后打开控制台,点击 Source ,再点击 webpack:// ,点击相应的 vue 文件,竟然发现了 vue 的代码竟然完全显示出来了,啊这。。。。好吧,有点坑了,而且官方的文档中也没有说(或许我自己太菜了)。其实这样是为了方便前端程序员在正式环境调试用的,默认是开启的,在 vue 的学习官网没有过多的介绍,因为使用的是 vue-cli 进行打包,所以在 vue-cli 文档中有介绍,具体查看 https://cli.vuejs.org/zh/config/#productio原创 2020-09-30 09:52:44 · 4445 阅读 · 0 评论 -
解决 Nginx 部署 Vue 项目路由出现 404 的问题
代码如下:server { listen 80; server_name example.com; location / { root /home/example/dist; try_files $uri $uri/ @router; # 配置使用路由 index index.html index.htm; } # 路由配置信息 location @router { rewrite ^.原创 2020-06-11 16:02:15 · 5049 阅读 · 4 评论 -
在 Mac 下安装 Node 与 NPM
来友链呀: http://roc.havemail.cn/archives/188.html这里推荐使用 Homebrew 进行安装,Homebrew 是 Mac 上管理软件的神器,并且 Homebrew 会将软件包安装到独立目录,完全不影响系统环境,如果没有安装 Homebrew 请先安装,安装参考:Mac 安装 Homebrew 以及简单使用命令安装 Nodebrew sear...原创 2019-12-19 11:17:17 · 515 阅读 · 0 评论