vue一些比较重要知识点的复习
Vue的MVVM模型知道什么是MVVM M: (Model 模型) 即后端传递过来或者自己定义的数据(对应vue组件当中的data,props,computed等) V: (View 视图) 即用户看到的界面UI (也就是我们组件当中的template部分) VM: ViewModel,负责实现View和Model之间数据状态同步的中间对象 MVVM的关系 MVVM优点 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的，因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到View 上。ViewModel 通过双向数据绑定把 View 和 Model 连接了起来，而 View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM， 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。 假如面试问到我说说看MVVM,我可能会这样子回答 我理解的MVVM就是 ...
vue后台的一个项目遇到的一些问题和解决办法的记录
vue使用echarts报错Error in mounted hook: “TypeError: this.dom.getContext is not a function” 解决 一开始是this.$refs.dom获取节点的,后面使用在<el-row>标签上就不可以,所以如果使用this.$refs进行echarts的初始化操作会报错,就使用原生dom获取节点后初始化即可 elementUI 日期选择器在vue-admin中设置中文显示 方法 main.js文件当中 123// import locale from 'element-ui/lib/locale/lang/en' // lang i18n 注释掉import locale from 'element-ui/lib/locale/lang/zh-CN' //添加Vue.use(ElementUI, { locale });//添加 设置前 设置后 moment日期插件输出格式错误 之前输出console.log(moment( ...
盒子模型及块元素水平垂直定位和绝对元素的定位布局和弹性盒
盒子模型组成: content(内容区) border(边框) padding(内边距) margin(外边距) 盒子大小盒子的大小值得就是盒子在容器中实际所占据的高度和宽度(默认情况下我们通过css设置的width和height只是设置了content(内容区)的高度和宽度,实际上盒子模型所占据的高度和宽度是按照下面来计算的) 实际的宽度: 实际宽度 = margin-left + border-left + padding-left + width(content-width) + padding-right + border-right + margin-right 实际的高度: 实际的高度 = margin-top + border-top + padding-top + height(content-height) + padding-bottom + border-bottom + margin-bottom 比如下面图片的实际宽度和实际高度是多少呢? 使用上述公式，就能算出示例中的高宽值 实际宽度 = 20+6+20+400+20+6 ...
我来图书馆实现用云函数cfc进行自动化抢位置
window工具自动抢位置和签到 @地址 前言 抓包的话就不多说啦 只实现四楼自动抢,其他楼自己改改就可以 先下载下代码,单击我进入跳转下载 下载代码后的操作 下载完成后,将其解压后重新在目录内压缩 具体操作步骤 进入单击我进入官网,登录注册实名就不多说了 再单击创建函数 选择空白函数后单击’下一步’ 按照如图选择 单击提交,创建完成 单击**’进入函数详情页’** 单击’函数代码’ 下载刚刚下载的代码 单击’上传代码.zip’ 选择刚刚下载的zip 选择好后单击开始上传 切换回’在线编辑’ 单击编辑进入环境变量设置 添加这二个环境变量 ,单击保存 123456runLibraryUser 自己抓包的用户代码 runLibraryUserSeatIdAndArea 座位号id&区域id 具体看github的文档比如runLibraryUser rjwiaorjawrijoawrrunLibraryUserSeatIdAndArea 561&24 单击’触发器’,增加触发 ...
vue源码分析-快速版(DMQ的MVVM为例)
感兴趣的可以下载这位老师的例子 使用的DMQ的MVVM为例 地址(单击我跳转) 前置知识知道节点 nodeName(节点名称) nodeType(节点类型) nodeValue(节点值) 文档节点 #document 9 null 元素节点 标签名 1 null 属性节点 属性名 2 属性值 文本节点 #text 3 文本内容 知道一些方法或者属性 dom元素.childNodes属性,获取dom元素下的所有节点(包括文本节点和其他(换行符也是文本节点)) 而dom元素.children是获取dom元素下的所有的元素节点 12345678910111213141516171819202122232425<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid ...
git添加代理,让github克隆的速度增加变快
clash的配置注意Allow LAN要打上勾 方法1:推荐! 添加创建.gitconfig文件,内容如下 注意,端口7890每个人可能不一样,需要看自己的clash代理是什么端口,可以在General项目当中的Port查看到 123456[http] proxy = "socks5://127.0.0.1:7890" proxy = "http://127.0.0.1:7890"[https] proxy = "socks5://127.0.0.1:7890" proxy = "https://127.0.0.1:7890" 创建这个文件的目录到git里面看下 可以看到,我这里C:\Users\Administrator,说明我需要在这个文件下创建.gitconfig 添加后的文件内容为 如果需要curl的代理,请看这里 依旧是新建.curlrc在C:\Users\Administrator 添加下面内容 1socks5 = "127.0.0.1:7890&q ...
vue当中addRoutes动态添加路由白屏解决和next(),next("/")的一些区别
问题产生前言 使用动态添加路由router.addRoutes()后进入一个页面,对着这一个页面刷新一下,然后页面就白屏了并且不管刷新多少次都没有用,依旧是白屏,只有重新进入页面才有效果 比如对于网站http://localhost:9528/#/product/attr/list,现在显示是正常的,对着这一个页面刷新一下,页面就白屏了,刷新多少次都没有用,必须要重新访问一次路由才可以必须要重新访问一次网站才可以(只要不再次刷新就可以) 本文参考学习了该博主的文章 问题分析 动态添加路由无非就是几个过程 router.addRoutes(); 页面访问动态生成的路由 步骤1没有问题,问题就出现在页面访问动态生成的路由上面 我们再来分析下过程 页面被刷新,路由信息被重新计算生成并通过addRoutes方法动态添加到了router当中 addRoutes方法还没有完成,用户就已经在访问界面了(可以理解为addRoutes和访问路由同时进行) 用户一边访问界面,后面一边动态添加路由,addRoutes相当于还没有完成就被访问了路由(可以理解访问了一个此刻不存在的路由导致的 ...
尚品汇Vue项目 前台+后台完成品源码(含在线演示)
尚品汇前台练习 在线地址演示1(前台项目) https://demo.gshopfront.dreamlove.top/ 重新添加了修改了下 2022年7月30日16.13.13 登录界面添加了下自动登录 detail购物车用户输入商品数量的优化,为合法值的时候才更新,否者还原原有的值 搜索结果页面的评价人数用随机数,这样子好看点,并且每一件商品的金额的样式调整了下 事件委派的方式为搜索结果添加’加入购物车’按钮 结算页面验证是否登录了 首页swiper的前进后退按钮移入显示移出隐藏 login界面的label和input对齐了下 注册成功后自动登录 地址编辑框优化 dialog自己添加遮罩层和dialog显示的时候禁用滚动(elementui在这里有bug) 购物车为空的时候没有什么提示添加进去了一个内容 购物车提交时候必须要有地址信息才可以 注册界面添加倒计时 提交订单页选择优化 购物车列表商品增加删除逻辑优化 一些样式的轻微调整 其他的请你们进入在线演示仔细查看吧~ 自己添加了下收货地址和删除收货地址 有时候主页的一些数据老是获取不到,用了假数据(但是数据内容和 ...
Echarts图表的基本使用
Echarts的初始化使用 引入什么的就不多说了,普通的js脚本怎么引入echarts就怎么引入 大概初始化的步骤 获取DOM(用于绘制表格) 依据获取的DOM对象初始化echarts(使得这个DOM对象用于展示图表数据) 书写echarts配置对象 第二步返回的echarts对象调用setOption方法并传入第三步书写的配置对象 别忘记设置Dom容器的宽高了(css设置即可) 好像如果是同一个echarts实例化对象,再次调用setOption方法,不会造成图表全部重新绘制,只会造成部分修改 1234567//重新设置图表的标题,在这之前已经调用过setOption了//所以只会重新绘制图表标题this.table1.setOption({ title:{ text:this.showTitle+"趋势" },}) 示例代码1234567891011121314151617181920212223242526272829303132333435363738394041424344454 ...
vue-admin-template里面的异步路由,常量路由,任意路由的添加,记录笔记
路由模式 常量路由(比如首页) 异步路由(不同用户不同路由,根据权限来定的) 任意路由(比如404) vueAdmin当中使用路由权限1.在路由注册的时候,分段注册 (默认只注册常量路由) src\router\index.js 2.处理路由信息,并添加到route当中 调用router当中的addRouter方法,传入的参数为数组(数组里面也就是路由信息) src\store\modules\user.js当中,根据token获取到用户信息后(比如用户权限,可以用的路由有哪些),来对数据进行处理 处理路由信息的函数 1234567891011121314151617/** * * @param {array} all 所有的异步路由信息 * @param {array} selfRoutes 服务器获取到的当前账户所具有的异步路由信息 */function getOwnAsyncRoutes(allAsyncRoutes,selfRoutes){ return allAsyncRoutes.filter(item =& ...
