自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 前端调用有道翻译

【代码】前端调用有道翻译。

2024-07-10 11:11:07 167

原创 ant-design a-select 默认值placeholder失效

a-select设置placeholder属性值,在页面显示空白,原因是你给a-select的默认值定义了'',应设置undefined。

2023-06-01 10:28:34 513

原创 启动vue3报错await import****

await import('source-map-support').then((r) => r.default.install())

2023-04-17 10:03:29 2415 1

原创 vscode 批量删除 console.log

vscode 批量删除 console.log

2023-03-21 16:13:36 411

原创 Javascript 两个对象数组 根据相同的id进行合并

【代码】Javascript 两个对象数组 根据相同的id进行合并。

2022-12-19 12:11:41 2274

原创 数组常用操作

其次,数值型的直接传递数值的参数即可。例如var arr = ["aa","bb"];arr.del(0);列了这么都就是没有发现根据下标删除数组元素的方法!于是查了一些资料找到了解决方法。删除数组元素需要扩展Array原型prototype.数值型的处理,首先的把下面的代码写出来,是对数组的扩展。一般的数组的下标都是数值型,但是也有字符型的下标。不存在返回 -1 存在返回 index。下面说一下字符型的下标。

2022-11-22 15:10:04 1253

原创 watch 怎么深度监听对象变化

deep:其值是true或false;确认是否深入监听

2022-11-14 15:51:37 2019

转载 解决VS Code使用prettier格式化插件,设置缩进为4个空格无效的问题

乎就使用了 prettier 这个一个格式化文件的插件,设置格式化之后文件的缩进还是2个空格

2022-11-10 10:30:07 2578

原创 解决Vue控制台异常:sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT

首先 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。

2022-11-10 10:28:15 981

原创 Java 第2天:第一个接口

打开 IDEA 编辑器,选择 File -> New -> Project;填写name(项目名称) Group( maven项目中的唯一坐标,可以由组织,比如 com ,和公司名称组成 )及 Artifact(项目名称,emmm我也不清楚这是个什么)第一次创建我选择了默认值点击下一步以后选择 spring web 点击创建好啦这样我们的第一个项目就搭建完成啦然后让我们来写我们的第一个接口!

2022-11-04 11:59:28 472

原创 Java 第1天:环境搭建

java开发环境配置

2022-11-04 11:22:32 1970

原创 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 1689

原创 PostCSS plugin autoprefixer requires PostCSS 8.

但是一些 PostCSS 运行者并没有发布带有 PostCSS 8 的新版本。PostCSS 8 支持来自 PostCSS 7 的插件。

2022-11-01 10:48:03 1924

原创 window.open不显示favicon.icon

在配置时添加****

2022-08-02 14:27:57 363

原创 vben切换页面不刷新内容

vben切换页面不刷新内容

2022-06-14 11:48:55 916

原创 引荐来源网址政策: 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 15572 1

原创 微信小程序

自定义小程序组件 wxml 的 slot小程序使用slot利用name属性进行插槽时(具名插槽),页面不加载元素解决办法:在组件js中加入一行代码 options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 },组件样式隔离小程序使用全局css解决办法:在组件js中加入一行代码 options: { addGlobalClass: true, },...

2022-05-05 10:58:02 134

原创 vs code编译微信小程序

官方的小程序开发工具使用起来非常难受, 尤其是长期使用vim插件的人, 使用任何编辑器或者ide必须先装vim插件, 所以总结一些使用vscode编写小程序可以提高效率的方法以及插件推荐.插件推荐minappminapp这个插件能够实现微信小程序标签、属性的智能补全, 和语法高亮, 不过要使用<去激活.wechat-snippetwechat-snippet能够提供了很多代码片段, 比如使用wx-page会初始化Page对象和对应生命周期函数. ...

2022-05-05 09:53:40 1496

原创 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 1894

原创 vue3与vue2的区别

目录data的区别钩子函数this的区别scss用法区别 data的区别 非兼容:组件选项data的声明不再接收纯 JavaScriptobject,而是接收一个function。 非兼容:当合并来自 mixin 或 extend 的多个data返回值时,合并操作现在是浅层次的而非深层次的 (只合并根级属性)。 在 2.x 中,开发者可以通过object或者是function定义data选项。<!-- Object 声明...

2022-04-03 09:51:09 1675

原创 vue3的生命周期函数

Vue2和Vue3中的生命周期钩子函数非常相似——我们仍然可以访问相同的钩子函数,并且我们仍然希望将它们用于相同的用例。但是,随着CompositionAPI的引入,我们访问这些钩子函数的方式已经改变。到本文结束时,你将了解在Vue3中使用生命周期钩子函数的新方法,并开始编写更好的代码。什么是Composition API如果你还不知道,Vue3 Composition API 附带了一个setup()方法。此方法封装了我们的大多数组件代码,并处理了响应式,生命周期钩子函数等。...

2022-04-03 09:44:24 11663

原创 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 1306

原创 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 17724

原创 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 24109 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 2313 2

原创 nvm安装node.js

1.介绍nvm 是 nodejs 的版本管理工具,可以在一个环境中同时安装多个 nodejs 版本(和配套的 npm 版本),并随时切换。好处是,开发调试不同 nodejs 应用变得更省心,随时切换所需要的版本。前提如果你之前安装了nodeJs 一定要记得删除!!! 找到你之前安装过的nodeJS路径 ,把nodeJs文件删除掉 或者打开控制面板 -> 打开程序和功能 -> 右上角搜索输入node -> 右键卸载为了确保彻底删除node在看看你的node安装目录中还有..

2022-03-30 12:45:56 16031

原创 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 7975

原创 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 1324

原创 js数据操作

js数据操作

2022-01-18 11:25:47 525

原创 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 403

原创 输入小写字母、数字、下划线

输入大小写字母、数字、下划线:<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 888

原创 内网穿透-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 228

原创 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 228

原创 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 838

原创 自动引入Vue组件和普通Js模块

如要自动引入Vue组件,首先需安装VSCode拓展: Vetur自动引入Vue组件和普通Js模块在根目录添加 jsconfig.json 。每次修改jsconfig.json后需重启该VSCode窗口{ "include": [ "./src/**/*" ],}

2021-07-13 09:19:24 340

原创 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 264

原创 public、private、protected

1、public:public表明该数据成员、成员函数是对所有用户开放的,所有用户都可以直接进行调用2、private:private表示私有,私有的意思就是除了class自己之外,任何人都不可以直接使用。3、protected:protected对于子女、朋友来说,就是public的,可以自由使用,没有任何限制,而对于其他的外部class,protected就变成private。扩展资料:三种类型的继承,父类的成员均被子类继承(之前的百科关于这点的描述是错误的),只是由类实例化的对象对其继承的成员

2021-04-25 17:03:57 268

原创 element表格自动滚动到底部

在js代码中this.$nextTick(() => { let container: any = this.$el.querySelector(".el-table__body-wrapper"); container.scrollTop = container.scrollHeight; });

2021-04-13 09:52:09 1115 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 187

原创 Web前端鼠标变小手两种实现

CSS实现方式:cursor:pointer;//鼠标变小手js实现方式:<button id="abc" class="botton_qr_download" @mouseover="changeMask(true)" @mouseout="changeMask(false)"> 二维码下载</button>//修改二维码显示状态changeMask:function(b){ if(b){ document.getE

2021-01-06 11:10:14 3130 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除