- 博客(170)
- 收藏
- 关注
RSS订阅原创 日常开发记录-elementUI框架的 el-dialog 弹出框被遮罩层挡住了
解决方法： el-dialog 标签中添加 :modal-append-to-body="false" 属性即可
2022-09-05 17:55:00
204
原创 日常开发记录-前端浏览器高级调试技巧整理
1.一键重新发起请求场景：在和后端联调时用的比较多，快速的重发请求，不用再在页面上点击步骤：选中“Network”点击 Fetch/XHR选择要重新发送的请求(鼠标点击一下)右键选择Replay XHR实操演示：2.一键展开所有DOM元素场景：调试元素时，在层级比较深的情况下，一个个展开去调试会很麻烦,使用这个方法事半功倍步骤：alt + 鼠标点...
2022-09-05 14:46:00
94
原创 日常开发记录-vscode 编辑器引入组件路径正确但是却报错：Already included file name '×××’differs from file name ‘××ב only in ...
方法一：解决方法：vscode 编辑行中【查看】--【命令面板】搜索点击【重新加载窗口】即可方法二：不推荐去掉路径后面的 .vue后缀
2022-09-04 21:17:00
416
原创 日常开发记录- git 添加多个远程仓库
应用场景：同步不同服务器下的项目开发进度添加远程仓库：temp是新的远程仓库名，不能与 master 重名，这样就做好本地与远程的关联了git remote add temp https://127.0.0.1/git_demo.git查看远程仓库：git remote -v接下来就是，拉取指定 temp 远程仓库下的代码：git pull --set-upstream ...
2022-09-02 16:26:00
137
原创 日常开发记录-elementUI 文件上传假删除，防止删除文件后后悔的操作，无需调用后端删除文件接口+表格数据前端假删除，最后直接把剩余的整个数组对象传给后端接口即可...
此篇博客关键是记录这种假删除的思想，后端给的删除接口也不一定非要用。。。上传文件假删除：<template> <div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-pr...
2022-09-01 11:05:00
232
原创 日常开发记录-[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the p...
报错原因：elementUI 下载版本问题报错提示：vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or...
2022-09-01 09:35:00
160
原创 日常开发记录-数组解构
// 数组解构const [start = 0, end = []] = ["2022-08-31", "2022-09-10"]console.log(start, end) // 2022-08-31 2022-09-10
2022-08-31 16:25:00
80
原创 日常开发记录-vue 父子通信，子组件通过 prop 接收到父组件的数据有一个时间延时，未得到前数据是undefined...
这个可能会导致页面初始化时有些报错问题出现。。。
2022-08-31 14:48:00
292
原创 日常开发记录- [Vue warn]:data functions should return an object: https://vuejs.org/v2/guide/...+[Vue warn]...
可能原因：在接口的错误捕获写了 .catch{ e => this.$message.error(e)}this.$message.error("") 只能写 String 类型的值， e 是Object 类型，所以会报错。。。
2022-08-26 17:42:00
336
原创 日常开发记录-el-table 固定列下横向滚动条无法拖动的问题解决方案
原因：层级问题，左侧固定列层级高，滚动条层级低，提升一下滚动条层级即可注意要在全局样式中定义类 fixed-scrool-error样式.fixed-scroll-error { .el-table--scrollable-x .el-table__body-wrapper { z-index: 2; }}运用：直接在有问题的表格最外层 标签中使用 fixed-s...
2022-08-25 14:07:00
1682
1
原创 日常开发记录-js 获取当前月份的第一天和最后一天
代码：function init() { let date = new Date() let year = date.getFullYear() let month = date.getMonth() + 1 if(month < 10) { month = '0' + month } // let time = new Da...
2022-08-24 16:43:00
144
原创 学习-基本 git 命令
为使用 Git，开发人员使用特定命令来赋值、创建、更改和合并代码。git init 初始化一个全新的 Git 存储库并开始跟踪现有目录。它在现有目录中添加一个隐藏的子文件夹，该子文件件包含版本控制所需的内部数据结构。git clone 创建远程已存在的项目的本地副本。克隆包括项目路的所有文件、历史记录和分支。git add 暂存更改。 Git 跟踪对开发人员代码库的更改，但有必要暂存更改...
2022-08-24 10:48:00
107
原创 日常开发记录-el-table 数据、属性刷新
给 table 的 key 属性 绑定动态tableKey 值 可以使表格的值和属性重新加载一遍 <el-table :key="tableKey"> </el-table>
2022-08-23 17:48:00
484
2
原创 学习-js 异步概念
异步编程技术让你的程序可以在执行一个可能长期运行的任务的同时，继续对其他时间做出反应而不必等待任务完成。与此同时，你的程序也将会在任务完成后显示结果。Promise 是现代 JavaScript 中异步编程的基础，是一个由异步函数返回的可以向指示当前操作所处的状态的对象。在 Promise 返回给调用者的时候，操作往往还没有完成，但 Promise 对象可以让我们操作最终完成时对其进行处理(...
2022-08-23 15:42:00
71
原创 日常开发记录-js 修改数组对象中指定的属性值
思路：先过滤+再插入{label:'李四',value:1} 更改为{label:'测试',value:1}const arr = [{label: '张三', value: 0},{label: '李四', value: 1},{label: '王五', value: 2}]// filter不会改变原数组let data = arr.filter(item =&...
2022-08-23 10:40:00
643
原创 日常开发记录-elementUI表格特殊值标红，利用插槽，vue动态绑定类名
代码：<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="150"> </el-table-column> ...
2022-08-22 11:11:00
404
原创 日常开发记录-element的upload组件在before-upload之后触发before-remove以及后面on-remove方法...
转载：http://t.csdn.cn/yYgFD今天项目实践时，突然发现 element 的 el-upload组件在before-upload 之后 return false 之后竟然会自动触发 before/on - remove 方法。查阅了资料，发现解决方法很简单。// 执行remove方法的时候，判断该文件存在且上传状态为 success beforeRemove(fi...
2022-08-18 17:33:00
359
原创 日常开发记录-当新手前端遇到新手后端，分页没有页码
后端提供的接口获取到数据 list ，但是后台管理系统的分页没有【页码数】和【前往“”页】，可能是后端没有把 pageSize 和 pageIndex 以及 total 返回给前端。...
2022-08-15 17:44:00
168
原创 日常开发记录-解决data functions should return an object 并（Property “visible“ must be accessed with “$data.vi...
转载：http://t.csdn.cn/09Vyl错误原因：直接把err 对象赋值给message了 this.$message.error(err);
2022-08-15 13:37:00
155
原创 elementUI dialog 弹窗组件的使用-title 属性的文字提示 没有设置 center 属性但是居中了
elementUI dialog 弹窗组件的使用elementUI dialog 弹窗组件使用时，title 属性的文字提示 没有设置 center 属性但是居中了
2022-08-12 13:56:13
1390
原创 日常开发记录-vue项目Error: Cannot find module ... at webpackContextResolve at webpackContext‘xxx’类报错的解决方法...
如果确定这个module存在 就重新运行前端项目即可解除报错
2022-08-11 14:13:00
4976
2
原创 日常开发记录-git 合并分支，push报错：![remote rejected] error: failed to push some refs to...
转载：http://t.csdn.cn/mtd7S1、首先切换到master分支上git checkout master2、如果是多人开发的话 需要把远程master上的代码pull下来git pull origin master//如果是自己一个开发就没有必要了，为了保险期间还是pull3、然后我们把dev分支的代码合并到master上git merge dev4、...
2022-08-10 15:43:00
685
原创 日常开发记录-These dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk...
vue2项目中引入 ElementUI 报错解决方法：在当前项目的根目录的集成终端下载npm i element-ui -S，下载完成后重新运行项目即可
2022-08-10 15:15:00
342
原创 日常开发记录-axios.defaults.headers['X-Request-With'] = 'XMLHttpRequest'
// X-Requested-With: XMLHttpRequest是给服务器用的，用于区别 AJAX 请求(异步)还是普通(同步)的请求(一般指表单提交)的// x-requested-with 赋予 ‘XMLHttpRequest’ 值表示这是一个ajax请求，而如果值为null的话 表示一个普通的请求，服务器用来检测是否为异步 // 如果服务器没做任何针对的反馈那么都一样。转载...
2022-08-10 14:23:00
107
原创 日常开发记录-npm WARN logfile could not be created: Error: EPERM: operation not permitted, open 'D:\nodejs...
报错原因：npm 无权限node_cache node_modules文件夹右击【属性】->【安全】-> 【编辑】最后cmd中检验一遍参考作者链接：http://t.csdn.cn/fhLr4自定义node配置：npm config set prefix "D:\nodejs\node_global" // 该配置加上系统环境变量配置用于后面使用vue时能够直...
2022-08-08 17:23:00
472
原创 日常开发记录-'npm' 不是内部或外部命令，也不是可运行的程序 或批处理文件。...
npm -vcmd命令黑窗口提示'npm' 不是内部或外部命令，也不是可运行的程序 或批处理文件，【系统属性】-> 【高级】-> 【环境变量】->【系统变量】->【Path】添加node.exe的地址新建：检验：就不报错了...
2022-08-08 17:01:00
2651
原创 面试题-005-描述 Vue 与 React 的区别
概念：vue: 是一套用于构建用户界面的渐进式框架， Vue 的核心库只关注视图层react: 用于构建用户界面的 JavaScript 库声明式，组件化1、定位：vue 渐进式 响应式react 单向数据流2、写法：vue: template, jsxreact: jsx...
2022-08-08 10:35:00
85
原创 学习- vue4.x-router 带参数动态路由知识点理解demo
app.use(store).use(router).mount('#app')通过调用 app.use(router)，可以在任意组件中以 this.$router 的形式访问，并且以 this.$route 的形式访问当前路由1、带参数的动态路由匹配 使用场景：页面跳转，想要携带id到目标页面中使用推荐使用代码演示：router/index.jsimport { creat...
2022-08-05 14:31:00
155
原创 学习-vue3 自定义指令，帮助理解的简单demo
自定义指令：对普通 DOM 元素进行底层操作。v-focus指令：(main.js中注册全局自定义指令)import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'const app = createApp(App...
2022-08-04 17:34:00
76
原创 学习-vue3 作用域插槽,帮助理解的简单demo
父组件：<template> <div> <!-- 父级作用域中，可以使用 slot 定义我们提供的插槽 prop 的名字 --> <todo-list> <template v-slot:default="slotProps"> <span class="green">{...
2022-08-04 16:23:00
113
原创 日常开发记录-element-ui $prompt输入弹框 * 必填用法--输入框默认值、校验、阻止关闭等问题...
代码展示：<template> <div> <el-button type="primary" @click="click">查询</el-button> </div></template><script>export default { data () { retur...
2022-08-03 15:15:00
2128
原创 面试题-006- vue 模板编译的原理
vue 中模板 template 无法被浏览器解析并渲染，因为这不属于浏览器的标准，不是正确的 html 语法，所以需要将 template 转换成一个 JavaScript 函数，这样浏览器就可以执行这一个函数并渲染出对应的 html 元素，就可以让视图跑起来了，这个过程就叫做模板编译。模板编译分为三个阶段：解析 parse、优化 optimize、生成 generate ，最终生成可执行函...
2022-08-02 16:59:00
122
原创 日常开发记录-el-input限制只能输入数字，千分位格式展示并且只保留两位小数...
组件代码：<template> <el-input v-bind="{ clearable: true, }" v-model="input" @blur="blur" @focus="focus" placeholder="请输入内容"> <template slot="append"...
2022-08-02 15:58:00
444
原创 面试题-004-一些情况下对非可点击元素如（label， span）监听 click 时间， ios 下不会被触发...
解决方案：css 增加 cursor: pointer;
2022-07-31 19:51:00
66
原创 面试题-003-移动端 input 的 placeholder 出现文本位置偏上的情况
input 的 placeholder 会出现文本位置偏上的情况：PC 端设置 line-height 等于 height 能够对齐移动端的解决方法：line-height: normal;
2022-07-31 19:49:00
289
原创 面试题-002-计算机存储器相关知识
存储器：是计算机的重要组成部分，分为： 计算机内部的存储器(简称内存) 计算机外部的存储器(简称外存)内存储从功能上可分为：读写存储器 RAM 、只读存储器 ROM 两大类。RAM 和 ROM 的区别： RAM(Random Access Memory)易挥发性随机存取存储器，高速存取，读写时间相等，且与地址无关，如计算机内存等。RAM 表示的是读写存储器，可以与任一存储单元进行...
2022-07-31 19:44:00
156
原创 面试题-001-什么是服务器？
1、介绍： 服务器，也称伺服器，是提供计算机服务的设备。由于服务器需要响应服务请求，并进行处理因此一般来说服务器应具备承担服务并且保障服务的能力。 服务器的构成包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。 在网络环境下，根据服务器提供的服务类型不同，分为文件服务器，...
2022-07-31 16:17:00
238
原创 日常开发记录-金额格式转换-千分号
千分号://方法一：正则constqian=num=>`${num}`.replace(/(\d)(?=(?:\d{3})+$)/g,'$&,')console.log(qian(5000000))//60,000,000functiontoThousands(num){return(num||0).toString().replac...
2022-07-28 17:38:00
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人