- 博客(168)
- 收藏
- 关注
RSS订阅原创 日常开发记录-springboot 程序运行出现Whitelable error page的解决方法
springboot程序运行但是利用localhost:8080访问出现Whitelable error page可能原因：检查一下resources目录下的static目录单词有没有拼错
2024-08-07 14:11:00
286
原创 配置npm镜像源，安装依赖
npm login命令可以通过--registry参数来指定不同的npm仓库进行登录。当你需要登录到特定的npm仓库时，可以使用npm login --registry=<url>命令，其中<url>是你想要登录的npm仓库的URL。例如，如果你想要登录到官方的npm仓库，你可以使用npm login命令(默认登录到官方的npm仓库，无需指定regist...
2024-07-30 14:32:00
459
原创 日常开发记录-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...
2023-05-26 15:52:00
719
原创 日常开发记录-el-table-column省略号被隐藏
问题：鼠标放在表格的列除，可以出现tooltip但是表格中的文字没有省略号...错误效果图：导致问题的原因：template中的需要使用span标签而不是div标签错误代码展示：<el-table-column prop="type" label="指标" width="180" show-overflow-tooltip> <template slo...
2023-05-10 16:34:00
316
原创 前端面试题-常见的水平垂直居中实现方案
方案一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="...
2023-05-09 16:37:00
178
原创 学习-域名相关内容
什么是域名？域名的主要目的是作为您网站的地址。什么是域名系统(DNS)？这是一个分散的系统，用于存储有关哪些领域连接到哪些IP地址的信息。当用户在浏览器中输入域名时，它会检查相应IP地址的DNS，并将访问者定向到正确的页面。从这个意义上说，DNS视为Internet的一个目录。域名与虚拟主机有何不同？域名和网络托管经常混合在一起，因为许多托管服务提供商也是域名注册商，并且需要这两种服务才能启动网...
2023-05-05 09:36:00
126
原创 日常开发记录-字符串方法split
拆分字符串：let str = '12,34'console.log(str.split(",")) // [ '12', '34' ]
2023-04-26 10:16:00
37
原创 学习-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...
2023-04-06 15:05:00
65
原创 学习-ts基本类型
基本类型： * 为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。// 布尔值let isDone:boolean = true;// 数字let decLiteral:number = 6;let hexLiteral:number = 0x...
2023-04-06 14:46:00
44
原创 学习-五分钟上手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 = '...
2023-04-04 17:39:00
95
原创 日常开发记录-子绝父相，子盒子放置在父盒子右上角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width...
2023-04-04 15:14:00
121
原创 日常开发记录-远程搜索下拉根据上一个表单值去动态控制必填还是非必填
当手机号中的值为123验证码必填。手机号为非123的值非必填。代码示例：<template> <div> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"&g...
2023-03-21 15:20:00
55
原创 学习-js的标准内置对象Object
标准内置对象Object1、Object.defineProperty()/** * Object.defineProperty() * Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者 * 修改一个对象的现有属性，并返回此对象。 * * 备注：应当直接在 Object 构造器对象上调用此方法，而不是在任意一个 Object * ...
2023-03-15 16:28:00
82
原创 学习- vue 中 API $attr 用法
2.4.0新增定义：包含了父作用域不作为 prop 被识别(且获取)的 attribute 绑定( class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定(除class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件--在创建高级别的组件时非常有用。父组件的列表行数据传递给孙子组件展示父组件：<...
2023-02-07 15:16:00
124
原创 学习-Vue3-条件渲染
v-if支持在 <template> 元素上使用，能和 v-else 搭配使用。v-show 不支持在 <template> 元素上使用， 也不能和 v-else 搭配使用。<template><!-- <template> 上的 v-if 因为 v-if 是一个指令，它必须依附于某个元素。但如果我们想要切换不止一个元...
2023-01-13 14:37:00
170
原创 学习-Vue3-绑定内联样式
<template> <div> <!-- 绑定内联样式--绑定对象 --> <!-- <div :style="{color: activeColor, 'font-size': fontSize+ 'px'}">测试</div> --> <div :style="styleOb...
2023-01-13 14:16:00
203
原创 日常开发记录-this.$message,this.$prompt，交换弹窗确定和取消按钮的位置，确定在左，取消在右...
代码：<template> <el-button type="text" @click="open">点击打开 Message Box</el-button></template><script>export default { methods: { open () { this.$confirm...
2023-01-12 14:42:00
386
原创 学习-自增id++的问题
代码示例：letid=0consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])控制台：id是递增的，而不是一样的。...
2023-01-11 13:34:00
116
原创 学习-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...
2023-01-10 16:37:00
150
原创 学习-Vue2-Vue实例-数据与方法-数据的响应式
当一个实例被创建时，它将data对象中的所有的property加入到Vue的响应式系统中。 当这些property的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。当这些数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于data中的property才是响应式的。<!DOCTYPE html><html lang="en"><he...
2023-01-10 16:03:00
100
原创 日常开发记录-js的Date对象中的toLocaleDateString()
就是把Date对象的日期部分转换为字符串，并返回结果。代码示例：console.log(new Date()) // 2023-01-10T05:42:41.926Zconsole.log(new Date().toLocaleDateString()) // 2023/1/10let time = new Date().toLocaleDateString()let [year,...
2023-01-10 13:51:00
235
原创 日常开发记录-Object函数的内置方法Object.entries
方法1：const data = { id: 1, name: "张三", age: 22}let params = ""/* Object.entries()方法返回一个数组，数组的每一个元素是对象的自有的可枚举属性的键值对，但不包括Symbol值的属性。形如：[[key1, value1], [key2, value2], ... [keyn, valu...
2023-01-08 18:02:00
137
原创 前端面试题之Promise执行顺序
执行的先后顺序：const p = new Promise(resolve => { console.log('a') resolve() console.log('b')})p.then(() => { console.log('c')})console.log('d') .then是异步，最后一个执行...
2023-01-08 16:23:00
101
原创 日常开发记录-js方法删除字符串最后一位
// js方法删除字符串最后一位let str = '123456&'str = str.substr(0, str.length-1)console.warn(str) // 123456
2022-12-23 14:23:00
75
原创 日常开发记录-u-search组件苹果手机icon图片显示异常-多出一个搜索图标
在ios15 使用u-search搜索图标显示异常，如图在App.vue文件中添加css样式即可解决input[type="search"]{ -webkit-appearance:none;}[type="search"]::-webkit-search-decoration { display: none; }input::-webkit-search-...
2022-12-19 10:41:00
283
原创 日常开发记录- vscode快捷命令之右上角×按钮消失，电脑桌面任务栏也切不出来...
不小心点击到F11键会导致这个问题，重新再点一下F11键即可
2022-11-24 20:51:00
620
原创 日常开发记录-粘性定位
需求：随着页面高度变化，中间区域的头部固定，不随页面高度的变化而跟随滚动解决方案：粘性定位， 记得设置 z-index属性。固定定位不可行，会随着页面高度的变化超出中间区域，不符合要求。代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"&g...
2022-11-03 15:38:00
33
原创 学习-从浏览器缓存淘汰策略和 Vue 的 keep-alive 学习 LRU 算法
LRU(Least frequently used：最近最少使用)。算法在缓存写满的时候，会根据所有数据的访问记录，淘汰掉未来被访问几率最低的数据。也就是说该算法认为，最近被访问过的数据，在将来被访问的几率最大。个人解读：淘汰掉访问次数少的，留下访问次数多的数据一、LRU 缓存淘汰策略缓存在计算机网络上随处可见例如：当我们首次访问一个网页时，打开很慢，但当我们再次打开这个网页时，打开...
2022-09-20 18:25:00
101
原创 学习-数组相关算法-js 数组去重（删除有序数组中的重复项）
Set 对象去重(数组对象不可利用 Set 对象，不能实现去重效果)：// 删除有序数组中的重复项let arr = [1,1,2,2,3,3,3]// console.log(new Set(arr)) // Set(3) { 1, 2, 3 }// Set对象时一组不重复的值，重复值被忽略let a = new Set(arr)/**方法1： * let newArr = A...
2022-09-20 14:23:00
46
原创 学习-数组相关算法-两数之和中两数对应的索引作为数组返回
obj[1] = 111let obj = { "5": 222 }console.log(obj[5]) // // 222console.log(obj['5']) // 222// console.log(obj.5) 这样写会报错obj[1] = 111console.log(JSON.stringify(obj)) // {"1":111,"5":222}js 中的 ...
2022-09-20 09:53:00
42
原创 日常开发记录-删除数组对象中的第三层 children 属性值
应用场景：elementUICascader 级联选择器不显示三级子节点，只显示到二级节点即可 js 代码：for (const key in options) { // 删除第三层children属性 for (const i in options[key].children) { delete options...
2022-09-19 14:29:00
284
原创 日常开发记录-vue 中小写金额转换为大写金额
vue中小写金额转换为大写金额模板：<div class="total"> <span style="width:10%;display:inline-block; margin-left:10%">总金额：</span> <span style="width:40%;display:inline-block">大写：{{smallT...
2022-09-13 10:44:00
174
原创 日常开发记录-点击按钮触发 close 方法关闭当前路由页面，跳转列表页
关闭当前路由，跳转其他页面close() { // 返回上级路由并关闭当前路由 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1) ...
2022-09-13 09:50:00
167
原创 日常开发记录-Vue2.0+ElementUI实现输入框金额格式化
如何用Vue实现输入框金额格式化呢？我们都知道，以元为单位时，金额往往是需要保存到小数点后两位的，用来表示角和分，并且为了能对金额位数一目了然，往往需要三位为一个间隔，用逗号分隔金额位数。基于以上需求，我们现在用Vue来实现功能。首先我们需要知道，加了分隔符的金额就不再是数字类型了，而是字符串类型的。如果你们数据库对于金额的数据类型定义为数字的话，在存储到数据库之前是需要进行数据类型的转换的，...
2022-09-09 14:55:00
976
原创 日常开发记录-JavaScript中字符串(string)转json的方法
let json = eval("(" + str + ")");代码演示：let str = `{ "statusCode": "300", "message": "未登陆", "callback": "", "dotype": { "reload": "currentTab", "reloadId": "", ...
2022-09-09 10:17:00
96
原创 日常开发记录-当后端返回了键值对中的 value 需要前端自己处理成对应的 label 值时的方法...
代码演示：let list = [{ label: 'yibo', value: 0}, { label: '张三', value: 1}, { label: '李四', value: 2}]function getLabel(list, v, value="value", label="label") { if(v !== undefined && Array....
2022-09-08 14:21:00
144
原创 日常开发记录-dangerouslyUseHTMLString：true; 属性的作用
将 dangerouslyUseHtmlString 属性设置为 true ，message 就会被当做 HTML 片段处理。案例 demo ：this.$notify({ title: 'HTML 片段', dangerouslyUseHTMLString: true, message: '<div>这是 <i>...
2022-09-06 08:53:00
416
原创 日常开发记录-elementUI框架的 el-dialog 弹出框被遮罩层挡住了
解决方法： el-dialog 标签中添加 :modal-append-to-body="false" 属性即可
2022-09-05 17:55:00
134
原创 日常开发记录-前端浏览器高级调试技巧整理
1.一键重新发起请求场景：在和后端联调时用的比较多，快速的重发请求，不用再在页面上点击步骤：选中“Network”点击 Fetch/XHR选择要重新发送的请求(鼠标点击一下)右键选择Replay XHR实操演示：2.一键展开所有DOM元素场景：调试元素时，在层级比较深的情况下，一个个展开去调试会很麻烦,使用这个方法事半功倍步骤：alt + 鼠标点...
2022-09-05 14:46:00
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人