日常开发记录-springboot 程序运行出现Whitelable error page的解决方法 springboot程序运行但是利用localhost:8080访问出现Whitelable error page 可能原因:检查一下resources目录下的static目录单词有没有拼错
配置npm镜像源,安装依赖 npm login命令可以通过--registry参数来指定不同的npm仓库进行登录。 当你需要登录到特定的npm仓库时,可以使用npm login --registry=<url>命令,其中<url>是你想要登录的npm仓库的URL。例如,如果你想要登录到官方的npm仓库,你可以使用npm login命令(默认登录到官方的npm仓库,无需指定regist...
日常开发记录-axios配置请求头content-type blobTypes.json,文件下载blob类型 // 全部类型列表网址 https://www.iana.org/assignments/media-types/media-types.xhtml#application { "pdf": "application/pdf", "zip": "application/zip", "json": "application...
日常开发记录-el-table-column省略号被隐藏 问题:鼠标放在表格的列除,可以出现tooltip但是表格中的文字没有省略号... 错误效果图: 导致问题的原因:template中的需要使用span标签而不是div标签 错误代码展示: <el-table-column prop="type" label="指标" width="180" show-overflow-tooltip> <template slo...
前端面试题-常见的水平垂直居中实现方案 方案一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="...
学习-域名相关内容 什么是域名?域名的主要目的是作为您网站的地址。什么是域名系统(DNS)?这是一个分散的系统,用于存储有关哪些领域连接到哪些IP地址的信息。当用户在浏览器中输入域名时,它会检查相应IP地址的DNS,并将访问者定向到正确的页面。从这个意义上说,DNS视为Internet的一个目录。域名与虚拟主机有何不同?域名和网络托管经常混合在一起,因为许多托管服务提供商也是域名注册商,并且需要这两种服务才能启动网...
学习-ts变量声明 捕获变量怪异之处:经典面试题,var setTimeout会在若干毫秒的延时后执行一个函数(等待其他代码执行完毕)。 for (var i = 0; i < 10; i++) { setTimeout(function () { console.warn(i); }, 1); // 全是10 } for (var i = 0; i < 10; i++) { cons...
学习-ts基本类型 基本类型: * 为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。 // 布尔值 let isDone:boolean = true; // 数字 let decLiteral:number = 6; let hexLiteral:number = 0x...
学习-五分钟上手ts 网址:https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html // 函数重新实现 解决方法 在文件夹中创建tsconfig.json即可 function hello(name:string) { return 'hello' + name } // let user = [0,1,2] let user = '...
日常开发记录-子绝父相,子盒子放置在父盒子右上角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width...
日常开发记录-远程搜索下拉根据上一个表单值去动态控制必填还是非必填 当手机号中的值为123验证码必填。 手机号为非123的值非必填。 代码示例: <template> <div> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"&g...
学习-js的标准内置对象Object 标准内置对象Object 1、Object.defineProperty() /** * Object.defineProperty() * Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者 * 修改一个对象的现有属性,并返回此对象。 * * 备注:应当直接在 Object 构造器对象上调用此方法,而不是在任意一个 Object * ...
学习- vue 中 API $attr 用法 2.4.0新增 定义:包含了父作用域不作为 prop 被识别(且获取)的 attribute 绑定( class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定(除class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件--在创建高级别的组件时非常有用。 父组件的列表行数据传递给孙子组件展示 父组件: <...
学习-Vue3-条件渲染 v-if支持在 <template> 元素上使用,能和 v-else 搭配使用。 v-show 不支持在 <template> 元素上使用, 也不能和 v-else 搭配使用。 <template> <!-- <template> 上的 v-if 因为 v-if 是一个指令,它必须依附于某个元素。但如果我们想要切换不止一个元...
学习-Vue3-绑定内联样式 <template> <div> <!-- 绑定内联样式--绑定对象 --> <!-- <div :style="{color: activeColor, 'font-size': fontSize+ 'px'}">测试</div> --> <div :style="styleOb...
日常开发记录-this.$message,this.$prompt,交换弹窗确定和取消按钮的位置,确定在左,取消在右... 代码: <template> <el-button type="text" @click="open">点击打开 Message Box</el-button> </template> <script> export default { methods: { open () { this.$confirm...
学习-自增id++的问题 代码示例: letid=0 consttodos=ref([ {id:id++,text:'LearnHTML'}, {id:id++,text:'LearnJavaScript'}, {id:id++,text:'LearnVue'} ]) 控制台: id是递增的,而不是一样的。 ...
学习-Vue2-Vue实例-数据与方法-Object.freeze() Object.freeze(),会阻止修改现有的property,意味着响应系统无法再追踪变化 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE...