- 博客(57)
- 收藏
- 关注
RSS订阅原创 vue3 router.push进行页面跳转时 页面不会回到顶部
进行路由跳转但页面不置顶，可能的原因是你的页面容器（如。），确保它被正确定义并且不会干扰滚动到顶部的操作。如果你使用的是Vue Router的滚动行为（）或者滚动条没有正确地被重置。在Vue 3中，如果你使用。
2024-10-23 14:36:08
52
原创 ant-design a-select 默认值placeholder失效
a-select设置placeholder属性值，在页面显示空白，原因是你给a-select的默认值定义了''，应设置undefined。
2023-06-01 10:28:34
567
原创 启动vue3报错await import****
await import('source-map-support').then((r) => r.default.install())
2023-04-17 10:03:29
2543
1
原创 数组常用操作
其次，数值型的直接传递数值的参数即可。例如var arr = ["aa","bb"];arr.del(0);列了这么都就是没有发现根据下标删除数组元素的方法！于是查了一些资料找到了解决方法。删除数组元素需要扩展Array原型prototype.数值型的处理，首先的把下面的代码写出来，是对数组的扩展。一般的数组的下标都是数值型，但是也有字符型的下标。不存在返回 -1 存在返回 index。下面说一下字符型的下标。
2022-11-22 15:10:04
1437
转载 解决VS Code使用prettier格式化插件，设置缩进为4个空格无效的问题
乎就使用了 prettier 这个一个格式化文件的插件，设置格式化之后文件的缩进还是2个空格
2022-11-10 10:30:07
2735
原创 解决Vue控制台异常：sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT
首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。
2022-11-10 10:28:15
1043
原创 Java 第2天：第一个接口
打开 IDEA 编辑器，选择 File -> New -> Project；填写name(项目名称) Group（ maven项目中的唯一坐标，可以由组织，比如 com ，和公司名称组成 ）及 Artifact（项目名称，emmm我也不清楚这是个什么）第一次创建我选择了默认值点击下一步以后选择 spring web 点击创建好啦这样我们的第一个项目就搭建完成啦然后让我们来写我们的第一个接口！
2022-11-04 11:59:28
525
原创 Process ‘command ‘C:/Users/XXX/.jdks/corretto-11.0.17/bin/java.exe‘‘ finished with non-zero exit val
把build and run using 改为Intellij IDEA
2022-11-03 16:50:25
1835
原创 PostCSS plugin autoprefixer requires PostCSS 8.
但是一些 PostCSS 运行者并没有发布带有 PostCSS 8 的新版本。PostCSS 8 支持来自 PostCSS 7 的插件。
2022-11-01 10:48:03
1960
原创 引荐来源网址政策: strict-origin-when-cross-origin
提交表单发送ajax请求时，chrome 请求返回Referrer Policy: strict-origin-when-cross-origin错误，360浏览器返回 引用站点策略:no-referrer-when-downgrade，出现此类问题解决办法： 网站当前访问是使用https，而提交表单或ajax请求却使用的是http，可以归类为跨域问题。只需要将表单或ajax请求由http也修改为https即可 谷歌浏览器，输入：chrome://flags/#block-ins...
2022-05-16 16:42:55
16388
1
原创 微信小程序
自定义小程序组件 wxml 的 slot小程序使用slot利用name属性进行插槽时(具名插槽),页面不加载元素解决办法:在组件js中加入一行代码 options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 },组件样式隔离小程序使用全局css解决办法:在组件js中加入一行代码 options: { addGlobalClass: true, },...
2022-05-05 10:58:02
157
原创 vs code编译微信小程序
官方的小程序开发工具使用起来非常难受, 尤其是长期使用vim插件的人, 使用任何编辑器或者ide必须先装vim插件, 所以总结一些使用vscode编写小程序可以提高效率的方法以及插件推荐.插件推荐minappminapp这个插件能够实现微信小程序标签、属性的智能补全, 和语法高亮, 不过要使用<去激活.wechat-snippetwechat-snippet能够提供了很多代码片段, 比如使用wx-page会初始化Page对象和对应生命周期函数. ...
2022-05-05 09:53:40
1534
原创 JS判断元素到顶部并固定
JQuery当页面滚动290像素后 class为userCentLeft的元素悬浮 $(document).scroll(function () { // 滚动到上面 隐藏 $(window).scroll(function () { let top = $(window).scrollTop()//窗口滚动距离 if (top >= 290) { $('.userCentLeft').addClass('f.
2022-04-20 13:30:06
2005
原创 vue3与vue2的区别
目录data的区别钩子函数this的区别scss用法区别 data的区别 非兼容：组件选项data的声明不再接收纯 JavaScriptobject，而是接收一个function。 非兼容：当合并来自 mixin 或 extend 的多个data返回值时，合并操作现在是浅层次的而非深层次的 (只合并根级属性)。 在 2.x 中，开发者可以通过object或者是function定义data选项。<!-- Object 声明...
2022-04-03 09:51:09
1696
原创 vue3的生命周期函数
Vue2和Vue3中的生命周期钩子函数非常相似——我们仍然可以访问相同的钩子函数，并且我们仍然希望将它们用于相同的用例。但是，随着CompositionAPI的引入，我们访问这些钩子函数的方式已经改变。到本文结束时，你将了解在Vue3中使用生命周期钩子函数的新方法，并开始编写更好的代码。什么是Composition API如果你还不知道，Vue3 Composition API 附带了一个setup()方法。此方法封装了我们的大多数组件代码，并处理了响应式，生命周期钩子函数等。...
2022-04-03 09:44:24
11721
原创 vue3+vite 封装axios请求
安装axiosnpm install axios创建axios实例/utils/requestimport axios from "axios";const service = axios.create({ baseURL: import.meta.env.VITE_BASE_API as string,//接口统一域名 timeout: 6000, //设置超时 headers: { 'Content-Type': 'application/json;charse
2022-04-02 10:08:00
1325
原创 git命令推送本地到远程分支
目录git命令推送本地到远程分支1.从命令行创建一个新的仓库2.从命令行推送已经创建的仓库fetch -p 修剪远程分支Git复制已有分支到新分支开发git分支命令分支操作修改查看提交回退标签操作git命令推送本地到远程分支1.从命令行创建一个新的仓库 git init//把这个目录变成Git可以管理的仓库 git add README.md//文件添加到仓库 git add .//不但可以跟单一文件，还可以跟通配......
2022-04-02 09:25:02
19064
原创 vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录起因问题重现问题原因解决方法1. 修改 vite.config.js 配置2.通过 Vite CLI 配置3. 修改 npm 脚本起因当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。问题重现当运行npm run dev | serve命令时，会显示一下内容。> vite-vue@0.0.0 serve /...
2022-04-01 15:04:38
24561
4
原创 vite+vue3项目搭建初体验
初始化项目 创建项目 yarn create @vitejs/app <project-name># 或者npm init @vitejs/app <project-name> 此时按下回车，可以看到以下页面，博主选择的是vue-ts（上下键可以切换选择的模板），按下回车之后会给你一个配置好了typescript的vite配置模板 此时在你的项目已经创建成功啦 然后那npm i 安装依赖就可以运行了cd vite-fronte...
2022-04-01 14:47:13
2384
2
原创 nvm安装node.js
1.介绍nvm 是 nodejs 的版本管理工具，可以在一个环境中同时安装多个 nodejs 版本（和配套的 npm 版本），并随时切换。好处是，开发调试不同 nodejs 应用变得更省心，随时切换所需要的版本。前提如果你之前安装了nodeJs 一定要记得删除！！！ 找到你之前安装过的nodeJS路径 ，把nodeJs文件删除掉 或者打开控制面板 -> 打开程序和功能 -> 右上角搜索输入node -> 右键卸载为了确保彻底删除node在看看你的node安装目录中还有..
2022-03-30 12:45:56
16696
原创 es6数组排序
js数组倒序reversevar a = ["前端开发博客","专注前端开发","数组"]; //创建数组 alert(a.reverse()); //颠倒顺序并输出对象数组按属性排序一个对象数组，单个对象里某个属性是数字，需要按这个属性的数字大小升序排序。如下代码是一个对象数组按照age属性排序的方法：var str=[ {name:"a",age:50}, {name:"b",age:20}, {name:"c",age:40}, {name:"d",age:
2022-03-29 15:20:48
8022
原创 vue ts数字过长精度失真
json-bigint 安装依赖//tscnpm i --save-dev @types/json-bigint //js cnpm i json-bigint//使用 npm 安装时会报错 建议使用cnpm安装在封装axios文件里面//引入依赖import JSONbig from 'json-bigint'//解决超过 16 位数字精度丢失问题const service = axios.create({ baseURL: process.env.VUE_APP_BASE_AP
2022-02-10 13:03:44
1366
原创 es6数组去重
function newArr(arr){ return Array.from(new Set(arr))} var arr = [1,1,2,9,6,9,6,3,1,4,5]; console.log(newArr(arr))
2021-11-23 09:41:48
463
原创 输入小写字母、数字、下划线
输入大小写字母、数字、下划线：<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线：<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点<input type="text" onkeyup="value=value.repla
2021-11-12 17:28:13
944
原创 内网穿透-vue-cli
项目配置找到***vue.config.js***文件 在devServer中 添加 disableHostCheck: true, devServer: { disableHostCheck: true, }去掉懒加载 // mode: “history”const createRouter = () => new Router({ // mode: "history", // Disabled due to Github Pages doesn't su
2021-10-30 14:52:22
253
原创 element 日期选择此刻以后
<el-date-picker v-model="infoFrom.sendTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="选择日期时间" :picker-options="{ ...
2021-09-01 14:29:19
249
原创 JS 将数字字符串转为 数字数组
JS 将数字字符串转为 数字数组将字符串转化为数组主要代码：let str = '3,4,5,6'let arr = str.split(",").map(Number);console.log(arr) //结果：[3,4,5,6]将数字数组转化为字符串数组let arrs = [1, 2, 3, 4, 5, 6, 7, 8, 9];let strArr = arrs.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '
2021-07-20 16:59:54
882
原创 自动引入Vue组件和普通Js模块
如要自动引入Vue组件，首先需安装VSCode拓展： Vetur自动引入Vue组件和普通Js模块在根目录添加 jsconfig.json 。每次修改jsconfig.json后需重启该VSCode窗口{ "include": [ "./src/**/*" ],}
2021-07-13 09:19:24
382
原创 Vue防止按钮连续点击
在main.js 创建全局指令 Vue.directive('throttle', { inserted(el, binding) { el.addEventListener('click', () => { el.style.pointerEvents = 'none'; if (!el.disabled) { setTimeout(() => {
2021-07-12 17:29:19
291
原创 public、private、protected
1、public：public表明该数据成员、成员函数是对所有用户开放的，所有用户都可以直接进行调用2、private：private表示私有，私有的意思就是除了class自己之外，任何人都不可以直接使用。3、protected：protected对于子女、朋友来说，就是public的，可以自由使用，没有任何限制，而对于其他的外部class，protected就变成private。扩展资料：三种类型的继承，父类的成员均被子类继承（之前的百科关于这点的描述是错误的），只是由类实例化的对象对其继承的成员
2021-04-25 17:03:57
289
原创 element表格自动滚动到底部
在js代码中this.$nextTick(() => { let container: any = this.$el.querySelector(".el-table__body-wrapper"); container.scrollTop = container.scrollHeight; });
2021-04-13 09:52:09
1140
2
原创 element el-date-picker日期时间选择工具时间范围
页面代码<el-date-picker v-if="ifSendTime" v-model="infoFrom.sendTime" type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="选择日期时间" :pick..
2021-04-02 15:01:12
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人