记事本

在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。 受现代 JavaScript

推荐另外一篇深拷贝和浅拷贝的讲解： https://segmentfault.com/a/1190000018874254 本文转载于 https://www.cnblogs.com/mikeCao/p/8710837.html 深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。 假设B复制了A，修改A的时候，看B是否发生变化： 如果B跟着也变了，说明是浅拷贝，拿人手短！（修改堆内存中的同一个值） 如果B没有改变，说明是深拷贝，自食其力！（修改堆内存中的不同的值） 浅拷贝（sha

Symbol 本质上是一种唯一标识符，可用作对象的唯一属性名，这样其他人就不会改写或覆盖你设置的属性值。 声明方法： let id = Symbol("id“); Symbol 数据类型的特点是唯一性，即使是用同一个变量生成的值也不相等。 let id1 = Symbol('id'); let id2 = Symbol('id'); console.log(id1 == id2); //false Symbol 数据类型的另一特点是隐藏性，for···in，object.keys() 不能访问

可参考博客： https://blog.csdn.net/qq_37205708/article/details/88854463 数组、字符串、Map、Set方法整理 一、unshift()方法 1.定义和用法 unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 2.语法 arrayObject.unshift(newelement1,newelement2,…,newelementX) 参数： newelement1 必需。向数组添加的第一个元素。 newelement2 可

转载于：https://blog.csdn.net/qq_36640955/article/details/105597473 elementUI里的组件都预定义了样式，有时我们用class命名并在css中更改样式时，发现不起作用，或者起不到预期的效果。下面以输入框el-input作个例子记录 elementUI输入框为 ， 但当它在网页中打开时，分为suffix和inner，一个在外部，一个在内部，如下 当在vue文件中，给el-input添加class命名，然后在style中设置样式，调整的是su

需求背景是这样的：在一个列表页面（url的路径名假设为/list），点击表格中任意一项出现抽屉，但是抽屉要求带id，方便复制链接，新打开页面可以直接定位到列表中某一项的抽屉（url假设为 /list?id=123） 现在想当抽屉关闭的时候，去掉url的参数id 改变url想到两种方法 1.用history.back() 但是如果是别人复制给我的链接，我在新窗口打开，这个时候用history就不行，相当于直接退回到浏览器的初始页 2.用window.location直接改 这种办法会导致网页刷新，相当于用户的

使用Bus.js进行兄弟(非父子)组件通信 1.首先写bus.js文件 任意地方添加一个bus.js，在bus.js里面 写入下面信息 import Vue from 'vue'; const bus = new Vue(); export default bus; 2.在需要通信的组件都引入bus.js from后面就改成你的所放bus.js文件的位置 import Bus from './bus.js' 3.需要发送事件的组件使用 bus.$emit 发送事件 this.$bus.$emit('te

git clone 将仓库中的代码克隆在本地上 cd进去要放的文件夹，然后用git clone http://（复制的地址） （初次使用记得配置git ssh公钥） 将项目跑起来 cd进去项目文件夹 npm run serve git init 仓库初始化 git remove add origin 配置仓库地址 git add 将代码提交到暂存区 git commit -m 将代码提交至本地仓库 -m后面是写本次提交的描述，一般都要写这次更新了什么 git commit -m" " git pull

当我把el-dialog嵌套在el-popover中，点击打开dialog时，发现整个页面变暗，并不是除了dialog窗口之外的都变暗 这个问题是因为el-dialog和el-popover之间的层级关系，当我把el-dialog嵌套在el-popover中，dialog就挂在了el-popover上，如果想要实现当dialog窗口出现时，它是亮的，其他页面都变暗，就需要将el-dialog拉到body上 在el-dialog中的介绍这个属性默认是false，写的时候给dialog加上这个属性就好了 .

想获取一下本地时间 定义date nowtime为本地时间 this.nowtime = new Date().toLocaleString(); 这样获取的时间格式为：2020/5/24 上午10:55 将此转换为日期格式：2020-5-24 10:55:01 如果不用第三方库的花，需要自己写个方法 csdn上面很多，可以直接去搜 如果用第三方库的花，可以使用moment和dayjs moment的用法： https://blog.csdn.net/u014438244/article/details/

此文转载于https://www.cnblogs.com/Object-L/p/12821403.html 解决办法： 1、关闭VSCode，再以管理员身份启动 2、在终端中输入：get-ExecutionPolicy，显示Restricted，表示状态是禁止的; 3、再次输入：set-ExecutionPolicy RemoteSigned；执行后不显示内容； 4、最后再输入：get-ExecutionPolicy，显示RemoteSigned; 然后再输入webpack指令就可以正常运行了 ..

今天在使用toFixed的时候报错了 本意是想对之前定义的数据price进行保留两位小数的处理，但是在用price.toFixed(2)的时候报错: vue.js:634 [Vue warn]: Error in render: “TypeError: price.toFixed is not a function” 解决办法： parseFloat(price).toFixed(2) “pa...

本文转载于https://www.cnblogs.com/l199616j/p/11195667.html 会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 本章将系统地讲述Cookie与Session机制，并比较说明什么时候...

setTimeout(function(){}，0)问题也是笔试题中出现次数很高的题型 本文转载于：https://blog.csdn.net/weixin_30721899/article/details/99216763?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm...

最近几天写笔试题发现二叉树出现的频率很高，所以整理一下 （图片源于网络） 1.深度优先搜索是沿着树的深度遍历树的节点，尽可能深的搜索树的分支。 上图示例，深度优先搜索二叉树是先访问根结点，然后遍历左子树接着是遍历右子树，深度优先搜索的顺序 为：ABDECFG。 2.广度优先搜索又叫宽度优先搜索或横向优先搜索，是从根结点开始沿着树的宽度搜索遍历，上面二叉树的遍历顺序为：ABCDEFG. 3.前序...

做题的时候看到计算时间复杂度，知识点已经模糊的什么都不清楚了，找了一些文章看，但是感觉都好书面化，重新整理一下 算法复杂度分为时间复杂度和空间复杂度。时间复杂度是指执行算法所需要的执行次数；而空间复杂度是指执行这个算法所需要的内存空间。 大O表示法，一般用大O表示法来描述复杂度，它表示的是数据规模对应的复杂度，忽略常数、系数、低阶 下面举一些简单例子来算一下（只是为了方便理解） 时间复杂度： 1....

vue用户管理系统实现增加用户管理功能操作信息提示添加详情模块实现删除用户功能实现修改用户功能实现查找用户的功能 前文地址https://blog.csdn.net/weixin_44068203/article/details/105381138 实现增加用户管理功能 创建一个新的组件add.vue将about里的东西拷贝一下到add.vue，修改 首先在main.js中设计路由 import ...

vue用户后台管理项目使用本地数据接口搭建本地数据接口测试本地数据初始化项目搭建页面获取本地数据（增）实现添加用户管理功能添加成功信息提示（alert）添加详情模块（删）实现删除用户功能（改）实现笔记用户的功能（查）实现搜索用户的功能 本文是对视频vue用户后台管理项目的学习的笔记，完整视频指路 https://www.bilibili.com/video/BV1p4411i7JQ/?p=1 使...

点击详情 添加用户 搜索用户 这是vue用户后台关系系统视频学习的笔记 记录一下这个项目的代码，具体内容指路我的其他博客 文件如下所示 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" cont...

安装Vue手脚架 在npm run server命令时出错 解决方法： 首先安装安node.js和vue后（使用命令node -v 和vue -V可以查看是否安装好的版本） npm比较慢，用淘宝镜像，在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org 然后在命令行输入cnpm install -g @vue/c...